@can('control_pagos.all')
    @if ($control_pagos == 'A')
        @if (isset($active_pagos))
            <div class="col-lg-12" id="content-control-pago">
                <div class="card">
                    <div class="card-header">Control Pagos</div>
                    <div class="card-body card-block">
                        <div class="row form-group">
                            <div class="col-12 d-flex justify-content-center">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" name="check_control_pago[]" id="check_control_pago" onclick="activar_control_pago(this)" checked="" value="on">
                                    <label class="custom-control-label" for="check_control_pago">Registrar el pago </label>
                                </div>
                            </div>
                        </div>
                        <div class="row form-group control_pago">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Banco
                                </label>
                            </div>
                            <div class="col-md-9">
                                <select name="cbx_control_p_banco[]" id="cbx_control_p_banco" class="form-control"
                                    onchange="filtar_cuentas(this)">
                                    @foreach ($bancos_emisor as $banco)
                                        <option value="{{ $banco->id_banco }}" @if ($banco->default_banco == 'S') selected @endif
                                            banco="{{ $banco->nombre }}">
                                            {{ $banco->nombre }}</option>
                                    @endforeach
                                </select>
                                {{-- <input type="text" id="cbx_cuenta_bancaria" name="cbx_cuenta_bancaria"
                                    class="form-control text-right" value=""> --}}
                            </div>
                        </div>
                        <div class="row form-group control_pago">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Núm. de cuenta de pago
                                </label>
                            </div>
                            <div class="col-md-3">
                                <select name="slc_control_p_num_cuenta[]" id="slc_control_p_num_cuenta" class="form-control"
                                    onchange="filtar_bancos(this)">
                                    @foreach ($bancos_emisor as $banco)
                                        <option value="{{ $banco->id_adi_banco }}"
                                            @if ($banco->default_banco == 'S') selected @endif
                                            num_cuenta="{{ $banco->no_cuenta_bancaria }}" banco="{{ $banco->id_banco }}">
                                            {{ $banco->no_cuenta_bancaria }} {{ $banco->nota_interna }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Referencia
                                </label>
                            </div>
                            <div class="col-md-3">
                                <input type="text" id="txt_control_p_referencia" name="txt_control_p_referencia[]"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="row form-group control_pago">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Monto:
                                    {{-- <span id="parcialidad_pagar"></span> --}}
                                </label>
                            </div>
                            <div class="col-md-3">
                                <input class="form-control text-right widget-numbers text-success " type="number" step="any"
                                    name="txt_control_p_monto[]" id="txt_control_p_monto" value="$"
                                    placeholder="$ 0.00">
                            </div>
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Fecha
                                </label>
                            </div>
                            <div class="col-md-3">
                                <input type="date" id="txt_control_p_fecha" name="txt_control_p_fecha[]"
                                    class="form-control text-right">
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="id_control_pago" id="id_control_pago">
            </div>
            <script version="{{ version_js_cfdi() }}">
                function filtar_bancos(_select_) {
                    // _select_.options[_select_.selectedIndex].attributes.banco.value
                    $('#cbx_control_p_banco option').each((_index_, _option_) => {
                        if (_select_.options[_select_.selectedIndex].attributes.banco.value == _option_.value) {
                            $('#cbx_control_p_banco').val(_option_.value)
                        }
                    })
                }

                function filtar_cuentas(_select_) {
                    $('#slc_control_p_num_cuenta option').each((_index_, _option_) => {
                        if (_select_.value == '') {
                            _option_.style.display = ''
                        } else {
                            if (_option_.attributes.banco.value == _select_.value) {
                                _option_.style.display = ''
                                $('#slc_control_p_num_cuenta').val(_option_.value)
                            } else {
                                _option_.style.display = 'none'
                            }
                        }
                    })
                }
                function activar_control_pago(_check_){
                    if(_check_.checked==true){
                        _check_.value='on'
                    }else{
                        _check_.value='off'
                    }
                    $('.control_pago input').each((_index_,_input_)=>{
                        if(_check_.checked==true){
                            _input_.disabled = false;
                        }else{
                            _input_.disabled = true;
                        }
                    })
                    $('.control_pago select').each((_index_,_select_)=>{
                        if(_check_.checked==true){
                            _select_.disabled = false;
                        }else{
                            _select_.disabled = true;
                        }
                    })
                }
            __getStatusSincronizacionPagos__= "{{ getStatusSincronizacionPagos()}}"
            __getCountCuentaBancaria__ ="{{getCountCuentaBancaria()}}"
            </script>
        @else
            <div class="col-lg-12" id="content-control-pago">
                <div class="card">
                    <div class="card-header">Control Pagos</div>
                    <div class="card-body card-block">
                        <div class="row form-group">
                            <div class="col-12 d-flex justify-content-center">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" name="check_control_pago" id="check_control_pago" onclick="activar_control_pago(this)" checked="" value="on">
                                    <label class="custom-control-label" for="check_control_pago">Registrar el pago </label>
                                </div>
                            </div>
                        </div>
                        <div class="row form-group control_pago">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Banco
                                </label>
                            </div>
                            <div class="col-md-9">
                                <select name="cbx_control_p_banco" id="cbx_control_p_banco" class="form-control"
                                    onchange="filtar_cuentas(this)">
                                    @foreach ($bancos_emisor as $banco)
                                        <option value="{{ $banco->id_banco }}" @if ($banco->default_banco == 'S') selected @endif
                                            banco="{{ $banco->nombre }}">
                                            {{ $banco->nombre }}</option>
                                    @endforeach
                                </select>
                                {{-- <input type="text" id="cbx_cuenta_bancaria" name="cbx_cuenta_bancaria"
                                    class="form-control text-right" value=""> --}}
                            </div>
                        </div>
                        <div class="row form-group control_pago">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Núm. de cuenta de pago
                                </label>
                            </div>
                            <div class="col-md-3">
                                <select name="slc_control_p_num_cuenta" id="slc_control_p_num_cuenta" class="form-control"
                                    onchange="filtar_bancos(this)">
                                    @foreach ($bancos_emisor as $banco)
                                        <option value="{{ $banco->id_adi_banco }}"
                                            @if ($banco->default_banco == 'S') selected @endif
                                            num_cuenta="{{ $banco->no_cuenta_bancaria }}" banco="{{ $banco->id_banco }}">
                                            {{ $banco->no_cuenta_bancaria }} {{ $banco->nota_interna }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Referencia
                                </label>
                            </div>
                            <div class="col-md-3">
                                <input type="text" id="txt_control_p_referencia" name="txt_control_p_referencia"
                                    class="form-control">
                            </div>
                        </div>
                        <div class="row form-group control_pago">
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Monto:
                                    {{-- <span id="parcialidad_pagar"></span> --}}
                                </label>
                            </div>
                            <div class="col-md-3">
                                <input class="form-control text-right widget-numbers text-success " type="number" step="any"
                                    name="txt_control_p_monto" id="txt_control_p_monto" value="$"
                                    placeholder="$ 0.00">
                            </div>
                            <div class="col-md-3">
                                <label for="text-input" class=" form-control-label">Fecha
                                </label>
                            </div>
                            <div class="col-md-3">
                                <input type="date" id="txt_control_p_fecha" name="txt_control_p_fecha"
                                    class="form-control text-right">
                            </div>
                        </div>
                    </div>
                </div>
                <input type="hidden" name="id_control_pago" id="id_control_pago">
            </div>
            <script version="{{ version_js_cfdi() }}">
                function filtar_bancos(_select_) {
                    // _select_.options[_select_.selectedIndex].attributes.banco.value
                    $('#cbx_control_p_banco option').each((_index_, _option_) => {
                        if (_select_.options[_select_.selectedIndex].attributes.banco.value == _option_.value) {
                            $('#cbx_control_p_banco').val(_option_.value)
                        }
                    })
                }

                function filtar_cuentas(_select_) {
                    $('#slc_control_p_num_cuenta option').each((_index_, _option_) => {
                        if (_select_.value == '') {
                            _option_.style.display = ''
                        } else {
                            if (_option_.attributes.banco.value == _select_.value) {
                                _option_.style.display = ''
                                $('#slc_control_p_num_cuenta').val(_option_.value)
                            } else {
                                _option_.style.display = 'none'
                            }
                        }
                    })
                }
                function activar_control_pago(_check_){
                    if(_check_.checked==true){
                        _check_.value='on'
                    }else{
                        _check_.value='off'
                    }
                    $('.control_pago input').each((_index_,_input_)=>{
                        if(_check_.checked==true){
                            _input_.disabled = false;
                        }else{
                            _input_.disabled = true;
                        }
                    })
                    $('.control_pago select').each((_index_,_select_)=>{
                        if(_check_.checked==true){
                            _select_.disabled = false;
                        }else{
                            _select_.disabled = true;
                        }
                    })
                }
            __getStatusSincronizacionPagos__= "{{ getStatusSincronizacionPagos()}}"
            __getCountCuentaBancaria__ ="{{getCountCuentaBancaria()}}"
            </script>
        @endif
    @endif
@endcan