@extends('template.layout')

@section('styles')
    <style>
        @media (min-width: 768px) {
            .modal-xl {
                width: 90%;
                max-width: 95%;
            }
        }
        .morris-hover{position:absolute;z-index:1000;}
    </style>
@endsection
@section('content')
    <h1 class="page-title">
        Estadistica de Tipos de Tramites
    </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="add_tipo" class="btn btn-primary periodo">--}}
                    {{--<i class="fa fa-plus"></i> A&ntilde;adir Tipo de Asunto--}}
                    {{--</button>--}}
                    <a class="btn btn-success" style="float: right;" id="downloadTTExcel" 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('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' => 'Todos']) !!}
            </div>
            <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', 'Tramite:', ['class' => 'control-label']) !!}
                {!! Form::select('area_exp', $tramite, null, ['id'=>'selectTramiteExp','multiple' => 'multiple','class' => 'select2','style'=>'width:100%', 'placeholder' => 'Todos']) !!}
            </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')

            <div class=" row" style="padding-top: 3%;">
                <div class="col-lg-12 ">
                    <div class="row">
                        <div class="col-lg-12" style="text-align: center;">
                            <span class="caption-subject font-green sbold uppercase"> Estadisticas de Tramites utilizados </span>
                            <div id="graph1">
                            </div>
                        </div>
                    </div>

                    <table id="dtTimes" class="table table-striped table-bordered table-hover table-bg" style="text-align: center;">
                        <thead>
                        <tr>
                            <td>Tramite</td>
                            <td>N° de veces usado</td>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>

@endsection

@section('scripts')
    <script>
        var urlBase = "{{ url('mesadepartes') }}";
        var urlGrafh = "{{ url('mesadepartes/documentos/typetramite') }}";
        var urlDerivadas = "{{ url('admin/tramite') }}";
        var urlTable = "{{ route('mesa.reporttramitetypes.table') }}";
        var urlData = "{{ route('mesa.reportdiary.lista') }}";
        var base = "{{ url('/') }}";
    </script>
    <script src="{{asset('js/MesaDePartes/reportes/report_types.js')}}" type="text/javascript"></script>
@endsection