@if($acc == "list" )

    @section('header')
        <link rel="stylesheet" href="/plugins/datatables/jquery.dataTables.min.css">
        <link rel="stylesheet" href="/plugins/datatables/dataTables.bootstrap.min.css">
    @stop

    @include('layouts.breadcumb')

    <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">
                <div class="card-box table-responsive">
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-responsive table-bordered" id="table-1">
                        <thead>
                            <tr>
                                <th width="11%">FECHA DE CREACION</th>
                                <th width="11%">FECHA CONSIGNACION</th>
                                <th width="7%">VENDEDOR</th>
                                <th>NIT</th>
                                <th>SUCURSAL</th>
                                <th>FACTURA</th>
                                <th>VALOR</th>
                                <th>CARTERA</th>
                                <th>NOTA</th>
                                <th>RECIBO</th>
                                <th>PROCESADO</th>
                                <th width="3%">ARCHIVO</th>
                                <th width="3%" >EDITAR</th>
                                <th width="3%" >ELIMINAR</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>
                                <th></th>
                                <td>
                                    <select class="filterInput">
                                        <option value=""></option>
                                        <option value="1">Procesado</option>
                                        <option value="0">No Procesado</option>
                                    </select>
                                </td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
<div class="md-fab-wrapper">
    <a href="{{ $baseUrl }}/add/" data-toggle="modal-ajax" class="md-fab md-fab-orange show-loading waves-light waves-effect">
        <i class="mdi mdi-plus"></i>
    </a>
</div>
@section('footer')

    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>

    <script type="text/javascript">

        function formatDollar(xx) {
            var pp = xx.split(",");
            var num = parseFloat(pp[0]);

            var p = num.toFixed(2).split(".");
            return p[0].split("").reverse().reduce(function(acc, num, i, orig) {
                        return  num + (i && !(i % 3) ? "," : "") + acc;
                    }, "") + "." + p[1];
        }

        function loadFvc() {
            $('#sucursal').val('');
            $('#factura').empty();

            showMessage('Cargando datos del cliente');


            $.getJSON('/cartera/general/pagos/', {
                nit: $('#nit').val(),
                acc: "nombre-sucursal"
            }).done(function( data ) {

                if( data.clienteExiste == 1 ) {

                    $('#sucursal').val(data.sucursal_nombre);

                    $('#vendedor').val(data.vendedor_codigo);

                    $.each(data.facturasData, function (key, value) {
                        $('#factura').append('<option >' + value.FACTURA + ' | $' + formatDollar(value.SALDO) + '</option>');
                    });

                }else {
                    messageSimple({response:0, message:'El nit ' +  $('#nit').val() + ' no se encuentra en nuestro sistema.'});
                    $('#nit').focus();
                }

                hideMessage();

            })
                    .fail(function() {
                        messageSimple({response:0, message:'Ocurrió un error, intente nuevamente o solicite soporte'});
                        $('#nit').focus();

                        hideMessage();
                    });
        }
    </script>

    <script>
        function valida(e){
            tecla = (document.all) ? e.keyCode : e.which;

            //Tecla de retroceso para borrar, siempre la permite
            if (tecla==8){
                return true;
            }

            // Patron de entrada, en este caso solo acepta numeros
            patron =/[0-9]/;
            tecla_final = String.fromCharCode(tecla);
            return patron.test(tecla_final);
        }


    </script>
    <script type="text/javascript">

        var table = setAjaxDatatable("#table-1", "/cartera/general/pagos/json/");
    </script>

@stop

@endif

@if( $acc != "list" )
    <form method="post" action="{{ $baseUrl }}" role="form" enctype="multipart/form-data" class="validate">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">
                {{ ($acc == 'add')?'AGREGAR':'EDITAR' }} PAGO
            </h4>
        </div>

        <div class="modal-body">
            <div class="form-group">
                <label for="parent">Banco</label>
                <select id="banco" data-validate="required" name="banco" class="form-control select2 required"
                        data-allow-clear="true" data-placeholder="Seleccione un Banco...">
                    <option></option>
                    @foreach( \Modules\Cartera\Entities\CarBanco::orderBy("nombre")->get() as $banco )
                        <option selected value="{{ $banco->id }}">{{ $banco->nombre }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="nit">NIT</label>
                <input data-validate="required" value="{{ $pagos->nit }}" type="text" name="nit" id="nit" onkeypress="return valida(event)"
                       class="form-control"  autocomplete="off" />
            </div>

            <div class="form-group col-md-6 no-padding">
                <label for="sucursal">Sucursal</label>
                <input value="{{ $pagos->sucursal_nombre }}" data-validate="required" type="text" name="sucursal" id="sucursal"
                       class="form-control" readonly="readonly" autocomplete="off"/>
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-6 no-padding">
                <input data-validate="required" type="hidden" name="vendedor" id="vendedor"
                       class="form-control" readonly="readonly" autocomplete="off"/>
            </div>
            <div class="clearfix"></div>
            <div class="form-group ">
                <label for="factura">Factura</label>


                <select multiple class="form-control select2 required" id="factura"  name="factura[]"data-allow-clear="true" data-placeholder="Seleccione una Factura...">

                </select>
                @if($acc == 'edit')
                    @foreach( (array) json_decode(  $pagos->factura , true) as $fac )
                        <span id="valorFac" class="badge badge-default">{{ $fac }}</span>
                    @endforeach
                @endif
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="valor">Valor</label>
                @if($acc == 'edit')
                <input data-validate="required"  value="${{ number_format($pagos->valor ) }}"  type= "text" name="valor"
                       id="valor" class="form-control"  autocomplete="off"/>
                    @elseif($acc == 'add')
                    <input data-validate="required"  value=""  type= "text" name="valor"
                           id="valor" class="form-control"  autocomplete="off"/>
                @endif
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="consignacion">Fecha Consignación</label>
                <input data-validate="required"  value="{{ $pagos->fecha_consignacion }}"  type= "date" name="consignacion"
                       id="consignacion" class="form-control" @if($acc == 'edit') readonly @endif/>
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-12 no-padding-left">
                <label class="col-sm-12">Nota</label>
                <div class="col-sm-8">
                    <textarea rows="4" cols="30" placeholder="Digite una nota" id="nota" name="nota">{{$pagos->nota}} </textarea>
                </div>
            </div>

            <div class="clearfix"></div>
            <div class="form-group col-md-12 no-padding-left">
                <label class="col-sm-12"><strong>Archivo</strong></label>
                <div class="col-sm-10">
                    <input  type="file" class="form-control input-lg" name="archivo"  />
                </div>
            </div>
            <div class="clearfix"></div>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-inverse btn-icon btn-lg btn-rounded waves-effect waves-light" data-dismiss="modal"><i
                        class="mdi mdi-close"></i> Cerrar</button>
            <button type="submit" data-loading-text="Loading..." class="btn btn-warning btn-icon btn-lg btn-rounded waves-effect waves-light" id="guardar"><i
                        class="mdi mdi-content-save"></i> Guardar</button>
        </div>
        <input type="hidden" name="_token" value="