@extends('template.layout')

@section('content')
    <h1 class="page-title">
        Reporte de Tramites por Usuario
    </h1>
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">Tramites por Usuario</div>
            <div class="actions">
                <div class="btn-group tipo">
                    <a class="btn btn-success" id="downloadExcelTramiteUser" 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 {{ $errors->has('responsableExp') ? ' has-error' : '' }}" style="margin-right: 10px;">
                {!! Form::label('lablTipoUser', 'Tipo Usuario:', ['class' => 'control-label']) !!}
                {!! Form::select('type_user',['1' => 'Normal','2' => 'Externo', '3' => 'Empresa'], null, ['id'=>'selectTypeUser','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Todos']) !!}
            </div>
            <div class="form-group col-md-2 col-xs-12 display-none {{ $errors->has('responsableExp') ? ' has-error' : '' }}" style="margin-right: 10px;" id="divEmpresa">
                {!! Form::label('lablTipoUser', 'Empresa:', ['class' => 'control-label']) !!}
                {!! Form::select('empresa',$empresa, null, ['id'=>'selectEmpresa','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Todos']) !!}
            </div>
            <div class="form-group col-md-2 col-xs-12" id="divSolicitante">
                {!! Form::label('solicitante', 'Solicitante:', ['class' => 'control-label']) !!}
                {!! Form::select('selectSolicitanteExp', [], null, ['id'=>'selectSolicitanteExp','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-10" style="padding-top: 1%;">
                <button class="btn green solicitar">Buscar</button>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-4 col-xs-12 {{ $errors->has('area_exp') ? ' has-error' : '' }}" style="margin-right: 10px;">
                {!! Form::label('area_destino_exp', 'Area:', ['class' => 'control-label']) !!}
                {!! Form::select('area_exp', $dependencia, null, ['id'=>'selectAreaExp','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Seleccione']) !!}
            </div>
            <div class="form-group col-md-4 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>
        {{--Termino de Filtro--}}

        {!! Form::hidden('invisible', 1, array('id' => 'invisible')) !!}
        <div class="portlet-body">
            @include('alerts.index')
            <table class="table table-striped table-bordered table-hover table-bg" id="tbReporteUsuario" style="margin-top: 2% !important;">
                <thead class="thead-default" style="text-align: center">
                <tr>
                    <th style="text-align: center">C&oacute;digo</th>
                    <th style="text-align: center">N° Folios</th>
                    <th style="text-align: center">Asunto</th>
                    <th style="text-align: center">F. de ingreso</th>
                    <th style="text-align: center">&Aacute;rea de Destino</th>
                    <th style="text-align: center">Remitente</th>
                    <th style="text-align: center">F. Registro de Solicitante</th>
                </tr>
                </thead>
                <tbody style="text-align: center">
                </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>
@endsection

@section('scripts')
    <script>
        var urlBase = "{{ url('mesadepartes') }}";
        var urlBaseDependecia = "{{ url('mesadepartes') }}";
        var urlData = "{{ route('mesa.reportuser.lista') }}";
        var urlData2 = "{{ route('mesa.reportuser.lista') }}";
        var urlFila = "{{ route('filtro.usuarios') }}";
        var routeRequisitos = "";
        var urlEx = "";
    </script>
    <script src="{{asset('js/MesaDePartes/Expediente.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/MesaDePartes/reportes/reporttramiteusuario.js')}}" type="text/javascript"></script>
@endsection