@include('layouts.breadcumb')
@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">
    <link rel="stylesheet" type="text/css" href="/plugins/gridforms/gridforms.css">
    <link rel="stylesheet" href="/layout/assets/css/prd_custom.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/plugins/switchery/switchery.min.css">


    <link rel="stylesheet" href="/plugins/gallery/css/blueimp-gallery.min.css">
    <link rel="stylesheet" href="/plugins/gallery/css/bootstrap-image-gallery.min.css">

    <link href="/plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css"/>

    <style>
        .grid-form fieldset legend {
            border: none  !important;
            border-bottom: 2px solid #dadfe3 !important;
            color: #5f7676 !important;
            font-size: 20px !important;
            font-weight: 300 !important;
            padding: 5px 0px !important;
        }
        .grid-form [data-row-span] {
            border-bottom: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span] {
            border-right: 1px solid #e6eaed !important;
        }
        .grid-form [data-row-span] [data-field-span]:last-child {
            border-right: none !important;
        }
        .lbl_grid{
            font-size: 1em !important;
        }
        .fld_cmp{
            padding-bottom: 4px !important;
            padding-top: 4px !important;
        }
        label.strongr, input.strongr, td.strongr {
            color: #000000 !important;
            font-weight: normal !important;
            text-align: right !important;
            font-size: 1.2em !important;
        }
        label.strongl, input.strongl, td.strongl {
            color: #000000 !important;
            font-weight: normal !important;
            text-align: left !important;
            font-size: 1.2em !important;
        }
        label.strongrt, input.strongrt, td.strongrt {
            color: #000000 !important;
            font-weight: 600 !important;
            text-align: right !important;
            font-size: 1.2em !important;
        }
        label.strongct, input.strongc, td.strongc {
            color: #000000 !important;
            text-align: center !important;
            font-weight: 600 !important;
            font-size: 1.2em !important;
        }
    </style>
@stop
<div class="row">

    <div class="panel panel-primary panel-border" data-collapsed="0">
        <!-- panel head -->
        <div class="panel-heading">
            <div class="alert alert-info">
                <strong>IMPORTANT!</strong><br>
                ingrese un qq number o parte de este, en proveedor.
                <br>
                在提供商中输入一个QQ号码或其中的一部分。
            </div>
        </div>

        <!-- panel body -->
        <div class="panel-body">
            <form  role="form" action="/compras/pagos/pago-prv/" id="registrarAbonoForm" method="post" class="form-horizontal form-groups-bordered grid-form">
                <div class="modal-body">
                    <fieldset>
                        <div data-row-span="5">
                            <div data-field-span="3">
                                <label class="title_grd lbl_grid">Proveedor - Supplier - 供应商</label>
                                <select id="proveedor_id" name="proveedor_id" class="form-control select2" tabindex="5" data-place="top" >
                                    @foreach( $proveedores as $proveedor )
                                        <option value="{{ $proveedor->proveedor_id }}"> {{ trim($proveedor->qq_number).' - '.trim($proveedor->boot_number) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div data-field-span="1">
                                <label class="title_grd lbl_grid">Contract - 合同</label>
                                <input  required readonly type="text" class="form-control" tabindex="1" data-place="top"  id="contrato" name="contrato"/>
                                <input  type="hidden" data-place="top"  id="contrato_id" name="contrato_id"/>
                                <input  type="hidden" data-place="top"  id="saldo_ctr" name="saldo_ctr"/>
                            </div>
                            <div data-field-span="1">
                                <label class="title_grd lbl_grid">Amount - 支付金额</label>
                                <input  required type="text" class="form-control inputDec valr" tabindex="2" data-place="top"  id="monto_pagado" name="monto_pagado" value="0.00" />
                            </div>
                        </div>
                        <div data-row-span="1">
                            <div data-field-span="1" id="det_contr"></div>
                        </div>
                        <div data-row-span="2">
                            <div data-field-span="1">
                                <label class="title_grd lbl_grid">Bank Account - 银行账户</label>
                                <select required id="destino" name="destino" class="form-control select2" tabindex="4" data-place="top" data-allow-clear="true">
                                    <option value="0">Seleccione Cuenta</option>
                                    @foreach($cuentas as $cuenta)
                                        <option value="{{ $cuenta->cue_id }}">{{ strtoupper($cuenta->cue_nombre) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div data-field-span="1">
                                <label disabled class="title_grd lbl_grid">Comments - 注释</label>
                                <textarea class="form-control" name="nota" id="nota" style="text-transform: uppercase;"></textarea>
                            </div>
                        </div>
                    </fieldset>
                </div>
                <br>
                <div class="form-group col-md-6">
                    <button id="registrarPago-btn"
                            type="button"
                            style="width: 400px"
                            data-loading-text="Registrando..."
                            class="btn btn-primary btn-rounded waves-light waves-effect btn-icon btn-lg">
                        <i class="fa fa-save"></i> RECORD SUPPLIER PAYMENT - 记录供应商付款                    </button>
                </div>
                <input type="hidden" name="_token" value="