@extends('template.layout')

@section('styles')
    <style>
        @media (min-width: 768px) {
            .modal-xl {
                width: 90%;
                max-width: 95%;
            }
        }
    </style>
@endsection
@section('content')
    <h1 class="page-title">
        Reporte de Expedientes diarios
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Expedientes</div>
            <div class="actions">
                <div class="btn-group tipo">
                    {{--<button id="downloadExcel" class="btn btn-success">--}}
                    {{--<i class="fa fa-file-excel-o"></i>  Descargar Excel--}}
                    {{--</button>--}}
                    <a class="btn btn-success" id="downloadExcel" href="#">
                        <i class="fa fa-file-excel-o"></i>  Descargar Excel
                    </a>
                </div>
            </div>
        </div>
        <div class="row">
            {{--<div class="form-group col-md-2 col-xs-12">--}}
            {{--{!! Form::label('solicitante', 'Solicitante:', ['class' => 'control-label']) !!}--}}
            {{--{!! Form::select('selectSolicitanteExp', [], null, ['id'=>'selectSolicitanteExp','class' => 'select2','style'=>'width:100%']) !!}--}}
            {{--</div>--}}
            {{--<div class="form-group col-md-2 col-xs-12 {{ $errors->has('area_exp') ? ' has-error' : '' }}" style="margin-right: 10px;">--}}
            {{--{!! Form::label('area_destino_exp', 'Area de Destino:', ['class' => 'control-label']) !!}--}}
            {{--{!! Form::select('area_exp', [], null, ['id'=>'selectAreaExp','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Seleccione']) !!}--}}
            {{--</div>--}}
            {{--<div class="form-group col-md-2 col-xs-12 {{ $errors->has('responsableExp') ? ' has-error' : '' }}" style="margin-right: 10px;">--}}
            {{--{!! Form::label('responsable_area_exp', 'Responsable del Área:', ['class' => 'control-label']) !!}--}}
            {{--{!! Form::select('responsableExp', [], null, ['id'=>'selectResponsableExp','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Seleccione', 'disabled' => 'disabled']) !!}--}}
            {{--</div>--}}
            <div class="form-group col-md-2 col-xs-12 {{ $errors->has('responsableExp') ? ' has-error' : '' }}" style="margin-right: 10px;">
                {!! Form::label('lablTipoUser', 'Tipo Usuario:', ['class' => 'control-label']) !!}
                {!! Form::select('type_user',['0' => 'Todos','1' => 'Normal','2' => 'Externo', '3' => 'Empresa'], null, ['id'=>'selectTypeUser','class' => 'select2','style'=>'width:100%']) !!}
            </div>
            <div class="col-md-2 col-xs-12">
                {!! Form::label('fech_start', 'Fecha de Inicio:', ['class' => 'control-label']) !!}
                <div id="fecha_start" class="input-group date date-picker" data-date-format="dd/mm/yyyy">
                    {!! Form::text('fecha_start', date('d-m-Y', strtotime(\Carbon\Carbon::now('America/Lima'))), array('id' => 'fini','class' => 'form-control' , 'required' => 'required')) !!}
                    <span class="input-group-btn">
                        <button class="btn default" type="button">
                            <i class="fa fa-calendar"></i>
                        </button>
                    </span>
                </div>
            </div>
            <div class="col-md-2 col-xs-12">
                {!! Form::label('fech_end', 'Fecha de Fin:', ['class' => 'control-label']) !!}
                <div id="fecha_end" class="input-group date date-picker" data-date-format="dd/mm/yyyy">
                    {!! Form::text('fecha_end', date('d-m-Y', strtotime(\Carbon\Carbon::now('America/Lima'))), array('id' => 'ffin','class' => 'form-control' , 'required' => 'required')) !!}
                    <span class="input-group-btn">
                        <button class="btn default" type="button">
                            <i class="fa fa-calendar"></i>
                        </button>
                    </span>
                </div>
            </div>
            <div class="col-md-1 margin-top-20">
                <button class="btn green solicitar">Buscar</button>
            </div>
        </div>
        {{--Termino de Filtro--}}

        {{--{!! Form::hidden('invisible', 1, array('id' => 'invisible')) !!}--}}
        <div class="portlet-body">
            @include('alerts.index')

            <table id="dt_ReporteDiario" class="table table-striped table-bordered table-hover table-bg" style="text-align: center;">
                <thead>
                <tr>
                    <th style="text-align: center">C&oacute;digo Unico</th>
                    <th style="text-align: center">Estado</th>
                    <th style="text-align: center">Tipo Documento</th>
                    <th style="text-align: center">N° Folio</th>
                    <th style="text-align: center">Asunto</th>
                    <th style="text-align: center">Solicitante</th>
                    <th style="text-align: center">Tramite</th>
                    <th style="text-align: center">Dependencia</th>
                    <th style="text-align: center">Plazo maximo</th>
                    <th style="text-align: center">Fecha de culminación</th>
                    <th style="text-align: center">Fecha de Registro</th>
                    <th style="text-align: center">Hora de Registro</th>
                    <th style="text-align: center">&Aacute;reas derivadas</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>

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

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Areas derivadas</h4>
                    <a class="btn btn-success" style="float: right;" id="downloadDerivadasExcel" href="#">
                        <i class="fa fa-file-excel-o"></i>  Descargar Excel
                    </a>
                </div>
                <div class="modal-body">
                    <table id="dtSeguimiento" 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>Asunto</td>
                            <td>Responsable</td>
                            <td>Tramite</td>
                            <td>Tiempo</td>
                            <td>N° Folios</td>
                            <td>Fecha derivada</td>
                            <td>Plazo Maximo</td>
                            <td>Documento</td>
                            <td>Archivos</td>
                            <td>Observacion</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="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-success volver">Volver</button>
                    <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-success volver">Volver</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')
    <script>
        var urlBase = "{{ url('mesadepartes') }}";
        var urlBaseBase = "{{ url('mesadepartes') }}";
        var urlDerivadas = "{{ url('admin/tramite') }}";
        var routeObservaciones= "{{ route('admin.post.observaciones') }}";
        var urlExport = "{{ url('mesadepartes/documentos/diario/excel') }}";
        var urlData = "{{ route('mesa.reportdiary.lista') }}";
        var base = "{{ url('/') }}";
    </script>
    <script src="{{asset('js/MesaDePartes/reportes/report_diary.js')}}" type="text/javascript"></script>
@endsection