@if($acc == "list" )

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

    <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"  role="form" id="form-filter" class="validate">
                <br>
                <div class="form-group col-md-3 no-padding-left">
                    {{ Form::label('lb_fecha', _('Periodo'), ['class'=>'control-label']) }}
                    <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>
                 <div class="form-group col-md-4 no-padding-left">
                     {{ Form::label('lb_regional', _('Regional'), ['class'=>'control-label']) }}
                         <select name="regional" class="'form-control select2 required" id="regional"  data-allow-clear="true" data-placeholder='Seleccione la regional'>
                                 <option value="-1" @if($regional == -1) selected @endif>Todas las Regionales</option>
                                 @if($regionales)
                                     @foreach($regionales as $rowr)
                                         <option value="{{$rowr->id}}" @if($regional == $rowr->id) selected @endif>{{$rowr->title}}</option>
                                     @endforeach
                                 @endif
                          </select>
                 </div>

                <br>
                <button type="submit" id="VerPedidosButton" class="btn btn-warning btn-lg ">Ver Recaudos<i class="entypo-search"></i></button>
                <div class="clearfix"></div>
                <br>
            </form>

            @if( Input::get('fecha_rango') )
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover" id="table-1">
                <thead>

                <tr>
                        <th style="text-align: center; width: 8%">FECHA</th>
                        <th style="text-align: center; width: 8%">RECIBO</th>
                        <th style="text-align: center; width: 8%">OBSERVACION</th>
                        <th style="text-align: center; width: 5%">CODIGO</th>
                        <th style="text-align: center; width: 25%">ASESOR</th>
                        <th style="text-align: center; width: 8%">NIT</th>
                        <th style="text-align: center;">SUCURSAL</th>
                        <th style="text-align: center; width: 3%">FOTO</th>
                        <th style="width: 3%">&nbsp;</th>
                </tr>
                <tr class="filter-column-tr">
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                    @if($rows)
                        @foreach($rows as $row)
                            <tr>
                                <td style="text-align: center;" data-order="{{ strtotime($row->created_at)}}">{{date('d-m-Y H:i', strtotime($row->created_at))}}</td>
                                <td style="text-align: center; font-weight: bold; font-size: 1.2em">{{ str_pad($row->numero, 5, "0", STR_PAD_LEFT)}}</td>
                                <td style="text-align: center;">{{$row->observacion}}</td>
                                <td style="text-align: center;">{{$row->codigo}}</td>
                                <td style="text-align: left;">{{$row->nombre}}</td>
                                <td style="text-align: left;">{{$row->nit}}</td>
                                <td style="text-align: left;">{{$row->sucursal_nombre}}</td>
                                <td style="text-align: center;">
                                    <a href="{{$breadcumb->url}}foto/{{ $row->id }}"
                                            rel="tooltip"
                                            data-original-title="Imagen del Producto"
                                            data-toggle="modal-ajax-big"
                                            class="btn btn-primary centered"
                                            onclick="checkRecibo({{$row->id}})">
                                            <i class="fa fa-2x fa-picture-o"></i>
                                    </a>
                                </td>
                                <td style="text-align: center;">

                                    <input type="checkbox" class="checkbox" id="ckrec{{$row->id}}" />

                                </td>
                            </tr>
                        @endforeach
                    @endif
                </tbody>
            </table>
            @endif
        </div>

    </div>
</div>



@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script type="text/javascript" src="/plugins/jquery-rotate/jQueryRotateCompressed.2.3.js"></script>

<script type="text/javascript">



    $(document).ready(function() {

        $('#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'
                    }
                }
        );

           @if(Input::has('fecha_rango'))
                        setDatatable('#table-1');

             @endif

                $(document).on("click",".procesar" , function(){
                    var id = $(this).data("id");
                    bootbox.confirm("Desea procesar éste Recaudo?", function(result) {
                        if(result){
                            $.ajax({
                                type: "GET",
                                url: "/recaudos/gestion/listado/procesarRecaudo/{{ $row->id }}",
                                data: { id:id },
                                dataType: "json",
                                success: function(aditm) {
                                    if( 1){
                                        toastr.success( 'Recaudo Procesado', "Importante");
                                        location.href = "/recaudos/gestion/listado/";
                                    }
                                }
                            });
                        }
                    });
                    return false;
                });
         });

         function checkRecibo(id){
                 //alert("Good " + id);
                 //$('#ckrec' + id ).attr("checked",true);
                 $('#ckrec' + id ).prop("checked",true);
                 $('#ckrec' + id ).parent().addClass("checked");
          }

</script>
@stop
@endif
<!-- Modal  -->
@if( $acc == "foto" )

    {{ Form::open( ['role' => 'form', 'class' => 'validate', 'autocomplete'=>'off', 'id' => 'frmexcluir']) }}
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button>
        <h4 class="modal-title">
                Recibo No.{{$row->numero}} &nbsp;&nbsp;  {{$row->asesor}} <small>{{$row->codigo}}</small>
        </h4>
    </div>

    <div class="modal-body">

        <div class="form-group col-md-12 no-padding-left">
            {{ Form::label('lb_sucursal', _('CLIENTE: Nit.'. $row->nit . ' - ' . $row->sucursal_nombre . ' (Suc. '. $row->sucursal . ')' ), ['class'=>'control-label', 'style' => "font-size: 1.3em; font-weight: bold" ]) }}
            {{ Form::text('sucurusal', $row->codicion_pago ,  ['class'=>'form-control', 'style' => "font-size: 1.1em; font-weight: bold" ]) }}
        </div>

        <div class="clearfix"></div>

        <div class="form-group col-md-12 no-padding-left">
            <div style="text-align: center;"><img src="http://dynaenterprise.com/recaudos/png/{{$row->numero}}-{{$row->nit}}-{{$row->sucursal}}.png" alt="Foto No Encontrada" id="imgrecaudo" /></div>
        </div>

    </div>

    <div class="modal-footer">
        <button type="button" class="btn btn-inverse btn-rounded waves-effect waves-light btn-icon btn-lg" data-dismiss="modal" id="btcerrar"><i class="fa fa-close"></i> Cerrar</button>

        @if( Input::get('acc') != 'simple' )
        <button type="button" id="btexcluir" data-loading-text="Loading..."  class="btn btn-warning btn-rounded waves-effect waves-light btn-icon btn-lg"><i class="fa fa-save"></i> Procesar</button>
        @endif

    </div>

    {{Form::close()}}


    <script>
        $(document).ready(function() {
            var value = 0
            $("#imgrecaudo").rotate({
               bind:
                 {
                    click: function(){
                        value +=90;
                        $(this).rotate({ animateTo:value})
                    }
                 }
            });

            $("#btexcluir").click(function(e){
                    $.ajax({
                            type: "GET",
                            url: "{{$breadcumb->url}}procesarRecaudo/{{$row->id}}",
                            dataType: "json",
                            success: function(aditm) {
                                if(1)
                                    toastr.success( 'Recaudo Procesado', "Importante");
                                else
                                    toastr.error( 'Recaudo No Procesado', "Importante");

                                $("#btcerrar").click();
                            }
                     });
          });
     });

    </script>

@endif