@include('layouts.breadcumb')
@section('header')

    <!-- DATABLES CSS -->
    <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
    <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">

@stop
<div class="row">

    <div class="panel panel-warning panel-border" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">

        </div>

        <!-- panel body -->
        <div class="panel-body">
            <form method="get" action="/recaudos/creditos/listado/" role="form" id="solicitudes-form" class="validate">
                <br>
                <div class="col-md-3">
                    Fecha
                    <div class="input-group">
                        <input readonly type="text" name="fecha_rango" id="fecha_rango" value="{{  Input::get('fecha_rango') }}" class="form-control input-lg" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                    </div>
                </div>
                <br>
                <button type="submit" id="VerSolicitudesButton" class="btn btn-rounded waves-effect waves-light btn-warning btn-lg ">Ver Solicitudes<i class="entypo-search"></i></button>
                <div class="clearfix"></div>
                <br>
            </form>
            @if( Input::get('fecha_rango') )
                <table class="table table-striped table-bordered table-colored-bordered table-bordered-inverse table-hover" id="table-1">
                    <thead>

                        <tr>
                            <th width="8%">FECHA</th>
                            <th width="5%">SOLICITUD N°</th>
                            <th width="5%">TIPO</th>
                            <th width="3%">NIT</th>
                            <th width="20%">RAZON SOCIAL</th>
                            <th width="15%">CREADO POR</th>
                            <th width="2%">VER</th>
                        </tr>
                        <tr class="filter-column-tr">
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach( $rows as $row )
                    <tr class="">
                        <td style="text-align: center">
                            {{
                            $fecha = date( "d-m-Y", strtotime($row->created_at))
                            }}
                        </td>
                        <td style="text-align: justify">{{ $row->id }} -
                            @if( $row->estado == 1 )<span class="badge badge-success">{{ APROBADA }}
                            @elseif($row->estado == 0 )<span class="badge badge-default">{{ NUEVA }}
                            @elseif($row->estado == 2 )<span class="badge badge-danger">{{ RECHAZADA }}
                            @endif
                        </td>
                        <td style="text-align: center">
                            @if( $row->tipo == 1 )
                            <span class="badge badge-default">{{ strtoupper("GENERAL") }}</span>
                            @else
                            <span class="badge badge-warning">{{ (strtoupper("EXPRESS")) }}</span>
                            @endif
                        </td>
                        <td style="text-align: right">{{ $row->nit }}</td>
                        <td> {{ strtoupper($row->razon_social) }}</td>
                        <td> {{ strtoupper($row->user_creo) }}</td>
                        <td class="centered">
                            @if( $row->tipo == 1 )
                            <!--Me dice el Estado de la SOlicitud de Crédito-->
                            <a href="/recaudos/creditos/general/list/{{ $row->id }}"
                               class="btn btn-primary"
                               rel="tooltip"
                               data-trigger="hover"
                               data-placement="top"
                               data-original-title="Ver Solicitud"><i class="fa fa-2x fa-search"></i></a>
                            @else<!--Los valores de este campo son 1 o 0(0 es Rechazada)-->
                            <a href="/recaudos/creditos/express/list/{{ $row->id }}"
                               class="btn btn-primary"
                               rel="tooltip"
                               data-trigger="hover"
                               data-placement="top"
                               data-original-title="Ver Solicitud"><i class="fa fa-2x fa-search"></i></a>
                            @endif
                        </td>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endif
</div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script>

    setDatatable('#table-1');


    $('#fecha_rango').daterangepicker(
            {
                ranges: {
                    'Ayer': [moment().subtract('days', 1), moment().subtract('days', 1)],
                    'Últimos 7 días': [moment().subtract('days', 6), moment()],
                    'Últimos 15 días': [moment().subtract('days', 14), moment()],
                    'Últimos 30 días': [moment().subtract('month', 1), moment()],
                    'Mes actual': [moment().startOf('month'), moment().endOf('month')],
                    'Mes anterior': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')],
                    'Ultimos 3 meses': [moment().subtract('month', 3), moment()],
                    'Ultimos 6 meses': [moment().subtract('month', 6), moment()],
                    'Año actual': [moment().startOf('year'), moment()]

                },

                locale: {
                    endDate: moment(),
                    format: 'YYYY-MM-DD',
                    separator: ' | ',
                    applyLabel: 'Aplicar',
                    cancelLabel: 'Cancelar',
                    fromLabel: 'Desde',
                    toLabel: 'Hasta',
                    weekLabel: 'S',
                    customRangeLabel: 'Otro Rango'
                }
            }
    );
    </script>
@stop