@extends('template.inscripcionmaster')
@section('styles')
    <style>
        .login .content {
            border: none;
            border-radius: 0 !important;
        }
    </style>
@endsection

@section('content')
    <div class="register" style="padding-bottom: 0; margin: 0; width: 100%">
        <div class="col-lg-11">
            <h3 class="form-title" style="text-align: center; margin-left: 10%;"> Seguimiento de expediente </h3>
            @include('alerts.index')
        </div>
        <div class="col-lg-1" style="text-align: center; ">
            <a href="{{ url('/') }}"><img src="{{ asset('img/themes/' . config('constants.TEMAS')[config('constants.GENERAL.TEMA')] . '/logo.png') }}" alt="logo" style="height: 100px;"/></a>
        </div>
    </div>

    <div class="portlet-body">



        <div class="portlet light bordered">
            <div class="portlet-title" style="text-align: center">

                <div class="caption" style="width: 100%;">
                    <label id="txtperiodo">Historial del Expediente
                        @php
                            switch ($expediente->estado) {
                                case 0:
                                    echo '( Estado: <label style="color: #0c55a2">EN PROCESO</label> )';
                                break;
                                case 1:
                                    echo '( Estado: <label style="color: #6a5422">OBSERVADO</label> )';
                                break;
                                default:
                                    echo '( Estado: <label style="color: #0b9847">FINALIZADO</label> )';
                            }
                        @endphp
                    </label>
                </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-12">
                    {{ Form::hidden('invisible', $expediente->id , array('id' => 'id_invisible')) }}

                    <div class="col-md-6">
                        <table id="dtTramitesNoAtention" class="table table-striped table-bordered table-hover table-bg" style="text-align: left; width: 100% !important;">
                            <thead>
                            <tr>
                                <th style="text-align: left">Datos de Ingreso - Expediente</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <div class="col-md-3">Codigo Unico: </div>
                                    <div class="col-md-3">{{ $expediente->codigo_unico }}</div>
                                    <div class="col-md-3">Documento de Ingreso: </div>
                                    <div class="col-md-3"><b> {{ $expediente->codigo_documento_ingreso }} - {{ $expediente->documento_ingreso }}</b></div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="col-md-3">Fecha de Ingreso: </div>
                                    <div class="col-md-3"><b> {{ date('d-m-Y', strtotime($expediente->fecha_ingreso)) }}</b></div>
                                    <div class="col-md-3">N° Hora Inicio: </div>
                                    <div class="col-md-3"><b>{{ $expediente->hora_registro }}</b></div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="col-md-3">Remitente: </div>
                                    <div class="col-md-3"><b>{{ $expediente->remitente }}</b></div>
                                    <div class="col-md-3">&nbsp;</div>
                                    <div class="col-md-3">&nbsp;</div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="col-md-6">
                        <table id="dtTramitesNoAtention" class="table table-striped table-bordered table-hover table-bg" style="text-align: left; width: 100% !important;">
                            <thead>
                            <tr>
                                <th style="text-align: left">Datos Adicionales</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    @if(!is_null($expediente->solicitante))
                                        <div class="col-md-3">Solicitante: </div>
                                        <div class="col-md-3">{{ $expediente->solicitante }}</div>
                                    @endif
                                    @if(!is_null($expediente->dni))
                                        <div class="col-md-3">DNI: </div>
                                        <div class="col-md-3"><b>{{ $expediente->dni }}</b></div>
                                    @endif

                                    @if(!is_null($expediente->razon_social))
                                        <div class="col-md-3">Razon Social: </div>
                                        <div class="col-md-3">{{ $expediente->razon_social }}</div>
                                    @endif
                                    @if(!is_null($expediente->ruc))
                                        <div class="col-md-3">RUC: </div>
                                        <div class="col-md-3"><b>{{ $expediente->ruc }}</b></div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    @if(!is_null($expediente->utelefono))
                                        <div class="col-md-3">Telefono: </div>
                                        <div class="col-md-3"><b>{{ $expediente->utelefono }}</b></div>
                                    @endif
                                    @if(!is_null($expediente->ufecha_nacimiento))
                                        <div class="col-md-3">Nacimiento: </div>
                                        <div class="col-md-3">
                                            <b>
                                                {{ \Carbon\Carbon::parse($expediente->ufecha_nacimiento)->format('d-m-Y') }}
                                            </b>
                                        </div>
                                    @endif
                                    @if(!is_null($expediente->uxcorreo))
                                        <div class="col-md-3">Correo: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxcorreo }}</b></div>
                                    @endif
                                    @if(!is_null($expediente->uxcargo))
                                        <div class="col-md-3">Cargo: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxcargo }}</b></div>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    @if(!is_null($expediente->udireccion))
                                        <div class="col-md-3">Direccion: </div>
                                        <div class="col-md-3"><b>{{ $expediente->udireccion }}</b></div>
                                    @endif
                                    @if(!is_null($expediente->uemail))
                                        <div class="col-md-3">Email: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uemail }}</b></div>
                                    @endif
                                    @if(!is_null($expediente->uxtelefono))
                                        <div class="col-md-3">Telefono: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxtelefono }}</b></div>
                                    @endif
                                    <!--@if(!is_null($expediente->uxfecha_nacimiento))-->
                                    <!--    <div class="col-md-3">Fecha nacimiento: </div>-->
                                    <!--    <div class="col-md-3"><b>{{ \Carbon\Carbon::parse($expediente->uxfecha_nacimiento)->format('d-m-Y') }}</b></div>-->
                                    <!--@endif-->
                                    @if(!is_null($expediente->uxcelular))
                                        <div class="col-md-3">Celular: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxcelular }}</b></div>
                                    @endif
                                </td>
                            </tr>
                            @if(!is_null($expediente->uxdireccion) || !is_null($expediente->uxcontacto) || !is_null($expediente->uxrepresentante) || !is_null($expediente->uxncomercial) )
                            <tr>
                                <td>
                                    @if(!is_null($expediente->uxdireccion))
                                        <div class="col-md-3">Direccion: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxdireccion }}</b></div>
                                    @endif
                                    @if(!is_null($expediente->uxcontacto))
                                        <div class="col-md-3">Contacto: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxcontacto }}</b></div>
                                    @endif
                                    @if(!is_null($expediente->uxrepresentante))
                                        <div class="col-md-3">Representante: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxrepresentante }}</b></div>
                                    @endif
                                    @if(!is_null($expediente->uxncomercial))
                                        <div class="col-md-3">Nombre Comercial: </div>
                                        <div class="col-md-3"><b>{{ $expediente->uxncomercial }}</b></div>
                                    @endif

                                </td>
                            </tr>
                            @endif
                            </tbody>
                        </table>
                    </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>

                    {{--<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>--}}

                    <table id="dtSeguimientoExterno" class="table table-striped clearfix" style="text-align: center; width: 100% !important;">
                        <thead>
                        <tr>
                            <td>Área de Origen</td>
                            <td>Área de Fin</td>
                            <td>Fecha derivada</td>
                            <td>Tiempo</td>
                            <td>Documento</td>
                            {{--<td>Archivos</td>--}}
                            <td>Observacion</td>
                        </tr>
                        </thead>
                        <tbody style="text-align: center !important;"></tbody>
                    </table>

                </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>


            <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>

    </div>
    <div id="detalle_datos" class="modal fade" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            </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>
@endsection

@section('scripts')

    <script>
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var urlBase = "{{ url('mesadepartes') }}";
        var urlData = "{{ route('mesa.asunto.lista') }}";
        var urlFila = "{{ route('filtro.usuarios') }}";
        var urlDocumento = "{{ route('seguimiento.externo.documentos') }}";
        var routeObservaciones= "{{ route('seguimiento.externo.observaciones') }}";
        var urlDerivadas = "{{ route('seguimiento.externo.derivadas') }}";
        var base = "{{ url('/') }}";
    </script>
    <script src="{{asset('js/Seguimiento/index.js')}}" type="text/javascript"></script>
@endsection