@extends('layouts.dashboard')
@section('css')
<link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
@endsection

@section('js')
    <script src="{{ asset('js/select2.js') }}"></script>
    <script src="{{ asset('js/cfdi/_searchRFC.js?version=' . version_js_cfdi()) }}"></script>
    {{-- <script src="{{ asset('js/cfdi/eventsTable.js?version=' . version_js_cfdi()) }}"></script> --}}
    <script src="{{ asset('js/cfdi/folios.js?version=' . version_js()) }}"></script>
    <script src="{{ asset('js/cfdi/cfdi_relacionado.js?version=' . version_js()) }}"></script>



    {{-- Agrega el script para cfdi global --}}
    @if (isset($active_cfdi_global))
        <script src="{{ asset('js/cfdi/_loadGlobal.js?version=' . version_js_cfdi()) }}"></script>
    @endif
    <script>
        var __timbrar_lista_negra__="{{$T_lista_negra}}"
        var __paquete_lista_negra__="@can('receptores.ln_all') S @endcan"
    </script>
    @if(isset($paquete_basico))
        <script>
            if(typeof __paquete_basico__=='boolean'){
                if(__paquete_basico__===false){
                    __paquete_basico__=false;
                }
            }else{
                var __paquete_basico__=true;
            }
        </script>
    @endif
