@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">

            <!-- panel head -->
            <div class="panel-heading">
                @if (Session::has('message'))
                @section('scripts')
                    <script>
                        swal("Registered!", "It was created right mind!", "success")
                    </script>
                @endsection
                @endif

            </div>

            <div class="panel-body">

                    <div class="clearfix"></div>
                    <br/>
                <div class="card-box table-responsive">
                    <table class="table table-striped table-colored-bordered table-bordered-inverse table-hover table-bordered " id="table-1">
                        <thead>

                        <tr>
                            <th width="10%">FECHA DE CREACION</th>
                            <th width="10%">FECHA CONSIGNACION</th>
                            <th>VENDEDOR</th>
                            <th>NIT</th>
                            <th>SUCURSAL</th>
                            <th>FACTURA</th>
                            <th>VALOR</th>
                            <th>RECIBO</th>
                            <th>CARTERA</th>
                            <th>RECAUDO</th>
                            <th>NOTA</th>
                            <th>FECHA PROCESO</th>
                            <th width="5%">PROCESADO</th>
                            <th width="3%">ARCHIVO</th>
                            <th width="3%" >PROCESAR</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>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>

    </div>
@section('footer')
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables/dataTables.bootstrap.js"></script>
    <script>
        function cargaSucursal(){
            var sucursal = document.getElementById("nit");
            document.getElementById(sucursal);
        }
    </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">

        setAjaxDatatable( '#table-1', '/recaudos/creditos/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">
                PROCESAR PAGOS
            </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" disabled
                        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"
                       class="form-control" disabled  />
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="sucursal">Sucursal</label>
                <input value="{{ $pagos->sucursal_nombre }}" type="text" name="sucursal" id="sucursal"
                       class="form-control" disabled/>
            </div>
            <div class="clearfix"></div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="factura">Factura</label>
                <br>
                @if($acc == 'edit')
                    @foreach( (array) json_decode(  $pagos->factura , true) as $fac )
                        <span class="badge badge-default">{{ $fac }}</span>
                    @endforeach
                @endif
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="valor">Valor</label>
                <input data-validate="required" value="${{ number_format($pagos->valor) }}"  type= "text" name="valor"
                       id="valor" class="form-control" disabled/>
            </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') disabled @endif />
            </div>

            <div class="clearfix"></div>
            <div class="form-group col-md-6 no-padding-left">
                <label for="recibo">Numero de Recibo</label>
                <input data-validate="required" value="{{ $pagos->recibo }}" type="text" name="recibo"
                       id="recibo" class="form-control"  autocomplete="off"/>
            </div>
            <div class="form-group col-md-6 no-padding">
                <label for="valor">Procesar</label>
                <br>

                @if( $pagos->procesado == 1)
                    <input type="checkbox" value="0" id="procesado" name="procesado" checked disabled> ...
                @elseif( $pagos->procesado == 0)
                    <input type="checkbox"  value="1" id="procesado" name="procesado" > ...
                @endif

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

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