@extends('template.layout')

@section('styles')
     <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;
        }
        .control-label{
            font-weight: 700;
        }


     </style>
@endsection

@section('content')
    <h1 class="page-title">
        Hitorial de Expedientes
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">

            <div class="caption">
                <a class=" icon-action-undo" href="{{ url('mesadepartes') }}" 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' => 'mesa.formulario.expediente',"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">

                    <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-12">
                        {!! Form::label('doc', 'Documento:', ['class' => 'control-label']) !!}
                        </div>
                        <div class="col-md-12">
                            {{ $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->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->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->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->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">-->
                    <!--            {{ \Carbon\Carbon::parse($expediente->uxfecha_nacimiento)->format('d-m-Y') }}-->
                    <!--        </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>

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

            <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: center !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::close() !!}

        </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">Close</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 urlBase = "{{ url('admin/tramite') }}";
        var urlData = "{{ route('mesa.asunto.lista') }}";
        var urlFila = "{{ route('filtro.usuarios') }}";
        var urlDocumentos = "{{ route('listar.documentos') }}";
        var routeRequisitos = "{{ route('expediente.requisitos') }}";
        var routeObservaciones= "{{ route('admin.post.observaciones') }}";
        var base = "{{ url('/') }}";
    </script>

    <script>
        var SegumientoTable = $("#dtSeguimiento").DataTable({
            "language": {
                "sProcessing":     "Procesando...",
                "sLengthMenu":     "Mostrar _MENU_ registros",
                "sZeroRecords":    "No se encontraron resultados",
                "sEmptyTable":     "No existen participantes inscritos",
                "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
                "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
                "sInfoPostFix":    "",
                "sSearch":         "Buscar por periodo:",
                "sUrl":            "",
                "sInfoThousands":  ",",
                "sLoadingRecords": "Cargando...",
                "oPaginate": {
                    "sFirst":    "Primero",
                    "sLast":     "Último",
                    "sNext":     "Siguiente",
                    "sPrevious": "Anterior"
                },
                "oAria": {
                    "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sSortDescending": ": Activar para ordenar la columna de manera descendente"
                }
            },
            "pageLength": 4,
            "info":     false,
            "searching": false,
            "lengthChange": false,
            "ordering": false,
            "columnDefs": [
                { "visible": false, "targets": [0], "searchable": true  }
            ],
            "order": [[ 0, "asc" ]],
            "drawCallback": function ( settings ) {
                // var api = this.api();
                // var rows = api.rows( {page:'current'} ).nodes();
                // var last=null;
                //
                // api.column(2, {page:'current'} ).data().each( function ( group, i ) {
                //     if ( last !== group ) {
                //         $(rows).eq( i ).before(
                //             '<tr class="group"><td colspan="12"><div class="row"><div class="col-md-12"><b>'+group+'</b></div></div></td></tr>'
                //         );
                //         last = group;
                //     }
                // } );
                // api.column(1, {page:'current'} ).data().each( function ( group, i ) {
                //     if ( last !== group ) {
                //         var fecha = group;
                //         var f = fecha.split('-');
                //         fecha = f[2]+'-'+f[1]+'-'+f[0];
                //         $(rows).eq( i ).before(
                //             '<tr class="group"><td colspan="12"><div class="row"><div class="col-md-12"><b>'+fecha+'</b></div></div></td></tr>'
                //         );
                //         last = group;
                //     }
                // } );
            }
        });

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