@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;
        }

        #select2-txt_unidadMSAT-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        #select2-txt_claveSAT-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        #select2-txt_claveInterna-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        #select2-cbx_alias_search-container {
            font-size: 0.7rem !important;
            line-height: 2rem !important;
        }

        .btn_a_carta_porte>.active {
            background: white !important;
            color: black !important;
        }

        .btn_ocultar {
            display: none !important;
        }

        .btn_mostrar {
            display: flex !important;
        }

        .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;
        }

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

        input::placeholder {
            color: rgba(230, 227, 227, 0.567);
            font-style: italic;
        }
    </style>

    <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">Nuevo comprobante</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
        <!-- /#header -->
        <div class="content">
            <form action="{{ url('/cfdi') }}" method="POST" autocomplete="off" id="form_comprobante">
                @csrf
                <div class="animated fadeIn">
                    <!-- Widgets  -->
                    @include('cfdi.header')
                    <div class="row datos-generales" id="datos-generales" style="font-size: 14px;">
                        <div class="col-lg-4">
                            <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">
                                    Información del cliente
                                </div>
                                <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">
                                                <strong>Búsqueda</strong>
                                                <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                                    title=""
                                                    data-original-title="Este campo hace la búsqueda de un cliente por RFC, Razon social o clave interna registrado en dinvbox apartir de 3 caracteres">
                                                    <i class="fa fa-question-circle"></i>
                                                </a>
                                            </label></div>

                                        <div class="col col-md-9">
                                            <div class="row-1">
                                                <input type="text" class="form-control" name="txt_busqueda_cliente"
                                                    id="txt_busqueda_cliente"
                                                    placeholder="Búsqueda por RFC, Alias ó Razon social ..."
                                                    onkeyup="search_cliente_x(this)" onblur="cerrar_datalist(this)" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select" class=" form-control-label">R.F.C.
                                                <span class="color-red " style="font-size: 10px;">*</span>
                                            </label></div>
                                        <div class="col-12 col-md-9">

                                            <input type="text" id="txt_rfc" name="txt_rfc" placeholder="RFC "
                                                class="form-control" minlength="12" maxlength="13" autocomplete="off"
                                                this.value = this.value.toUpperCase();"
                                                tabindex="0" readonly>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col 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-12 col-md-9">
                                            <select name="cbx_receptor" id="cbx_receptor" class="form-control"
                                                onchange="_RFC.searchRFC(this)">
                                                <option value="x">Seleccione...</option>
                                                @php
                                                    echo $clientes;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group" id="div_NumRegIdTrib" style="display:none ;">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Número de identificación </label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <input class="form-control" type="text" name="NumRegIdTrib_cfdi"
                                                id="NumRegIdTrib_cfdi" placeholder="1234">
                                        </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">Régimen
                                                Físcal</label>
                                        </div>
                                        <div class="col-12 col-md-9">
                                            <select name="c_regimenFiscal_receptor" id="cbx_regimenFiscal_receptor"
                                                class="form-control">

                                            </select>
                                        </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="_RFC.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="slc_periodicidad" id="slc_periodicidad">
                                    <input type="hidden" name="id_receptor" id="id_receptor">
                                    <input type="hidden" name="slc_meses" id="slc_meses">
                                    <input type="hidden" name="slc_anio" id="slc_anio">
                                    <input type="hidden" name="domicilio_sucursal_receptor"
                                        id="domicilio_sucursal_receptor">
                                    {{-- Datos para publico en general - --}}
                                    <input type="hidden" name="razon_social_publico_general"
                                        id="razon_social_publico_general" value="">
                                    <input type="hidden" name="rfc_publico_general" id="rfc_publico_general"
                                        value="">

                                    <script>
                                        var __periodicidad__ = "@php echo $periodicidad @endphp";
                                        var __meses__ = "@php echo $meses @endphp";

                                        var __fecha__ = "{{ $editar_fecha }}";
                                    </script>
                                </div>
                            </div>

                            <div class="card" id="card_info_domicilio_cliente">
                                <div class="card-body card-block">
                                    {{-- <div class="row form-group">
                                        <div class="col col-md-3">
                                            <div class="stat-widget-five">
                                                <div class="stat-icon dib flat-color-1">
                                                    <i class="pe-7s-way"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-9">
                                            <span>Calle: <span id="lbl_calle"> NA</span> </span><br />
                                            <span>Colonia: <span id="lbl_colonia"> NA</span></span> <br />
                                            <span>Código postal: <span id="lbl_cp_dir"> NA</span> </span> <br />
                                        </div>
                                    </div> --}}
                                    <input type="hidden" id="cp_receptor" name="cp_receptor">
                                    <div class="row form-group">
                                        <div class="col col-md-3">
                                            <div class="stat-widget-five">
                                                <div class="stat-icon dib flat-color-1">
                                                    <i class="pe-7s-home"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-9">
                                            <br>
                                            <span>  Código postal CIF: <span id="lbl_cp_cif"> NA</span> </span><br />
                                            {{-- <span>Num. Exterior: <span id="lbl_ne"> NA</span> </span> <br /> --}}
                                            {{-- <span>Detalle de referencias</span> <br /> --}}
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-3">
                                            <div class="stat-widget-five">
                                                <div class="stat-icon dib flat-color-1">
                                                    <i class="pe-7s-map-2"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col col-md-9">
                                            <br>
                                            <span>Domicilio: <span id="lbl_domicilio_pdf"> NA</span></span><br />
                                            {{-- <span>Municipio: <span id="lbl_municipio"> NA</span></span> <br /> --}}
                                            {{-- <span>País: <span id="lbl_pais"> NA</span></span> <br /> --}}
                                            <input type="hidden" id="pais_receptor" name="pais_receptor">
                                        </div>
                                    </div>

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

                        <div class="col-lg-8">
                            <div class="loader-wrapper d-flex justify-content-center align-items-center"
                                id="loader_Inf_comprobante"
                                style="width: 100%;height: 52vh;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_Inf_comprobante">
                                <div class="card-header">Información fiscal del emisor y lugar de expedición del
                                    comprobante
                                    <small id="lbl_cp" class="col-5"
                                        style="text-align: end;color: #9d9d9d;font-style: italic;">
                                        Lugar de expedición: 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-2">
                                            <label for="text-input" class=" form-control-label">Titulo de documento
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="row-1">
                                                <select name="cbx_tipoDeDocumento" id="cbx_tipoDeDocumento"
                                                    class="form-control"
                                                    onchange="tipo_comprobante(this);tipo_comprobante_options(this);">
                                                    @php
                                                        echo $tipoDeDocumento;
                                                    @endphp
                                                </select>
                                            </div>
                                            <input class="form-control" type="text" name="input_tituloDeDocumento"
                                                id="input_tituloDeDocumento" style="display:none">
                                        </div>
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Tipo de comprobante
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <select name="cbx_tipoDeComprobante" id="cbx_tipoDeComprobante"
                                                class="form-control" onchange="tipo_comprobante_options(this)">
                                                @php
                                                    echo $tipoDeComprobante;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row form-group">
                                        <div class="col col-md-2"><label for="text-input" class=" form-control-label">Uso
                                                de CFDI </label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <select name="cbx_usoCfdi" id="cbx_usoCfdi" class="form-control">
                                                @php
                                                    echo $usoCFDI;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group"
                                        style="display: {{ count($certificados_usuario) > 1 ? '' : '' }} ">
                                        <div class="col col-md-2"><label for="text-input" class=" form-control-label">
                                                Certificado </label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <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-2"><label for="text-input"
                                                class=" form-control-label">Régimen
                                                físcal del emisor</label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <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-2"><label for="text-input"
                                                class=" form-control-label">Exportación</label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <select name="cbx_exportacion" id="cbx_exportacion" class="form-control">
                                                @php
                                                    echo $Exportacion;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>

                                    {{-- @if (strlen($Folio) > 0) --}}
                                    <div class="row form-group" id="content_folio">

                                    </div>
                                    <div class="row form-group">
                                        <div class="col-md-2 col-sm-5">
                                            <label for="text-input" class=" form-control-label">Fecha <span
                                                    class="color-red " style="font-size: 10px;">*</span>
                                            </label>
                                        </div>
                                        <div class="col-md-4 col-sm-10">
                                            <div class="input-group">
                                                <div class="input-group-prepend datepicker-trigger">
                                                    <div class="input-group-text">
                                                        <i class="fa fa-calendar-alt"></i>
                                                    </div>
                                                </div>

                                                <input class="form-control" name="fecha"
                                                    id="{{ $editar_fecha != 'A' ? 'fecha' : 'fecha_' }}"
                                                    type="{{ $editar_fecha != 'A' ? 'datetime' : 'datetime-local' }}"
                                                    placeholder="dd/mm/yyyy" value=""
                                                    {{ $editar_fecha != 'A' ? 'readonly' : '' }}>
                                            </div>
                                        </div>

                                        <div class="col col-md-2">
                                            <label for="cbx_expedidoEn" class=" form-control-label">Lugar de expedicion
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <select name="cbx_expedidoEn" id="cbx_expedidoEn" class="form-control"
                                                onchange="_RFC.ExpedidoEn(this); _Folios.getFolio(this);">
                                                @if (count(explode('</option>', $expedidoEn)) > 2)
                                                    <option value="0">Seleccione...</option>
                                                @endif

                                                @php
                                                    echo $expedidoEn;
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header">Condiciones del comprobante
                                </div>
                                <div class="card-body card-block">
                                    <div class="row form-group" id="content-fomraspago">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Método de pago
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <select name="cbx_metodoPago" id="cbx_metodoPago" class="form-control"
                                                onchange="metodo_pago_PPD(this)">
                                                @php
                                                    echo $metodoPago;
                                                @endphp
                                            </select>
                                        </div>
                                        <div class="col col-md-2" id="content-formapago">
                                            <label for="text-input" class=" form-control-label">Forma de pago
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <select name="cbx_formaPago" id="cbx_formaPago" class="form-control">
                                                @php
                                                    echo $formaPago;
                                                @endphp
                                            </select>
                                        </div>

                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Condición de pago
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-10">
                                            <select name="cbx_condicionPago" id="cbx_condicionPago" class="form-control"
                                                onchange="_RFC.noDias(this)">
                                                @php
                                                    echo $condicionPago;
                                                @endphp
                                            </select>
                                        </div>

                                        <div class="row col-md-6" id="div_noDias"
                                            style="padding-right: 0px; display: none;">

                                        </div>

                                        <div class="row col-md-6" id="div_otraCondicion"
                                            style="padding-right: 0px; display: none;">

                                        </div>

                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-2">
                                            <label for="text-input" class=" form-control-label">Moneda
                                            </label>
                                        </div>

                                        <div class="col-12 col-md-10">
                                            <select name="cbx_moneda" id="cbx_moneda" class="form-control"
                                                onchange="_RFC.tipoCambio(this)">
                                                @php
                                                    echo $moneda;
                                                @endphp
                                            </select>
                                        </div>
                                        <div class="row col-md-6" id="div_tipocambio"
                                            style="padding-right: 0px; display: none;">
                                            <div class="col col-md-4" style="padding-left: 8px;"><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-8" style="padding-right: 6px;">
                                                {{-- <input class="form-control input-mask-trigger" id="txt_tipoCambio"
                                                    name="txt_tipoCambio" placeholder="$ 0.00"
                                                    data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                                    im-insert="true" style="text-align: right;"> --}}

                                                <input class="form-control" type="text" id="txt_tipoCambio"
                                                    name="txt_tipoCambio" maxlength="8" onkeydown="numeros(this);" onblur="controlPagosTotalPUE()"
                                                    style="text-align: right;" placeholder="$ 0.00" min="1">
                                            </div>
                                        </div>

                                    </div>

                                    <div class="row form-group" id="div_tipoCambioCheck">
                                        <div class="col col-md-12 d-flex justify-content-end">
                                            <label for="text-input" class="form-control-label mt-2">Incluir tipo de cambio
                                            </label>
                                            <input class="ml-2" type="checkbox" id="incluir_cambio_mxn"
                                                onchange="_RFC.tipo_cambio_mxn(this)">
                                        </div>
                                    </div>

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

                        <div class="col-md-12 card" id="collapse_cfdi_relacion">
                            <div class="card-header" id="headingOne" data-toggle="collapse"
                                data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"
                                style="cursor: copy;">
                                <div class="col-md-11">
                                    CFDI relacionados
                                </div>
                                <div class="col-md-1">
                                    <div class="card-tools ">
                                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                            <i class="fa fa-angle-double-down"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div id="collapseOne" class="collapse" aria-labelledby="headingOne"
                                data-parent="#collapse_cfdi_relacion">
                                <div class="card-body">
                                    <div class="row form-group">
                                        <div class="row col-md-6">
                                            <div class="col-md-3">
                                                <label for="text-input" class="form-control-label">Tipo de relación
                                                </label>
                                            </div>
                                            <div class="col col-md-6">
                                                <select name="tipo_relacion[]" id="tipo_relacion"
                                                    class="form-control">
                                                    @php
                                                        echo $tipoRelacion;
                                                    @endphp
                                                </select>
                                            </div>
                                            <div class="col col-md-3">
                                                <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>

                                        <div class="row col-md-6">
                                            <div class="col-md-3">
                                                <label for="text-input" class="form-control-label">Folio(s) fiscal(es)
                                                    relacionado(s)
                                                </label>
                                            </div>
                                            <div class="col col-md-6 mb-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 col-md-3">
                                                <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-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">Públicas
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea 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">Internas
                                            </label>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <textarea name="txt_notaInterna" id="txt_notaInterna" rows="3" placeholder="" class="form-control"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="card">
                                <div class="loader-wrapper d-flex justify-content-center align-items-center"
                                    id="loader_layout_global"
                                    style="width: 100%;height: 20vh;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>
                                        <p class="msg_espera">Espere un momento</p>
                                        {{-- <p class="msg_tamanio">Dependiendo del tamaño del archivo puede tardar unos minutos</p> 
                                                <p class="msg_proceso">Procesando layout</p> --}}
                                    </div>
                                </div>
                                <div class="card-header">Layout de archivos XLS</div>
                                <div class="card-body card-block">
                                    <textarea style="display:none" name="txt_xml_generado" id="txt_xml_generado"></textarea>
                                    <div class="col-lg-12" id="contenedor_layout_global" style="font-size: 14px;">
                                            <script version="{{ version_js_cfdi() }}">
                                                window.CSRF_TOKEN = '{{ csrf_token() }}';
                                            </script>
                                        @if (isset($active_cfdi_global)||isset($layout_general))
                                            @include('cfdi.layout_global')
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>

                        
                    </div>
                </div>
                @if (isset($active_cfdi_global))
                    @include('cfdi.timbrado_layout')
                @endif
                <div class="row justify-content-center btn_accion">
                    <div class="justify-content-center @if (isset($active_cfdi_global)) btn_ocultar @endif">
                        <button id="registrar-precomprobante" onclick="_RFC.validate(this);" name="Precomprobante"
                            value="Precomprobante" type="button" class="mb-2 mr-2 btn-icon btn btn-primary">
                            <i class="fa fa-lock fa-save"></i>&nbsp;
                            <span id="payment-button-amount">Guardar Precomprobante</span>
                        </button>
                    </div>
                    <div class="justify-content-center @if (!isset($active_cfdi_global)) btn_ocultar @endif">
                        <a id="xml_donwload">
                            <button id="generar_xml" type="button"
                                class=" btn_ocultar mb-2 mr-2 btn-icon btn btn-primary">
                                <i class="fa fa-lock fa-save"></i>&nbsp;
                                <span id="payment-button-amount">Ver xml</span>
                            </button>
                        </a>
                    </div>
                    <div class="justify-content-center @if (!isset($active_cfdi_global)) btn_ocultar @endif">
                        <a id="pdf_donwload">
                            <button id="generar_pdf" type="button"
                                class=" btn_ocultar mb-2 mr-2 btn-icon btn btn-primary">
                                <i class="fa fa-lock fa-save"></i>&nbsp;
                                <span id="payment-button-amount">Ver vista previa</span>
                            </button>
                        </a>
                    </div>
                    @if (session('bloqueo_modulos') != 'S' && session('bloqueo_timbrado') != 'S' && new DateTime(date("d-m-Y"))<new DateTime(str_replace("/","-",$plan->fecha_proximo_pago)))
                        @if (
                            ($plan->no_timbres_disponibles && $plan->no_timbres_disponibles > 0) ||
                                $plan->cancelar_timbrado_termino_timbres == 'N')
                            <div class="justify-content-center">
                                <button id="facturar-precomprobante" onclick="_RFC.validate(this);" name="Timbrar"
                                    value="Timbrar" type="button" class="mb-2 mr-2 btn-icon btn btn-primary">
                                    <i class="fa fa-star" aria-hidden="true"></i>
                                    &nbsp;
                                    <span id="payment-button-amount">Timbrar</span>
                                </button>
                            </div>
                        @endif
                    @endif
                </div>
                <div style="display:none" id="impuestos_totales_traslados"></div>
                <div style="display:none" id="impuestos_totales_retenciones"></div>
            </form>
        </div>
        <button id="btn_advertencia_modal" type="button" class="btn btn-primary" data-toggle="modal"
            data-target="#advertencia-domicilio" style="display: none;"></button>

    @endif
@endsection

@section('modals')
    <div class="modal fade" id="advertencia-domicilio" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">¡Advertencia!</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Para poder generar comprobantes debe de registrar un domicilio para la empresa.</p>
                    <p>Lo puedes hacer en la sección de <strong><i class="metismenu-icon pe-7s-config"></i>
                            Datos de emisión</strong></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                    <a href="{{ route('datosEmisor.index', ['txt_id_emisor' => session('ses_id_emisor'), 'txt_id_mat_suc' => session('ses_matriz_suc')]) }}"
                        class="btn btn-primary">Ir a Datos de emisión</a>
                </div>
            </div>
        </div>
    </div>
@endsection
@include('modal.rfc_lista_negra')