@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
@endsection


@section('js')
    <script src="{{ asset('js/select2.js') }}"></script>
    <script src="{{ asset('js/cfdi/decimal.min.js') }}"></script>
    <script src="{{ asset('js/global_variable.js') }}"></script>
    <script src="{{ asset('js/cfdi/cfdi_relacionado.js?version=' . version_js_cfdi()) }}"></script>
    {{-- <script src="{{ asset('js/complementoPagos/pagos.js?version='.version_js_cfdi()) }}"></script> --}}
    <script src="{{ asset('js/complementoPagos/pagos_table.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/complementoPagos/pagos_operaciones.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/complementoPagos/parcialidad.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/complementoPagos/public_general.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/complementoPagos/impuestos_dr.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/complementoPagos/impuestos_p.js?version=' . version_js_cfdi()) }}"></script>
    <script src="{{ asset('js/cfdi/folios.js?version=' . version_js_cfdi()) }}"></script>
@endsection

@section('content')
    <style>
        span.select2-selection.select2-selection--single {
            height: calc(1.8rem + 2px);
            border: 1px solid #ced4da;
        }

        .select2-selection__placeholder {
            font-size: 0.7rem;
        }

        .select2-search__field {
            font-size: 0.7rem;
        }

        .select2-selection__arrow {
            display: none;
        }

        .select-catalogo-dropdown {
            background-color: white;
            border: 1px solid #aaa;
            border-radius: 4px;
            box-sizing: border-box;
            display: block;
        }

        .select-catalogo-ul {
            height: 200px;
            overflow: auto;
        }

        .select2-results__option .select2-results__option--selectable .select2-results__option--selected .select2-results__option--highlighted .select-catalogo-li:hover {
            color: white;
            background: #1da1f2;
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        .hover:hover {
            background-color: #0c848c !important
        }

        .btnImpuestos {
            color: #0c848c;
            border: none;
            background-color: rgba(255, 255, 255, 0);
        }

        .btnImpuestos:hover {
            color: white;
            background-color: #0c848c;
        }

        .modal-backdrop {
            z-index: -1 !important;
        }

        input::placeholder {
            color: rgba(230, 227, 227, 0.567);
            font-style: italic;
        }
    </style>
    <script>
        var __config_decimales__ = "{{ $No_Decimal }}";
        var __edicion_fecha__ = "{{ $editar_fecha }}";
        var __formaPago__ = "@php echo  $formaPago; @endphp ";
        var __serie_rp__ = @php echo $series_rp  @endphp;
        var __anular_fecha__ = true;
    </script>

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">

            <div class="col-sm-12">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('cfdi.index') }}">Comprobantes</a></li>
                            <li class="active breadcrumb-item" aria-current="page"> <strong
                                    class="font_montserrat_negritas span_primario_3_naranja_dinbox">Nuevo recibo de
                                    pago</strong></li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.timbres_disponibles')

    @if (strlen($clientes) == 0)
        <div class="content">
            <div class="animated fadeIn">
                <div class="row justify-content-center">
                    <div class="col-md-12" style="text-align: center;">
                        <img src="{{ asset('img/registrar.png') }}" alt="" style="width: 40%">
                    </div>
                    <div class="col-md-12 d-flex justify-content-center">
                        <p style="font-size: 16px;font-style: italic;font-weight: bolder;">Para poder generar comprobantes
                            debe de registrar al menos un cliente</p>
                    </div>

                    <div class="row">
                        <a class="btn btn-info" href="{{ url('receptores/create') }}" style="background: #10917b;">
                            ir a registro de clientes
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @else
        <div class="alert alert-danger alert-dismissable col-4 msg_danger"
            style="text-align: center;margin: auto;margin-bottom: 1rem;display:none">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong id="msg_danger">La factura ya esta pagada en su totalidad, no se puede agregar nueva parcialidad.</strong>
        </div>
        <div class="content">
            <form action="{{ url('/pagos') }}" method="POST" id="form_comprobante" autocomplete="off">
                @csrf
                <div class="animated fadeIn">
                    <div class="row datos-generales" style="font-size: 14px; display: flex;">
                        <div class="col-lg-6">
                            <div class="loader-wrapper d-flex justify-content-center align-items-center"
                                id="loader_Inf_cliente"
                                style="width: 100%;height: 77vh;position: absolute;opacity: 0;z-index: -1;">
                                <div class="loader">
                                    <div class="ball-grid-pulse">
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                </div>
                            </div>
                            <div class="card" id="card_info_cliente">
                                <div class="card-header">
                                    Datos del receptor
                                </div>
                                <div class="card-body card-block">
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select" class=" form-control-label">R.F.C.
                                            </label></div>
                                        <div class="col col-md-9">
                                            <input type="text" id="txt_rfc" name="txt_rfc"
                                                placeholder="Escriba el RFC del cliente" class="form-control" minlength="12"
                                                maxlength="13" autocomplete="off"
                                                onkeyup="this.value = this.value.toUpperCase();" readonly>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-6 col-md-3"><label for="select"
                                                class=" form-control-label">Cliente
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label></div>
                                        <div class="col-6 col-md-9">
                                            <select name="cbx_receptor" id="cbx_receptor" class="form-control"
                                                onchange="_ClientesP.searchRFC(this)">
                                                @php
                                                    echo $clientes;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group" id="div_boton_publico" style="display:none;">
                                        <div class="col col-md-3">
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <button type="button" class="col-md-12 btn btn-primary"
                                                onclick="abir_modal_p_g()"> Ver configuración</button>
                                        </div>
                                    </div>
                                    <div class="row form-group" id="div_regimenFiscal" style="display: none;">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Regimen
                                                físcal</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <select name="cbx_regimenFiscal_receptor" id="cbx_regimenFiscal_receptor"
                                                class="form-control">
                                            </select>
                                            <input type="hidden" name="codigo_postal_receptor" id="codigo_postal_receptor">
                                            <input type="hidden" name="razon_social_receptor"
                                                id="razon_social_receptor">
                                        </div>
                                    </div>
                                    <div class="row form-group" id="div_domicilio_Expedido_cliente"
                                        style="display: none;">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Domicilio
                                                del cliente</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <select onchange="_ClientesP.Direccion_M_S(this.value)"
                                                name="cbx_domicilio_expedido_cliente" id="cbx_domicilio_expedido_cliente"
                                                class="form-control">
                                            </select>
                                        </div>
                                    </div>
                                    <input type="hidden" name="id_receptor" id="id_receptor">
                                    <input type="hidden" name="domicilio_fiscal_receptor"
                                        id="domicilio_fiscal_receptor">
                                    <input type="hidden" name="slc_periodicidad" id="slc_periodicidad">
                                    <input type="hidden" name="slc_meses" id="slc_meses">
                                    <input type="hidden" name="slc_anio" id="slc_anio">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="loader-wrapper d-flex justify-content-center align-items-center"
                                id="loader_Inf_emisor"
                                style="width: 100%;height: 77vh;position: absolute;opacity: 0;z-index: -1;">
                                <div class="loader">
                                    <div class="ball-grid-pulse">
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                </div>
                            </div>
                            <div class="card" id="card_info_emisor">
                                <div class="card-header">
                                    Datos emisión
                                    {{-- <small id="label_fecha" class="col-6"
                                        style="text-align: end;color: #00000;font-style: italic;">
                                        Fecha de expedicion: 00000
                                    </small> --}}
                                </div>
                                <input type="hidden" name="cp_expedicion" id="cp_expedicion">
                                <div class="card-body card-block">
                                    <div class="row form-group">
                                        <div class="col col-md-3">
                                            <label for="text-input" class=" form-control-label">Titulo de documento
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <div class="row-1">
                                                <select name="cbx_tipoDeDocumento" id="cbx_tipoDeDocumento"
                                                    class="form-control">
                                                    @php
                                                        echo $tipoDeDocumento;
                                                    @endphp
                                                </select>
                                            </div>
                                            <input class="form-control" type="text" name="input_tituloDeDocumento"
                                                id="input_tituloDeDocumento" style="display:none">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Regimen
                                                físcal</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <select name="c_regimenFiscal" id="cbx_regimenFiscal" class="form-control">
                                                @php
                                                    echo $RegimenFiscal;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3">
                                            <label for="select" class=" form-control-label">Lugar de
                                                expedicion
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <select name="txt_lgexpecion" id="txt_lgexpecion" class="form-control"
                                                onchange="_ClientesP.ExpedidoEn(this); _ClientesP.getFolios(this);">
                                                <option value="x">Seleccioné...</option>
                                                @php
                                                    echo $expedidoEn;
                                                @endphp
                                            </select>
                                        </div>
                                        {{-- <div class="col-12 col-md-3">
                                            <input type="hidden" id="txt_fechaExpedicion" name="txt_fechaExpedicion"
                                                placeholder="" class="form-control" autocomplete="off">
                                        </div> --}}
                                    </div>
                                    <div class="row form-group" id="content_folio">
                                    </div>
                                    <div class="row form-group"
                                        style="display: {{ count($certificados_usuario) > 1 ? '' : '' }} ">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">
                                                Certificado </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <select name="cbx_certificado" id="cbx_certificado" class="form-control">
                                                <option value="" id_mat_suc="x">Sin certificado seleccionado</option>
                                                @foreach ($certificados_usuario as $certificado)
                                                    <option  style="display: none" value="{{ $certificado->id_csd }}" id_mat_suc="{{ $certificado->id_mat_suc }}" c_default="{{$certificado->default}}"
                                                        {{ $certificado->default == 'S' ? 'selected' : '' }}>
                                                        {{ $certificado->serie }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Fecha de emisión</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            @if ($editar_fecha != 'A')
                                                <input type="text" id="txt_fechaExpedicion" name="txt_fechaExpedicion"
                                                placeholder="dd/mm/yyyy" class="form-control" autocomplete="off" readonly>
                                            @else
                                                <input class="form-control" name="txt_fechaExpedicion" id="txt_fechaExpedicion" type="datetime-local" placeholder="dd/mm/yyyy" value="">
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row col-md-12">
                            <div class="col-md-12 card" id="collapse_cuenta_terceros">
                                <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapseOne"
                                    aria-expanded="false" aria-controls="collapseOne" style="cursor: copy;">
                                    Cuenta a terceros
                                </div>
            
                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                    data-parent="#collapse_cuenta_terceros">
                                    <div class="card-body">
                                            <div class="row form-group cuenta_terceros">
                                                <div class="col col-md-2"><label for="select" class=" form-control-label">RFC a cuenta terceros<span class="color-red" style="font-size: 10px;">*</span></label></div>
                                                <div class="col-12 col-md-4">
                                                    <div class="row-1">
                                                        <input class="form-control input-mask-trigger" type="text" 
                                                        name="RfcACuentaTerceros" id="RfcACuentaTerceros" list="datalist_clave_int"  
                                                        onkeyup="search_rfc_cuenta(this)" 
                                                        onblur="cerrar_datalist(this)"
                                                        placeholder="XAXX010101000">
                                                    </div>
                                                </div>
                                                <div class="col col-md-2"><label for="select" class=" form-control-label">Nombre a cuenta terceros<span class="color-red" style="font-size: 10px;">*</span></label></div>
                                                <div class="col-12 col-md-4">
                                                    <input class="form-control" type="text" name="NombreACuentaTerceros" id="NombreACuentaTerceros" placeholder="Publico en general">
                                                </div>
                                            </div>
                                            <div class="row form-group cuenta_terceros">
                                                <div class="col col-md-2"><label for="select" class=" form-control-label">Regimen fiscal a cuenta terceros<span class="color-red" style="font-size: 10px;">*</span></label></div>
                                                <div class="col-12 col-md-4">
                                                    <select class="form-control" name="MultiRegimenFiscal" id="MultiRegimenFiscal">
                                                        @foreach ($regimenFiscal as $item)
                                                            <option value="{{ $item->c_RegimenFiscal }}" fisica="{{ $item->AplicaPerFis }}"
                                                                moral="{{ $item->AplicaPerMor }}">{{ $item->c_RegimenFiscal }}-{{ $item->Descripcion }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col col-md-2"><label for="select" class=" form-control-label">Domicilio fiscal a cuenta terceros<span class="color-red" style="font-size: 10px;">*</span></label></div>
                                                <div class="col-12 col-md-4">
                                                    <input class="form-control" type="number" name="DomicilioFiscalACuentaTerceros" id="DomicilioFiscalACuentaTerceros" placeholder="00000">
                                                </div>
                                            </div>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- <div class="h5 modal-title text-center">
                    <h4 class="mt-2"> Pago 1 </h4>
                </div> --}}
                        <div class="col-sm-3 mb-4">
                            <div class="card mb-3">
                                <div class="card-header">
                                    Información del comprobante al que se relaciona el pago
                                </div>
                                <div class="card-body">
                                    <div class="row form-group">
                                        <div class="col-md-12 ">
                                            <label for="text-input" class=" form-control-label ">Folio fiscal original:
                                                {{-- <span class="float-right" id="uuid_original"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input type="text" required id="uuid_original" name="uuid_original"
                                                readonly class="form-control text-right">
                                        </div>
                                        <div class="col-md-12">
                                            <label for="text-input" class=" form-control-label">Fecha del folio fiscal
                                                original:
                                                {{-- <span class="float-right" id="fecha_original"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input class="form-control text-right" type="text" readonly
                                                name="fecha_original" id="fecha_original">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-2">
                                            <label for="text-input" class=" form-control-label">Parcialidad:
                                                {{-- <span id="parcialidad_pagar"></span> --}}
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input class="form-control text-right " type="text" readonly
                                                name="parcialidad_pagar" id="parcialidad_pagar">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-12">
                                            <label for="text-input" class=" form-control-label">Monto original
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input type="text"  id="monto_original" name="monto_original"
                                                readonly class="form-control text-right">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-12">
                                            <label for="text-input" class=" form-control-label">Monto pendiente
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input type="text"  id="monto_pendiente" name="monto_pendiente"
                                                readonly class="form-control text-right">
                                        </div>
                                    </div>
                                    <div class="row form-group monto_a_pagar display_none">
                                        <div class="col-md-12">
                                            <label for="text-input" class=" form-control-label">Monto a pagar
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input type="text"  id="monto_a_pagar" name="monto_a_pagar"
                                                readonly class="form-control text-right" value="$ 00.00">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-12">
                                            <label for="text-input" class=" form-control-label">Saldo insoluto
                                            </label>
                                        </div>
                                        <div class="col-md-12">
                                            <input type="text"  id="monto_restante" name="monto_restante"
                                                readonly class="form-control text-right widget-numbers text-success read_only">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-9 mb-4" id="form_pago_0">
                            <div class="loader-wrapper d-flex justify-content-center align-items-center"
                                id="loader_Inf_pago_0"
                                style="width: 100%;height: 77vh;position: absolute;opacity: 0;z-index: -1;">
                                <div class="loader">
                                    <div class="ball-grid-pulse">
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                </div>
                            </div>
                            <div class="card mb-3 ">
                                <div class="card-header">
                                    Datos del pago
                                </div>
                                <div class="card-body">
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Fecha del pago
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <input type="datetime-local" required id="txt_fecha" name="pagos_FechaPago[]"
                                                class="form-control">
                                        </div>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Forma de pago
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="input-group-append">
                                                <select onblur="_ClientesP.rfcCtaOrd(this);" list="listformaP"
                                                    id="txt_formaP" name="pagos_FormaDePagoP[]" class="form-control">
                                                    @php
                                                        echo $formaPago;
                                                    @endphp
                                                </select>
                                                <span class="input-group-text" id="unidadMSAT"><i
                                                        class="fa fa-search"></i></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Moneda
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="input-group-append">
                                                <input type="text" list="listmoneda" id="txt_monedaP"
                                                    name="pagos_MonedaP[]" value="MXN" class="form-control"
                                                    onblur="tipoCambio(this),calcular_inpuesto_pagos('_TP'),calcular_inpuesto_pagos('_RP')">
                                                <span class="input-group-text" id="txt_monedaP"><i
                                                        class="fa fa-search"></i></span>
                                            </div>
                                        </div>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Monto
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <input class="form-control input-mask-trigger" onfocus="limpiar_input(this)"
                                                onblur="FunctionMontoTotalPagos(this),_truncar_dos_dicimales(this),FCalImpuestoOriginal(this.value);"
                                                id="txt_monto" name="pagos_Monto[]" maxlength="15" placeholder="$ 0.00"
                                                style="text-align: right;">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Num. Operación
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <input type="text" id="txt_nOperacion" name="pagos_NumOperacion[]"
                                                class="form-control">
                                        </div>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Tipo de cambio
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <input type="text" id="txt_tipoC"
                                                onblur="FunctionMontoTotalPagos(this),calcular_inpuesto_pagos('_TP'),calcular_inpuesto_pagos('_RP')"
                                                name="pagos_TipoCambioP[]" class="form-control" value="1">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-6">
                                            <div class="row form-group" style="display: none">
                                                <div class="col col-md-4">
                                                    <label for="text-input" class=" form-control-label"
                                                        id="label_RfcCtaOrd">
                                                        Rfc entidad financiera ordenante
                                                    </label>
                                                </div>
                                                <div class="col-12 col-md-8">
                                                    <input type="text" id="txt_RfcCtaOrd"
                                                        name="pagos_RfcEmisorCtaOrd[]" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-6">
                                            <div class="row form-group" style="display: none">
                                                <div class="col col-md-4">
                                                    <label for="text-input" class=" form-control-label"
                                                        id="label_BancoOrdenante">Banco
                                                        ordenante
                                                    </label>
                                                </div>
                                                <div class="col-12 col-md-8">
                                                    <input type="text" id="txt_BancoOrdenante"
                                                        name="pagos_NomBancoOrdExt[]" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-6">
                                            <div class="row form-group" style="display: none">
                                                <div class="col col-md-4">
                                                    <label for="text-input" id="label_CtaOrdenante"
                                                        class=" form-control-label">
                                                        Cta ordenante
                                                    </label>
                                                </div>
                                                <div class="col-12 col-md-8">
                                                    <input type="text" id="txt_CtaOrdenante"
                                                        name="pagos_CtaOrdenante[]" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-6">
                                            <div class="row form-group" style="display: none">
                                                <div class="col col-md-4">
                                                    <label for="text-input" id="label_RfcCtaBenef"
                                                        class=" form-control-label">Rfc entidad financiera beneficiario
                                                    </label>
                                                </div>
                                                <div class="col-12 col-md-8">
                                                    <input type="text" id="txt_RfcCtaBenef"
                                                        name="pagos_RfcEmisorCtaBen[]" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-6">
                                            <div class="row form-group" style="display: none">
                                                <div class="col col-md-4">
                                                    <label for="text-input" id="label_CtaBeneficiario"
                                                        class=" form-control-label">
                                                        Cta beneficiario
                                                    </label>
                                                </div>
                                                <div class="col-md-8">
                                                    <input type="text" id="txt_CtaBeneficiario"
                                                        name="pagos_CtaBeneficiario[]" class="form-control">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-6">
                                            <div class="row form-group" style="display: none">
                                                <div class="col col-md-4">
                                                    <label for="text-input" id="label_TipoCadenaPago"
                                                        class="form-control-label">
                                                        Tipo cadena pago
                                                    </label>
                                                </div>
                                                <div class="col-md-8">
                                                    <select onchange="_ClientesP.displayC(this);"
                                                        name="pagos_TipoCadPago[]" id="txt_TipoCadenaPago"
                                                        class="form-control">
                                                        <option value="">Seleccioné</option>
                                                        <option value="01">
                                                            SPEI</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row form-group" id="optionCP1" style="display: none;">
                                        <div class="col col-md-12">
                                            <div class="alert alert-info fade show" role="alert">Los siguientes datos se hacen <a href="#" class="alert-link">requeridos</a> al seleccionar el tipo de cadena pago <a href="#" class="alert-link">SPEI</a>,
                                                estos datos se <a href="#" class="alert-link">obtienen directamente</a> del <a href="#" class="alert-link">CEP</a>
                                                que descargan de <a href="#" class="alert-link">Banxico</a> como comprobante de dicha transacción.
                                            </div>
                                        </div>
                                        <br>
                                        <br>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">
                                                Certificado<span class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea onblur="_eliminar_espacios_(this);" id="txt_Certificado" name="pagos_Certificado[]"
                                                class="form-control"></textarea>
                                        </div>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">
                                                Cadena<span class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea  onblur="_cadena_spei(this);" id="txt_Cadena" name="pagos_Cadena[]" class="form-control"></textarea>
                                        </div>
                                    </div>
                                    <div class="row form-group" id="optionCP2" style="display: none;">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">
                                                Sello<span class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea onblur="_eliminar_espacios_(this);" id="txt_Sello" name="pagos_Sello[]" class="form-control"></textarea>
                                        </div>
                                    </div>
                                    <div class="row form-group" style="display:none">
                                        <div class="row col-md-12" style="margin-top:5px;">
                                            <button type="button" class="btnImpuestos" data-toggle="modal"
                                                data-target="#impuestosPModal" onclick="addImpuestosP('_RP',0)">Agregar
                                                Retenciones al Pago </button>
                                        </div>
                                        <div class="row col-md-12" style="margin-top:5px;">
                                            <button type="button" class="btnImpuestos" data-toggle="modal"
                                                data-target="#impuestosPModal" onclick="addImpuestosP('_TP',0)">Agregar
                                                Traslados al Pago</button>
                                        </div>
                                    </div>
                                    <div class="row form-group" style="display:none">
                                        <div class="row col-md-12" style="margin-top:5px;">
                                            <button type="button" class="btnImpuestos" data-toggle="modal"
                                                data-target="#impuestosPModal" onclick="addImpuestosP('_RP',0)">Agregar
                                                Retenciones al Pago </button>
                                        </div>
                                        <div class="row col-md-12" style="margin-top:5px;">
                                            <button type="button" class="btnImpuestos" data-toggle="modal"
                                                data-target="#impuestosPModal" onclick="addImpuestosP('_TP',0)">Agregar
                                                Traslados al Pago</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-12 mb-4 display_none" id="loader_equivalencia_dr">
                                <div class="card mb-3 ">
                                    <div class="card-header">
                                        Equivalencia DR
                                    </div>
                                    <div class="card-body">
                                        <div class="row form-group">
                                            <div class="col-12 col-md-12">
                                                <input type="text" id="equivalencia_dr"
                                                    name="equivalencia_dr" class="form-control" placeholder="14.22">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4 card" style="font-size: 14px;" id="Conatiner_TotalImpuestosP">
                            <div class="card-header">
                                Total de impuestos
                            </div>
                            <div class="card-body ">
                                <table id="tbl_cfdi" class="table table-striped table-bordered">
                                    <thead>
                                        <tr>
                                            <td class="col-md-1">Objeto de impuesto</td>
                                            <td class="col-md-1"><select name="cbx_objImp" id="cbx_objImp_global"
                                                    onchange="obj_imp(this)" class="form-control">
                                                    @php
                                                        echo $ObjImp;
                                                    @endphp
                                                </select></td>
                                        </tr>
                                        <tr id="btn_impuestos">
                                            <td></td>
                                            <td class="row" style="margin-left: 0px;margin-right: 0px;">
                                                <span><button type="button" class="btnImpuestos" data-toggle="modal"
                                                        data-target="#impuestosModal" data-backdrop="static"
                                                        data-keyboard="false" data-dismiss="modal"
                                                        onclick="addImpuestosDR('_RDR',0,1)"> <i
                                                            class="fas fa-hand-holding-usd"></i>Retenciones </button>
                                                    <div id="impuestosR01"></div>
                                                </span>
                                                <span><button type="button" class="btnImpuestos" data-toggle="modal"
                                                        data-target="#impuestosModal" data-backdrop="static"
                                                        data-keyboard="false" data-dismiss="modal"
                                                        onclick="addImpuestosDR('_TDR',0,1)"><i
                                                            class="fas fa-hand-holding-usd"></i> Traslados </button>
                                                    <div id="impuestosT01"></div>
                                                </span>
                                            </td>
                                        </tr>
                                    </thead>
                                    <tbody id="tbody_cfdi">
                                        <tr id="fila_TotalRetencionesIVA">
                                            <td>Total Retenciones IVA</td>
                                            <td id="columna_TotalRetencionesIVA">$0</td>
                                            <input type="hidden" name="pago_TotalRetencionesIVA"
                                                id="pago_TotalRetencionesIVA">
                                        </tr>
                                        <tr id="fila_TotalRetencionesISR">
                                            <td>Total Retenciones ISR</td>
                                            <td id="columna_TotalRetencionesISR">$0</td>
                                            <input type="hidden" name="pago_TotalRetencionesISR"
                                                id="pago_TotalRetencionesISR" value="">
                                        </tr>
                                        <tr id="fila_TotalRetencionesIEPS">
                                            <td>Total Retenciones IEPS</td>
                                            <td id="columna_TotalRetencionesIEPS">$0</td>
                                            <input type="hidden" name="pago_TotalRetencionesIEPS"
                                                id="pago_TotalRetencionesIEPS" value="">
                                        </tr>
                                        <tr id="fila_TotalTrasladosBaseIVA16">
                                            <td>Total Traslados Base IVA 16</td>
                                            <td id="columna_TotalTrasladosBaseIVA16">$0</td>
                                            <input type="hidden" name="pago_TotalTrasladosBaseIVA16"
                                                id="pago_TotalTrasladosBaseIVA16" value="">
                                        </tr>
                                        <tr id="fila_TotalTrasladosImpuestoIVA16">
                                            <td>Total Traslados Impuesto IVA 16</td>
                                            <td id="columna_TotalTrasladosImpuestoIVA16">$0</td>
                                            <input type="hidden" name="pago_TotalTrasladosImpuestoIVA16"
                                                id="pago_TotalTrasladosImpuestoIVA16" value="">
                                        </tr>
                                        <tr id="fila_TotalTrasladosBaseIVA8">
                                            <td>Total Traslados Base IVA 8</td>
                                            <td id="columna_TotalTrasladosBaseIVA8">$0</td>
                                            <input type="hidden" name="pago_TotalTrasladosBaseIVA8"
                                                id="pago_TotalTrasladosBaseIVA8" value="">
                                        </tr>
                                        <tr id="fila_TotalTrasladosImpuestoIVA8">
                                            <td>Total Traslados Impuesto IVA 8</td>
                                            <td id="columna_TotalTrasladosImpuestoIVA8">$0</td>
                                            <input type="hidden" name="pago_TotalTrasladosImpuestoIVA8"
                                                id="pago_TotalTrasladosImpuestoIVA8" value="">
                                        </tr>
                                        <tr id="fila_TotalTrasladosBaseIVA0">
                                            <td>Total Traslados Base IVA 0</td>
                                            <td id="columna_TotalTrasladosBaseIVA0">$0</td>
                                            <input type="hidden" name="pago_TotalTrasladosBaseIVA0"
                                                id="pago_TotalTrasladosBaseIVA0" value="">
                                        </tr>
                                        <tr id="fila_TotalTrasladosImpuestoIVA0">
                                            <td>Total Traslados Impuesto IVA 0</td>
                                            <td id="columna_TotalTrasladosImpuestoIVA0">$0</td>
                                            <input type="hidden" name="pago_TotalTrasladosImpuestoIVA0"
                                                id="pago_TotalTrasladosImpuestoIVA0" value="">
                                        </tr>
                                        <tr id="fila_TotalTrasladosBaseIVAExento">
                                            <td>Total Traslados Base IVA Exento</td>
                                            <td id="columna_TotalTrasladosBaseIVAExento">$0</td>
                                            <input type="hidden" name="pago_TotalTrasladosBaseIVAExento"
                                                id="pago_TotalTrasladosBaseIVAExento" value="">
                                        </tr>
                                        <tr id="fila_MontoTotalPagos">
                                            <td>Monto Total de los Pagos</td>
                                            <td id="columna_MontoTotalPagos">$0</td>
                                            <input type="hidden" name="pago_MontoTotalPagos" id="pago_MontoTotalPagos"
                                                value="">
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {{-- llamos a la session de control de pagos cuando este activa --}}
                            @include('controlPagos.seccion_cp')
                        {{-- fin --}}
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-header">Notas del comprobante</div>
                                <div class="card-body card-block">
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Notas
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea onblur="_ClientesP.base64(this,xtxt);" name="txt_notaPublica" id="txt_notaPublica" rows="3"
                                                class="form-control"
                                                placeholder="Si desea agregar información adicional, comentarios u observaciones al comprobante que solo puedan visualizarse en el PDF, deberá ingresarlo en este campo."></textarea>
                                        </div>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Notas Internas
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea onblur="_ClientesP.base64(this,xtxt);" name="txt_notaInterna" id="txt_notaInterna" rows="3"
                                                placeholder="" class="form-control"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="accordion" class="col-12">
                            <div class="card">
                                <div class="card-header" id="headingOne" data-toggle="collapse"
                                    data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"
                                    style="cursor: copy;">
                                    CFDI relacionados
                                </div>

                                <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                    data-parent="#accordion">
                                    <div class="card-body">
                                        <div class="row form-group">
                                            <div class="col col-md-1">
                                                <label for="text-input" class="form-control-label">Tipo de relación
                                                </label>
                                            </div>
                                            <div class="col-12 col-md-3">
                                                <select name="tipo_relacion[]" id="tipo_relacion" class="form-control">
                                                    @php
                                                        echo $tipoRelacion;
                                                    @endphp
                                                </select>
                                            </div>

                                            <div class="col-12 col-md-1">
                                                <button type="button" onclick="_CFDI_relacionado.AddTipoRelacion(this);"
                                                    class="mb-2 mr-2 btn-icon btn-icon-only btn btn-success"><i
                                                        class="fa fa-plus">
                                                    </i></button>

                                                <button type="button"
                                                    onclick="_CFDI_relacionado.DeleteTipoRelacion(this);"
                                                    class="mb-2 mr-2 btn-icon btn-icon-only btn btn-danger"><i
                                                        class="fa fa-trash">
                                                    </i></button>
                                            </div>

                                            <div class="col col-md-2">
                                                <label for="text-input" class="form-control-label">Folio(s) fiscal(es)
                                                    relacionado(s)
                                                </label>
                                            </div>
                                            <div class="col-12 col-md-3" id="content_cfdi_relacionados">
                                                <input class="form-control" type="text" name="txt_cfdis_relacion_1[]"
                                                    placeholder="UUID: XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"
                                                    autocomplete="off"
                                                    onkeyup="_CFDI_relacionado.Formatear(this); this.value = this.value.toUpperCase();"
                                                    oninput="_CFDI_relacionado.Formatear(this)" maxlength="36"
                                                    minlength="36">
                                            </div>

                                            <div class="col-12 col-md-1">
                                                <button type="button" onclick="_CFDI_relacionado.Add(this);"
                                                    class="mb-2 mr-2 btn-icon btn-icon-only btn btn-success"><i
                                                        class="fa fa-plus">
                                                    </i></button>

                                                <button type="button" onclick="_CFDI_relacionado.Delete(this);"
                                                    class="mb-2 mr-2 btn-icon btn-icon-only btn btn-danger"><i
                                                        class="fa fa-trash">
                                                    </i></button>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 accion_btns" style="margin-bottom: 20px; text-align:center;">
                            <button type="button" class="mb-2 mr-2 btn-icon btn btn-primary"
                                onclick="_ClientesP.validate(this);" id="Precomprobante" name="Precomprobante"
                                value="Precomprobante">
                                <i class="fa fa-lock fa-save btn-icon-wrapper"> </i>
                                Guardar Precomprobante
                            </button>
                            @if (new DateTime(date("d-m-Y"))<new DateTime(str_replace("/","-",$plan->fecha_proximo_pago)) && ($plan->no_timbres_disponibles > 0 || $plan->cancelar_timbrado_termino_timbres == 'N'))
                                <button type="button" class="mb-2 mr-2 btn-icon btn btn-primary"
                                    onclick="_ClientesP.validate(this);" id="Timbrar" name="Timbrar" value="Timbrar">
                                    <i class="fa fa-star btn-icon-wrapper"> </i>
                                    Timbrar
                                </button>
                            @endif
                        </div>
                    </div>
                </div>
                <div id="inpuestos_reteciones_traslados_documentos">
                    <div class="modal fade" id="impuestosModal" tabindex="-1" role="dialog"
                        aria-labelledby="impuestosModalLabel"
                        style="display: none; background-color:rgba(51, 48, 48, 0.737);" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content" style="margin-top:15%">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="impuestosModalLabel">Impuestos</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">×</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <input type="hidden" id="tableR_pago" name="tableR_pago">
                                    <input type="hidden" id="tableR_documento" name="tableR_documento">
                                    <input type="hidden" id="tableR_impuesto" name="tableR_impuesto">
                                    <div id="retencionesAllTbl">

                                    </div>
                                    <div class="text-right">
                                        <button type="button"  onclick="add_RT_TBL(this)" title="Añadir otro impuesto" class="mb-2 mr-2 btn-icon btn-icon-only btn-shadow btn-outline-2x btn btn-primary">
                                            <i class="fa fa-plus-circle btn-icon-wrapper"> </i>
                                        </button>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal"
                                        onclick="ocultarTbl_RDR(this)">Guardar</button>
                                    {{-- <button type="button" class="btn btn-primary"
                                        onclick="add_RT_TBL(this)">Agregar</button> --}}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div id="inpuestos_reteciones_traslados_pagos">

                </div>
                <div class="modal fade" id="impuestosPModal" tabindex="-1" role="dialog"
                    aria-labelledby="impuestosPModalLabel" style="display: none;background-color:rgba(51, 48, 48, 0.737)"
                    aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content" style="margin-top:15%">
                            <div class="modal-header">
                                <h5 class="modal-title" id="impuestosPModalLabel">Impuestos</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <input type="hidden" id="tableP_pago" name="tableP_pago">
                                <input type="hidden" id="tableP_impuesto" name="tableP_impuesto">
                                <div id="impuestosPAllTbl">

                                </div>


                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal"
                                    onclick="ocultarTbl_P(this)">Cerrar</button>
                                <button type="button" class="btn btn-primary" onclick="add_RT_P(this)">Agregar</button>
                            </div>
                        </div>
                    </div>
                </div>

            </form>
        </div>
        <div id=L-metodosP>
            <datalist id=listmetodoP>
                <option value="PUE">Pago en una sola exhibición</option>
                <option value="PPD">Pago en parcialidades o diferido</option>
            </datalist>
        </div>
        <div id=L-formasP></div>
        <div id=L-monedas></div>
    @endif
    <div style="display:none">
        <input class="form-control" type="text" onblur="_input_moneda(this)" onfocus="limpiar_input(this)"
            name="input_moneda_copia" step="any" placeholder="$ 0.00" style="text-align: right;">
    </div>
@endsection