@extends('template.layout')
@section('content')
    <h1 class="page-title">
        Reporte de Tr&aacute;mites
    </h1>
    <div class="portlet light portlet-fit portlet-form bordered">
        <div class="portlet-title">
            <div class="caption">
                <span class="caption-subject sbold uppercase">Detalle de Tr&aacute;mites mensuales</span>
            </div>
        </div>
        <div class="portlet-body">
            <div class="row" style="padding-bottom: 15px">
                <div class="col-xs-12">
                    <div class="col-xs-5">
                        <select class="col-xs-6 form-control" id="meses">
                            <option value="1">Enero</option>
                            <option value="2">Febrero</option>
                            <option value="3">Marzo</option>
                            <option value="4">Abril</option>
                            <option value="5">Mayo</option>
                            <option value="6">Junio</option>
                            <option value="7">Julio</option>
                            <option value="8">Agosto</option>
                            <option value="9">Setiembre</option>
                            <option value="10">Octubre</option>
                            <option value="11">Noviembre</option>
                            <option value="12">Diciembre</option>
                        </select>
                    </div>
                    <div class="col-xs-5">
                        <select class="col-xs-6 form-control" id="anios">
                            <option value="2016">2016</option>
                            <option value="2017">2017</option>
                        </select>
                    </div>
                    <div class="col-xs-2">
                        <button id="search_reporteMensual" class="btn btn-primary">
                            <i class="fa fa-search"></i> Buscar
                        </button>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 5% !important;">
                <div class="col-xs-12">
                    <div class="col-xs-12">
                        <table class="table table-striped table-bordered table-hover table-bg" id="tbRecibosMensual" style="margin-top: 2% !important;">
                            <thead class="thead-default">
                            <tr>
                                <th>Fecha</th>
                                <th>Apellidos</th>
                                <th>Concepto</th>
                                <th>Fecha Papeleta</th>
                                <th>Importe Papeleta</th>
                                <th>Recibo</th>
                                <th>Monto Recibo</th>
                                <th>Metodo de Pago</th>
                                <th>Partida</th>
                                <th>DNI</th>
                                <th>Correo electronio</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('scripts')
    <script>var urlData = "{{ url('reporte/mensual') }}";</script>
    <script src="{{asset('js/Tesoreria/Reportes.js')}}"></script>
@endsection