@extends('template.layout')
@section('content')
    <h1 class="page-title">
        Reporte de Ingresos
    </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 Ingresos mensuales</span>
            </div>
        </div>
        <div class="portlet-body">
            <div class="row" style="padding-bottom: 15px">
                <div class="col-xs-12">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label class="control-label" for="fecha_inicio">Fecha de Inicio</label>
                            <div id="fecha_inicio" class="input-group date date-picker" data-date-format="dd/mm/yyyy">
                                {!! Form::text('fecha_inicio', null, array('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>
                    <div class="col-md-5">
                        <div class="form-group">
                            <label class="control-label" for="fecha_fin">Fecha Fin</label>
                            <div id="fecha_fin" class="input-group date date-picker" data-date-format="dd/mm/yyyy">
                                {!! Form::text('fecha_fin', null, array('class' => 'form-control' , 'required' => 'required')) !!}
                                <span class="input-group-btn">
                                <button id="btnFin" class="btn default" type="button">
                                  <i class="fa fa-calendar"></i>
                                </button>
                            </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2 col-lg-md-2 col-xs-2" style="padding-top: 1.5% !important;">
                        <button id="search_reporte" 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="tbRecibos" 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/rango') }}";</script>
    <script src="{{asset('js/Tesoreria/Reportes.js')}}"></script>
@endsection