@extends('template.layout')

@section('styles')
    <link href="{{asset('plugins/jquery-file-upload/blueimp-gallery/blueimp-gallery.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/jquery-file-upload/css/jquery.fileupload.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{asset('plugins/jquery-file-upload/css/jquery.fileupload-ui.css')}}" rel="stylesheet" type="text/css" />

    {{--<link href="{{asset('plugins/bootstrap-fileinput/bootstrap-fileinput.css')}}" rel="stylesheet" type="text/css" />--}}
    <style>
        .select2.select2-container.select2-container--default{
            width: 95% !important;
        }
        .select2-selection.select2-selection--single{
            height: 33px !important;
        }
        .portlet-body{
            padding-bottom: 1em;
        }

        .portlet-title{
            padding-bottom: 1.5em;
        }
        .portlet-title.sub{
            border-top: 1px solid #750e2b;
            padding-top: 2em;
            padding-bottom: 1em;
        }
        .row.group{
            padding-bottom: 1em;
        }
        .btn.blue.start{
            display: none;
        }
        .btn.blue.start.go{
            display: initial;
        }
        .control-label{
            font-weight: 700;
        }

        .fileupload-progress.fade{
            display: none;
        }
    </style>
@endsection

@section('content')
    <h1 class="page-title">
        Seguimiento del Expediente - {{ $expediente->codigo_unico }}
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <a class=" icon-action-undo" href="{{ url('admin/tramite/expedientes') }}" style="padding: 5px;"></a>
                @php
                    switch ($expediente->estado) {
                        case 0:
                            echo 'Datos del Expediente ( Estado: <label style="color: #0c55a2">EN PROCESO</label> )';
                        break;
                        case 1:
                            echo 'Datos del Expediente ( Estado: <label style="color: #6a5422">OBSERVADO</label> )';
                        break;
                        default:
                            echo 'Datos del Expediente ( Estado: <label style="color: #0b9847">FINALIZADO</label> )';
                    }
                @endphp
            </div>

            <div class="actions">
            </div>
        </div>

        {!! Form::open(array('id' => 'formulario','route' => 'admin.tramite.expediente.derivar.post',"files" => true,'method' => 'POST', 'class'=>'form-validation','enctype' => 'multipart/form-data')) !!}

        <div class="row">
            <div class="col-md-6">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-genderless"></i>
                        <span class="caption-subject font-green sbold uppercase"> Datos de Ingreso - Expediente </span>
                    </div>
                </div>
                <div class="row">
                    {!! Form::hidden('id_expediente', $expediente->id, array('id' => 'id_exp')) !!}

                    {{--<div class="form-group col-md-4 col-xs-6">--}}
                        {{--<div class="col-md-12">--}}
                            {{--{!! Form::label('tipo_expe', 'Tipo:', ['class' => 'control-label']) !!}--}}
                        {{--</div>--}}
                        {{--<div class="col-md-12">--}}
                            {{--@if($expediente->tipo == 1)--}}
                                {{--Normal--}}
                            {{--@else--}}
                                {{--Excepcional--}}
                            {{--@endif--}}
                        {{--</div>--}}
                    {{--</div>--}}

                    <div class="form-group col-md-4 col-xs-6">
                        <div class="col-md-12">
                            {!! Form::label('tipo_expe', 'N° Expediente:', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-md-12">
                            {{ $expediente->codigo }}
                        </div>
                    </div>

                    <div class="form-group col-md-4 col-xs-6">
                        <div class="col-md-12">
                            {!! Form::label('unico', 'Codigo Unico:', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-md-12">
                            {{ $expediente->codigo_unico }}
                        </div>
                    </div>

                    <div class="form-group col-md-4 col-xs-6">
                        <div class="col-md-12">
                            {!! Form::label('fech_ingr', 'Fecha de Ingreso:', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-md-12">
                            {{ date('d-m-Y', strtotime($expediente->fecha_ingreso)) }}
                        </div>
                    </div>

                    <div class="form-group col-md-4 col-xs-6">
                        <div class="col-md-12">
                            {!! Form::label('hora_ini', 'Hora Inicio:', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-md-12">
                            {{ $expediente->hora_registro }}
                        </div>
                    </div>
                    <div class="form-group col-md-4 col-xs-6">
                        <div class="col-md-12">
                            {!! Form::label('remitente', 'Remitente:', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-md-12">
                            {{ $expediente->remitente }}
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        {!! Form::label('documento_ingreso', 'Documento de Ingreso:', ['class' => 'control-label col-md-12']) !!}
                        <div class="col-md-3">
                            {!! Form::label('doc', 'Documento:', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-md-9">
                            {{ $expediente->codigo_documento_ingreso }} - {{ $expediente->documento_ingreso }}
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-md-6">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-genderless"></i>
                        <span class="caption-subject font-green sbold uppercase"> Datos Adicionales </span>
                    </div>
                </div>

                {{--USUARIO INTERNO--}}
                <div class="row">
                    @if(!is_null($expediente->solicitante))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('solicitante', 'Solicitante:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->solicitante }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->dni))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('solicitante', 'DNI:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->dni }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->utelefono))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('solicitante', 'Telefono:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->utelefono }}
                            </div>
                        </div>
                    @endif
                    {{--@if(!is_null($expediente->ufecha_nacimiento))--}}
                        {{--<div class="form-group col-md-4 col-xs-6">--}}
                            {{--<div class="col-md-12">--}}
                                {{--{!! Form::label('solicitante', 'Fecha de Nacimiento:', ['class' => 'control-label']) !!}--}}
                            {{--</div>--}}
                            {{--<div class="col-md-12">--}}
                                {{--{{ \Carbon\Carbon::parse($expediente->ufecha_nacimiento)->format('d-m-Y') }}--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--@endif--}}
                    @if(!is_null($expediente->especialidad))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('carrera', 'Carrera:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->especialidad }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->udireccion))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('solicitante', 'Direccion:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->udireccion }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uemail))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('solicitante', 'Correo:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uemail }}
                            </div>
                        </div>
                    @endif

                </div>

                {{--USUARIO EXTERNO--}}
                <div class="row">
                    @if(!is_null($expediente->razon_social))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Razon Social:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->razon_social }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->ruc))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'RUC:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->ruc }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uxcorreo))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Correo:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxcorreo }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uxcargo))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Cargo:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxcargo }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uxcelular))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('solicitante', 'Celular:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxcelular }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uxtelefono))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Telefono:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxtelefono }}
                            </div>
                        </div>
                    @endif
                    <!--@if(!is_null($expediente->uxfecha_nacimiento))-->
                    <!--    <div class="form-group col-md-4 col-xs-6">-->
                    <!--        <div class="col-md-12">-->
                    <!--            {!! Form::label('razon_social', 'Fecha Nacimiento:', ['class' => 'control-label']) !!}-->
                    <!--        </div>-->
                    <!--        <div class="col-md-12">-->
                    <!--            {{ $expediente->uxfecha_nacimiento }}-->
                    <!--        </div>-->
                    <!--    </div>-->
                    <!--@endif-->
                    @if(!is_null($expediente->uxdireccion))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Direccion:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxdireccion }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uxcontacto))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Contacto:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxcontacto }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uxrepresentante))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Representante:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxrepresentante }}
                            </div>
                        </div>
                    @endif
                    @if(!is_null($expediente->uxncomercial))
                        <div class="form-group col-md-4 col-xs-6">
                            <div class="col-md-12">
                                {!! Form::label('razon_social', 'Nombre Comercial:', ['class' => 'control-label']) !!}
                            </div>
                            <div class="col-md-12">
                                {{ $expediente->uxncomercial }}
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <div class="col-md-12">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-genderless"></i>
                        <span class="caption-subject font-green sbold uppercase"> Seguimiento del Expediente </span>
                    </div>
                </div>

                <table id="dtSeguimiento" class="table table-striped clearfix" style="text-align: center;">
                    <thead>
                    <tr>
                        <td>Área de Origen</td>
                        <td>Área de Fin</td>
                        <td>Asunto</td>
                        <td>Responsable</td>
                        <td>Tramite</td>
                        <td style="width: 50px;">Tiempo Respuesta</td>
                        <td style="width: 70px;">Plazo Maximo</td>
                        <td style="width: 80px;">Documento</td>
                        <td style="width: 50px;">Requisitos</td>
                        <td style="width: 50px;">Archivos</td>
                        <td style="width: 50px;">Observacion</td>
                    </tr>
                    </thead>
                    <tbody style="text-align: left !important;"></tbody>
                </table>

                {{--<div class="col-lg-12" style="padding-left: 0;">--}}
                    {{--<div class="form-group col-lg-12 col-xs-12">--}}
                        {{--{!! Form::label('observacion_adjunto', 'Observación de documentos:', ['class' => 'control-label']) !!}--}}
                        {{--{!! Form::textarea('observacion', $expediente->observacion, ['size' => '30x5','readonly','class' => 'form-control', 'style'=>'resize: none']) !!}--}}
                    {{--</div>--}}
                {{--</div>--}}

            </div>
            {{ Form::hidden('invisible', $expediente->id , array('id' => 'id_invisible')) }}

            @if($aux == 1)
                <div class="col-md-6">

                    <div class="col-md-12 col-xs-12" id="title1">
                        <div class="portlet-title">
                            <div class="caption">
                                {{--<i class="fa fa-genderless"></i>--}}
                                <span class="caption-subject font-green sbold uppercase"> Estado del Expediente </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7 col-xs-12" id="title2" style="display: none;">
                        <div class="portlet-title">
                            <div class="caption">
                                {{--<i class="fa fa-genderless"></i>--}}
                                <span class="caption-subject font-green sbold uppercase">Archivo Final</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-8">
                        {!! Form::select('estado', [0 => 'EN PROCESO',1 => 'OBSERVADO',2 => 'FINALIZADO'], null, ['id'=>'estado','class' => 'select2', 'placeholder' => 'Seleccione']) !!}
                    </div>
                    <div class="col-md-4 col-xs-4" id="btn1">
                        <div class="form-group col-md-12">
                            <button type="button" class="vmas btn btn-primary waves-effect waves-light" id="cambio-estado">
                                <i class="fa fa-save"></i>
                            </button>
                        </div>
                    </div>

                    <div class="form-group col-md-8 col-xs-12" id="exp4" style="display: none">
                        <div class="virtualDoc">
                            {{ Form::file('pdf_final', array('class' => 'form-control filestyle','id' => 'pdf_fin','data-buttonText' => 'Seleccionar archivo', 'data-placeholder' => 'No se ha seleccionado ningun archivo', 'data-buttonName' => 'btn-primary','accept' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/msword,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf'))  }}
                            <label>Sólo se permite archivos en formato en pdf, docx y xlsx.</label>
                        </div>
                        <div class="fisicoDoc" style="display: none">
                            <div class="alert alert-warning" role="alert">
                                Selecciono envio de documento Fisico
                            </div>
                        </div>
                    </div>


                <div class="col-md-12 margin-top-10" id="exp1">
                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-green sbold uppercase">  Área a Derivar </span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-xs-12">
                            <div class="row">
                                <div class="col-md-12 margin-top-10 {{ $errors->has('asuntoresponsable') ? ' has-error' : '' }}">
                                    {!! Form::label('asunto', 'Asunto:', ['class' => 'control-label']) !!}
                                    <h6 style="color: grey">Si no logra encontrar el asunto del trámite puede agregarlo en el boton de la derecha,<br><br>Formato de Asuntos:   Area Competente / Asunto</h6>
                                </div>
                                <div class="col-md-10">
                                    {!! Form::select('asuntoresponsable', $asuntos, null, ['id'=>'selectAsunto','class' => 'select2','placeholder' => 'Seleccione']) !!}
                                </div>
                                <div class="col-md-2">
                                    ( <i class="glyphicon glyphicon-plus" title="Crear nuevo Asunto" onclick="agregarAsunto()" style="cursor: pointer;"></i> )
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-12 col-xs-12 margin-top-20 {{ $errors->has('area') ? ' has-error' : '' }}">
                            {!! Form::label('area_destino', 'Area de Destino:', ['class' => 'control-label']) !!}
                            {!! Form::text('area', 'Seleccionar Asunto' , array('class' => 'form-control' , 'disabled' => true,'id' => 'input_area')) !!}
                            {{--                        {!! Form::select('area', $dependencia, null, ['id'=>'selectArea','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Seleccione']) !!}--}}
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="row">
                        <div class="form-group col-md-6 col-xs-12 {{ $errors->has('responsable') ? ' has-error' : '' }}" id="exp1">
                            {!! Form::label('responsable_area', 'Responsable del Área:', ['class' => 'control-label']) !!}
                            {{--                        {!! Form::text('responsable', 'Seleccionar Asunto' , array('class' => 'form-control' , 'disabled' => true,'id' => 'input_resp')) !!}--}}
                            {!! Form::select('responsable', [], null, ['id'=>'selectResponsable','class' => 'select2','placeholder' => 'Seleccione', 'disabled' => 'disabled']) !!}
                        </div>
                        <div class="form-group col-md-4 col-xs-12" id="exp8">
                            {!! Form::label('nro_expe', 'Envio de Documento:', ['class' => 'control-label']) !!}
                            {!! Form::select('tipo_expediente', ['0' => 'Virtual','1' => 'Fisico'],[], ['class' => 'form-control select2 select2-hidden-accessible','id'=>'select_tipoexpediente']) !!}
                        </div>
                        <div class="form-group col-md-2 col-xs-12" id="exp5">
                            {!! Form::label('folio', 'Folio:', ['class' => 'control-label']) !!}
                            {!! Form::number('numero_folio', '0', ['class' => 'form-control','id' => 'num_folios','min' => '0']) !!}
                        </div>
                    </div>
                </div>

                </div>

                <div class="col-md-6" id="exp2">

                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-green sbold uppercase"> Detalle </span>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 margin-top-10 {{ $errors->has('tramite_name') ? ' has-error' : '' }}">
                            {!! Form::label('tramite_name', 'Tramite:', ['class' => 'control-label']) !!}
                            {!! Form::text('tramite_name', 'Seleccionar Asunto' , array('class' => 'form-control' , 'disabled' => true,'id' => 'input_tramite')) !!}
                            {{--                        {!! Form::select('area', $dependencia, null, ['id'=>'selectArea','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Seleccione']) !!}--}}
                        </div>
                    </div>

                    {{ Form::hidden('idtramite', null , array('id' => 'id_tramite')) }}

                    <div class="row margin-top-10">
                        <div class="col-md-12">
                            {!! Form::label('lb_tramite', 'Requisitos:', ['class' => 'control-label']) !!}
                            <table id="dtRequisitos" class="table table-hover nowrap dataTable dtr-inline" style="text-align: center;">
                                <thead>
                                <tr>
                                    <th>Nombre</th>
                                    <th>Formulario/Código/Ubicación</th>
                                    <th>Costo UIT</th>
                                    <th>Costo S/.</th>
                                </tr>
                                </thead>
                                <tbody style="text-align: left !important;"></tbody>
                            </table>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6 col-xs-10 {{ $errors->has('plazo') ? ' has-error' : '' }}">
                            {!! Form::label('plazo_label', 'Duracion de tramite:', ['class' => 'control-label']) !!}
                            {!! Form::text('plazo', '- - -' , array('class' => 'form-control' , 'disabled' => true,'id' => 'input_plazo')) !!}
                            {{--                        {!! Form::select('area', $dependencia, null, ['id'=>'selectArea','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Seleccione']) !!}--}}
                        </div>
                    </div>

                </div>

                <div class="col-md-12" style="padding-bottom: 15px;">

                    <div id="exp3">
                        <div class="portlet-title">

                            <div class="caption">
                                <i class="fa fa-genderless"></i>
                                <span class="caption-subject font-green sbold uppercase"> Adjunto de documentos </span>
                            </div>
                        </div>

                        <div class="row fileupload-buttonbar">
                            <div class="col-lg-12">
                        <span class="btn green fileinput-button ladda-label">
                            <i class="fa fa-plus"></i>
                            <span> Agregar archivos... </span>
                            <input type="file" name="archivos[]" id="expedientefiles" multiple/>
                            <input type="hidden" name="numfls[]" id="numexpefls" multiple/>
                        </span>
                                <button type="button" class="btn blue start ladda-button">
                                    <i class="fa fa-upload"></i>
                                    <span> Subir archivos</span>
                                </button>

                                <span class="fileupload-process"> </span>
                            </div>
                            <div class="col-lg-5 fileupload-progress fade">
                                <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                                    <div class="progress-bar progress-bar-success" style="width:0%;"> </div>
                                </div>
                                <div class="progress-extended"> &nbsp; </div>
                            </div>
                        </div>
{{--                        {{ Form::hidden('invisible', $expediente->id) }}--}}
                        <table role="presentation" id="dtFiles" class="table table-striped clearfix">
                            <thead>
                            <tr class="template-upload">
                                <td>Archivo</td>
                                <td>Nombre</td>
                                <td>Detalle</td>
                                <td>Opciones</td>
                            </tr>
                            </thead>
                            <tbody class="files">

                            </tbody>
                        </table>
                    </div>

                    <div class="col-lg-12" style="padding-left: 0;">
                        <div class="form-group col-lg-12 col-xs-12">
                            {!! Form::label('observacion_adjunto', 'Agregar Observación o comentario:', ['class' => 'control-label']) !!}
                            {!! Form::textarea('observacion', null, ['size' => '30x5','class' => 'form-control', 'style'=>'resize: none']) !!}
                        </div>
                    </div>

                    <div class="form-actions" style="text-align: left; padding-top: 25px; padding-bottom: 25px">
                        <a class="btn dark btn-outline" href="{{ url('admin/tramite/expedientes')}}">Cancelar</a>
                        {!! Form::submit('Derivar', ['class' => 'btn blue start go ladda-button']) !!}
                    </div>
                </div>
            @endif

            {!! Form::close() !!}

            <div id="formulario-modal" class="modal fade" tabindex="-1" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">

                    </div>
                </div>
            </div>

        </div>

        <div id="formulario" class="modal fade" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                </div>
            </div>
        </div>

        <!-- Modal -->
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Requisitos</h4>
                    </div>
                    <div class="modal-body">
                        <table id="dtRequisitosDetalle" class="table table-hover nowrap dataTable dtr-inline" style="text-align: center;">
                            <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Formulario/Código/Ubicación</th>
                                <th>Costo UIT</th>
                                <th>Costo S/.</th>
                            </tr>
                            </thead>
                            <tbody style="text-align: left !important;"></tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>

            </div>
        </div>

        <div id="myModal2" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Documentos</h4>
                    </div>
                    <div class="modal-body">
                        <table id="dtDocumentos" class="table table-striped clearfix" style="text-align: center;">
                            <thead>
                            <tr>
                                <td>Nombre</td>
                                <td>Descargar</td>
                            </tr>
                            </thead>
                            <tbody style="text-align: left !important;"></tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>

            </div>
        </div>

        <div id="myModal3" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Observacion</h4>
                    </div>
                    <div class="modal-body">
                        {!! Form::textarea('obs', null , ['id' => 'inptObs','rows' => '5','readonly','class' => 'form-control', 'style'=>'resize: none']) !!}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>

            </div>
        </div>

    </div>
    @include('alerts.index')
@endsection

@section('scripts')
    <script>
        var urlDependencia = "{{ url('dependencia') }}";
        var urlMesadeparte = "{{ url('mesadepartes') }}";
        var urlSelectAsunto = '{{ route('dependencia.select.tramites') }}';
        var urlBase = "{{ url('admin/tramite') }}";
        var routeRequisitos = "{{ route('admin.post.requisitos.tabla') }}";
        var routeObservaciones= "{{ route('admin.post.observaciones') }}";
        var urlDocumentos = "{{ route('listar.documentos') }}";
        var val1 = '{{ $expediente->estado }}';
        var val2 = "{{ route('admin.tramite.expediente.cambio.estado') }}";
        var val3 = "{{ $expediente->id }}";
        var base = "{{ url('/') }}";
    </script>

    <script src="{{asset('js/administrador/tramite/seguimiento.js')}}" type="text/javascript"></script>
@endsection