@if ($plan->nombre && $plan->nombre != 'Free')
    @foreach ($complemento_emisor as $complemento)
        <!-- Inicio Otros derechos e impuestos -->
        @if ($complemento->id_complemento == '1' && $complemento->status == 'A')
            <div class="col-md-12 card" id="collapse_OTD">
                <div class="card-header" id="heading_otros_derechos_e_impuestos"
                    data-toggle="collapse" data-target="#otros_derechos_e_impuestos"
                    aria-expanded="true" aria-controls="otros_derechos_e_impuestos"
                    style="cursor: copy;">
                    <div class="col-md-11">
                        Otros derechos e impuestos
                    </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="otros_derechos_e_impuestos" class="collapse show"
                    aria-labelledby="heading_otros_derechos_e_impuestos"
                    data-parent="#collapse_OTD">
                    <div class="card-body">
                        {{-- ---- Captura de datos para otros derechos e impuestos ---- --}}
                        <div class="row d-flex justify-content-center mb-3">
                            <input type="hidden" id="TotaldeRetenciones_OTD"
                                name="TotaldeRetenciones_OTD" value="0">
                            <input type="hidden" id="TotaldeTraslados_OTD"
                                name="TotaldeTraslados_OTD" value="0">

                            <div class="form-group col-md-3">
                                <div class="col col-md-10">
                                    <label for="text-input" class=" form-control-label">Nombre del
                                        impuesto
                                        <span class="color-red ">*</span>
                                    </label>
                                </div>
                                <div class="col-12 col-md-12">
                                    <textarea id="nombre_impuesto_OTD" rows="1" placeholder="Nombre del impuesto..." class="form-control"
                                        value=""></textarea>
                                </div>
                            </div>

                            <div class="form-group col-md-2">
                                <div class="col col-md-5">
                                    <label for="text-input" class=" form-control-label">Tasa %
                                    </label>
                                </div>
                                <div class="col-md-10">
                                    <select id="slc_tasa_impuesto_OTD"
                                        class="form-control text-right">
                                        <option value="0.5" name="" porcentaje="0.50"
                                            efecto="retencion" base="0">Retención 5 al
                                            millar
                                        </option>
                                        <option value="0.20" name="" porcentaje="0.20"
                                            efecto="retencion" base="0">Retención 2 al
                                            millar
                                        </option>
                                        @php
                                            echo $imp_locales;
                                        @endphp
                                        <option value="otro" base="0">Otro</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-md-2">
                                <div class="col col-md-8">
                                    <label for="text-input" class=" form-control-label">Base de
                                        impuesto
                                    </label>
                                </div>
                                <div class="col-md-8">
                                    <select id="slc_base_impuesto_OTD"
                                        class="form-control text-right">
                                        <option value="1">Subtotal</option>
                                        <option value="2">Subtotal neto</option>
                                        <option value="3">Otro</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group col-md-2">
                                <div class="col col-md-8">
                                    <label for="text-input" class=" form-control-label">Efecto
                                    </label>
                                </div>
                                <div class="col-md-8">
                                    <select id="efecto_impuesto_OTD" name=""
                                        class="form-control text-right">
                                        <option value="1" selected>Retención</option>
                                        <option value="2">Traslado</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group d-flex justify-content-center">
                                <div style="padding-top: 23px;">
                                    <button type="button" id="btn_add_OTD"
                                        class="mb-2 mr-2 btn-icon btn-icon-only btn btn-success"><i
                                            class="fa fa-plus">
                                        </i></button>
                                </div>
                            </div>
                        </div>
                        <div class="row d-flex justify-content-center mb-3">
                            <div class="form-group col-2" id="div_tasa_impuesto_OTD"
                                style="display: none;">
                                <div class="col col-md-8">
                                    <label for="text-input" class=" form-control-label">Tasa %
                                    </label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="number" step="any"
                                        id="tasa_impuesto_OTD" maxlength="8"
                                        placeholder="0.00 %">
                                </div>
                            </div>

                            <div class="form-group col-2" id="div_base_impuesto_OTD"
                                style="display: none;">
                                <div class="col col-md-8">
                                    <label for="text-input" class=" form-control-label">Base de
                                        impuesto
                                    </label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control input-mask-trigger"
                                        id="base_impuesto_OTD" maxlength="20"
                                        placeholder="$ 0.00" aria-label="descuento"
                                        aria-describedby="descuento"
                                        data-inputmask="'alias': 'numeric', 'groupSeparator': ',', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '$ ', 'placeholder': '0'"
                                        im-insert="true" style="text-align: right;">
                                </div>
                            </div>
                        </div>
                        {{-- ---- Fin captura de datos para otros derechos e impuestos ---- --}}

                        <div
                            class="row form-group d-flex justify-content-center table-responsive-md">
                            <table class="table table-striped table-bordered ml-5"
                                style="width: 90%;">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th style="display:none;">id</th>
                                        <th>Descripcion</th>
                                        <th>Tasa</th>
                                        <th>Importe</th>
                                        <th>Base del impuesto</th>
                                        <th>Efecto</th>
                                        <th>---</th>
                                    </tr>
                                </thead>
                                <tbody id="tbody_OTD">

                                </tbody>
                            </table>
                        </div>
                    </div>
                    {{-- <div class="card-footer d-flex justify-content-end">
                            <button type="button" class="mb-2 mr-2 btn-icon-vertical btn btn-link"
                                data-toggle="modal" data-target="#add-impuestolocal"><i
                                    class="lnr-cog btn-icon-wrapper"> </i>Configurar nuevo
                                impuesto</button>
                        </div> --}}
                </div>
            </div>
        @endif
        <!-- Fin Leyendas Otros derechos e impuestos -->
        <!-- Inicio Donatarias -->
        @if ($complemento->id_complemento == '3' && $complemento->status == 'A')
            <div class="col-md-12 card" id="collapse_leyenda_donataria" style="display: none">
                <div class="card-header" id="heading_leyenda_donataria" data-toggle="collapse"
                    data-target="#_leyenda_donataria_" aria-expanded="true"
                    aria-controls="_leyenda_donataria_" style="cursor: copy;">
                    <div class="col-md-11">
                        Leyenda Donataria
                    </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="_leyenda_donataria_" class="collapse show"
                    aria-labelledby="heading_leyenda_donataria"
                    data-parent="#collapse_leyenda_donataria">
                    <div class="card-body">
                        <input type="hidden" name="check_leyenda_donataria"
                            id="check_leyenda_donataria" value="off" style="display: none">
                        <div class="row form-group">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Leyenda<span
                                        class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-10">
                                <textarea class="form-control" name="leyenda_leyenda_donataria" id="leyenda_leyenda_donataria" rows="3"
                                    placeholder="Este comprobante ampara un donativo, el cual será destinado por la donataria a los fines propios de su objeto social. En el caso de que los bienes donados hayan sido deducidos previamente para los efectos de impuestos sobre la renta, este donativo no es deducible. La reproducción no autorizada de este comprobante constituye un delito en los términos de las disposiciones fiscales Efectos Fiscales al Pago">{{ !empty($c_donataria) ? $c_donataria->leyenda : '' }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <!-- Fin Donatarias -->
        <!-- Inicio Leyendas fiscales -->
        @if ($complemento->id_complemento == '4' && $complemento->status == 'A')
            <div class="col-md-12 card" id="collapse_leyendas_fiscales">
                <div class="card-header" id="headingTwo" data-toggle="collapse"
                    data-target="#collapseTwo" aria-expanded="true"
                    aria-controls="collapseTwo" style="cursor: copy;">
                    <div class="col-md-11">
                        Leyendas Fiscales
                    </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="collapseTwo" class="collapse show" aria-labelledby="headingTwo"
                    data-parent="#collapse_leyendas_fiscales">
                    <div class="card-body">
                        @if (isset($leyedas_fiscales))
                            @foreach ($leyedas_fiscales as $leyenda)
                                <div class="form-check">
                                    <input id="check_leyendas" class="form-check-input"
                                        name="list_leyendas[]" type="checkbox"
                                        value="{{ $leyenda->id_leyenda_fisc }}">
                                    <label class="form-check-label">
                                        {{ $leyenda->leyenda }}
                                    </label>
                                    <br>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            </div>
        @endif
        <!-- Fin Leyendas fiscales -->
        <!-- Inicio Servicios parciales de construcción -->
        @if ($complemento->id_complemento == '5' && $complemento->status == 'A')
            <div class="col-md-12 card" id="collapse_serv_parciales_const">
                <div class="card-header" id="heading_serv_parciales" data-toggle="collapse"
                    data-target="#collapse_serv_parciales" aria-expanded="true"
                    aria-controls="collapse_serv_parciales" style="cursor: copy;">
                    <div class="col-md-11">
                        Servicios parciales de construccion
                    </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="collapse_serv_parciales" class="collapse show"
                    aria-labelledby="headingTwo" data-parent="#collapse_serv_parciales_const">
                    <div class="card-body">
                        <div class="row form-group">
                            <div class="col-12 d-flex justify-content-center">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input"
                                        name="check_serv_contruccion" id="check_serv_contruccion"  onclick="activar_serv_parciales_const(this)" checked>
                                    <label class="custom-control-label" for="check_serv_contruccion">Incluir complemento</label>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row form-group">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">No.
                                    permiso<span class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-10">
                                <input class="form-control" type="text"
                                    name="permiso_serv_contruccion"
                                    id="permiso_serv_contruccion" placeholder="V0-AA/999/066"
                                    maxlength="40">
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Código
                                    postal
                                    <span class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="cp_serv_contruccion" id="cp_serv_contruccion"
                                    placeholder="00000" maxlength="5">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Calle<span
                                        class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="calle_serv_contruccion" id="calle_serv_contruccion"
                                    placeholder="Avenida heroico colegio militar"
                                    maxlength="150">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Num.
                                    exterior
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="num_ext_serv_contruccion"
                                    id="num_ext_serv_contruccion" placeholder="100"
                                    maxlength="55">
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Num.
                                    interior
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="num_int_serv_contruccion"
                                    id="num_int_serv_contruccion" placeholder="A5"
                                    maxlength="30">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Colonia
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="colonia_serv_contruccion"
                                    id="colonia_serv_contruccion" placeholder="Guerrero"
                                    maxlength="100">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Localidad
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="localidad_serv_contruccion"
                                    id="localidad_serv_contruccion" placeholder="Guerrero"
                                    maxlength="100">
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col col-md-2">
                                <label for="text-input"
                                    class=" form-control-label">Municipio<span
                                        class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="municipio_serv_contruccion"
                                    id="municipio_serv_contruccion"
                                    placeholder="Santa cruz Xoxocotlán" maxlength="100">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Estado<span
                                        class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <select class="form-control" name="estado_serv_contruccion"
                                    id="estado_serv_contruccion">
                                    <option value="01"> Aguascalientes</option>
                                    <option value="02"> Baja California</option>
                                    <option value="03"> Baja California Sur</option>
                                    <option value="04"> Campeche</option>
                                    <option value="05"> Coahuila de zaragoza</option>
                                    <option value="06"> Colima</option>
                                    <option value="07"> Chiapas</option>
                                    <option value="08"> Chihuahua</option>
                                    <option value="09"> Ciudad de México</option>
                                    <option value="10"> Durango</option>
                                    <option value="11"> Guanajuato</option>
                                    <option value="12"> Guerrero</option>
                                    <option value="13"> Hidalgo</option>
                                    <option value="14"> Jalisco</option>
                                    <option value="15"> México</option>
                                    <option value="16"> Michoacán de Ocampo</option>
                                    <option value="17"> Morelos</option>
                                    <option value="18"> Nayarit</option>
                                    <option value="19"> Nuevo León</option>
                                    <option value="20"> Oaxaca</option>
                                    <option value="21"> Puebla</option>
                                    <option value="22"> Querétaro</option>
                                    <option value="23"> Quintana Roo</option>
                                    <option value="24"> San Luis Potosí</option>
                                    <option value="25"> Sinaloa</option>
                                    <option value="26"> Sonora</option>
                                    <option value="27"> Tabasco</option>
                                    <option value="28"> Tamaulipas</option>
                                    <option value="29"> Tlaxcala</option>
                                    <option value="30"> Veracruz de Ignacio de la llave
                                    </option>
                                    <option value="31"> Yucatán</option>
                                    <option value="32"> Zacatecas</option>
                                </select>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Referencia
                                </label>
                            </div>
                            <div class="col-12 col-md-10">
                                <textarea class="form-control" name="referencia_serv_contruccion" id="referencia_serv_contruccion"
                                    rows="3" maxlength="100"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <!-- Fin Servicios parciales de construcción -->
        <!-- Inicio Comercio Exterior -->
            @if ($complemento->id_complemento == '7' && $complemento->status == 'A' && isset($comercioExterior))
                <div class="col-md-12 card" id="collapse_com_exterior">
                    <div class="card-header" id="headingCE" data-toggle="collapse"
                        data-target="#collapseCE" aria-expanded="true" aria-controls="collapseCE"
                        style="cursor: copy;">
                        <div class="col-md-11">
                            Comercio Exterior
                        </div>
                        <div class="loader-wrapper d-flex justify-content-center align-items-center" id="loader_CE"
                        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="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="collapseCE" class="collapse show" aria-labelledby="headingCE"
                        data-parent="#collapse_com_exterior">
                        <div class="card-body">
                            <div class="row form-group">

                                <div class="col-12 d-flex justify-content-center">
                                    <div class="custom-control custom-switch">
                                        <input type="checkbox" class="custom-control-input"
                                            name="enableCE" id="enableCE" checked>
                                        <label class="custom-control-label" for="enableCE">Incluir
                                            complemento</label>
                                    </div>
                                </div>
                                <!----------Inicio principales--------->
                                    <div class="col-12 col-md-4" id="contenedorMotivoTrasladoCE">
                                        <label for="text-input " class=" form-control-label">
                                            Entrada o salida de mercancías
                                        </label>
                                        <select class="form-control" name="MotivoTrasladoCE"
                                            id="MotivoTrasladoCE">
                                            <option value="">Seleccione una opcion</option>
                                            @foreach ($comercioExterior['motivoTraslados'] as $motivoTraslado)
                                                <option value="{{ $motivoTraslado->id_motivotraslado }}">
                                                    {{ $motivoTraslado->id_motivotraslado }} -
                                                    {{ $motivoTraslado->Descripcion }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="text-input " class=" form-control-label">
                                            Certificado origen
                                        </label>
                                        <select class="form-control" name="CertificadoOrigenCE"
                                            id="CertificadoOrigenCE" value="1">
                                            <option value="">Seleccione una opcion</option>
                                            <option value="1">Si</option>
                                            <option value="0">No</option>
                                        </select>
                                    </div>

                                    <div class="col-12 col-md-4" id="ContNumCertificadoOrigenCE">
                                        <label for="text-input " class=" form-control-label">
                                            No. Cert Origen
                                        </label>
                                        <input class="form-control" type="text"
                                            name="NumCertificadoOrigenCE" id="NumCertificadoOrigenCE"
                                            placeholder="ejp: A569874-35-a54ede92...">
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="text-input " class=" form-control-label">
                                            Num Exportador
                                        </label>
                                        <input class="form-control" type="text"
                                            name="NumeroExportadorConfiableCE"
                                            id="NumeroExportadorConfiableCE"
                                            placeholder="ejp: Az3Ññ&-wdctghn..">
                                    </div>

                                    <div class="col-12 col-md-4" id="iconterm-container">
                                        <label for="text-input " class=" form-control-label">
                                            Clave Incoterm
                                        </label>
                                        <select class="form-control" name="IncotermCE"
                                            id="IncotermCE">
                                            <option value="">Seleccione una opcion</option>
                                            @foreach ($comercioExterior['incoterms'] as $incoterm)
                                                <option value="{{ $incoterm->id_incoterm }}">
                                                    {{ $incoterm->id_incoterm }} -
                                                    {{ $incoterm->Descripcion }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="text-input " class=" form-control-label">
                                            Observaciones
                                        </label>
                                        <textarea class="form-control" name="ObservacionesCE" id="ObservacionesCE" rows="4"
                                            placeholder="Observaciones.."></textarea>
                                    </div>

                                    <div class="col-12 col-md-4">
                                        <label for="text-input " class=" form-control-label">
                                            Tipo cambio USD
                                        </label>
                                        <input class="form-control" step="0.0001" value=""
                                            placeholder="$0.0000" type="number"
                                            name="TipoCambioUSDCE" id="TotalUSDCE">
                                    </div>
                                <!----------Fin principales--------->
                                <!--Oculto -->
                                    <div class="col-12 col-md-4">
                                        <select class="form-control display_none" name="TipoOperacionCE"
                                            id="TipoOperacionCE">
                                            <option value="{{ $comercioExterior['tipoOPeracion'] }}">
                                            </option>
                                        </select>
                                    </div>
                                <!--Fin Oculto -->
                                <!----------Fin principales--------->
                                <!----------Inicio emisor--------->
                                    @if ($comercioExterior['emisorTipoPersona'] == 'Fisica')
                                        <div class="col-12 row">
                                            <div class="col-12">
                                                <h5>Emisor</h5>
                                            </div>
                                            <div class="col-6">
                                                <label for="text-input " class="form-control-label">
                                                    CURP
                                                </label>
                                                <input class="form-control" type="text"
                                                    name="EmisorCurpCE" id="EmisorCurpCE"
                                                    placeholder="ejp: LKOT200912HOCMNT09" value="{{$comercioExterior['CURP']}}" readonly>
                                            </div>
                                        </div>
                                    @endif
                                <!----------Fin emisor--------->
                                <!----------Cuando el emisor del cfdi es un tercero--------->
                                    <div class="col-12 custom-control custom-switch"
                                        style="margin-top: 25px; margin-left: 15px;">
                                        <input type="checkbox" class="custom-control-input"
                                            name="terceroCE" id="terceroCE">
                                        <label class="custom-control-label" for="terceroCE"
                                            style="font-size: 16px;">¿El emisor del CFDI es un tercero?,
                                            Agregar propietario(s)</label>
                                    </div>
                                    <div class="container display_none row" id="contPrincipalProCE">
                                        <div class="col-9 row" id="contenedorPropietario">
                                            <div class="col-12 row" id="contenedorDivsPropietario"
                                                style="margin-left: -25px;">
                                                <div class="col-12 col-md-6">
                                                    <label for="text-input "
                                                        class=" form-control-label">
                                                        * Registro fiscal
                                                    </label>
                                                    <input class="form-control" type="text"
                                                        name="NumRegIdTribCE[]" id="NumRegIdTribCE[]" minlength="6"
                                                        placeholder="ejp: 756985236" maxlength="40">
                                                </div>
                                                <div class="col-12 col-md-6">
                                                    <label for="text-input "
                                                        class=" form-control-label">
                                                        * Residencia fiscal
                                                    </label>
                                                    <select class="form-control"
                                                        name="ResidenciaFiscalCE[]"
                                                        id="ResidenciaFiscalCE[]">
                                                        <option value="">Seleccione una opcion
                                                        </option>
                                                        @foreach ($comercioExterior['paises'] as $pais)
                                                            <option value="{{ $pais->c_Pais }}">
                                                                {{ $pais->Descripcion }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-3" style="margin-top: 27px;">
                                            <button type="button" name="addPropietarioCE"
                                                id="addPropietarioCE" class="btn btn-primary"
                                                onclick="clonar()">
                                                <i class="fa fa-plus" aria-hidden="true"></i>&nbsp;
                                                <span>Nuevo propietario</span>
                                            </button>
                                        </div>
                                    </div>
                                <!---------- Fin Cuando el emisor es un tercero--------->
                                <!---------- Inicio Receptor --------->
                                    <div class="col-12 row display_none" id="contReceptorCE"
                                        style="margin-left: -18px;">
                                        <div class="col-12 mt-4">
                                            <h5>Receptor</h5>
                                        </div>
                                        <div class="col-6">
                                            <label for="text-input " class="form-control-label">
                                                * Registro fiscal
                                            </label>
                                            <input class="form-control" type="text"
                                                name="RecepNumRegIdTribCE" id="RecepNumRegIdTribCE"
                                                placeholder="ejp: 756985236">
                                        </div>
                                    </div>
                                <!---------- Fin Receptor --------->
                                <!----------Inicio domicilio diferente--------->
                                    <div class="col-12 custom-control custom-switch"
                                        style="margin-top: 25px; margin-left: 15px;">
                                        <input type="checkbox" class="custom-control-input"
                                            name="domicilioEnableCE" id="domicilioEnableCE">
                                        <label class="custom-control-label" for="domicilioEnableCE"
                                            style="font-size: 16px;">¿El domicilio es diferente al del
                                            receptor?, Agregar destinatario(s)</label>
                                    </div>
                                    <div class="container display_none row" id="contDomicilioCE">

                                        <div class="col-12 mb-3 row" style="margin-left: -15px;">
                                            <div class="col-12 col-md-4">
                                                <label for="text-input " class="form-control-label">
                                                    Registro fiscal
                                                </label>
                                                <input class="form-control" type="text"
                                                    name="DomNumRegIdTribCE" id="DomNumRegIdTribCE"
                                                    placeholder="ejp: 756985236">
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <label for="text-input " class="form-control-label">
                                                    Nombre
                                                </label>
                                                <input class="form-control" type="text"
                                                    name="DomNombreCE" id="DomNombreCE"
                                                    placeholder="ejp: EL COMERCIO USA INC">
                                            </div>
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class="form-control-label">
                                                * Calle
                                            </label>
                                            <input class="form-control" type="text"
                                                name="CalleDomCE" id="CalleDomCE"
                                                placeholder="ejp: Tierra y libertad">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class="form-control-label">
                                                Num Exterior
                                            </label>
                                            <input class="form-control" type="text"
                                                name="DomNumExtCE" id="DomNumExtCE"
                                                placeholder="ejp: 234">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class="form-control-label">
                                                Num Interior
                                            </label>
                                            <input class="form-control" type="text"
                                                name="DomNumIntCE" id="DomNumIntCE"
                                                placeholder="ejp: Depto, 5A">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class=" form-control-label">
                                                * Pais
                                            </label>
                                            <select class="form-control" name="DomPaisCE"
                                                id="DomPaisCE">
                                                <option value="">Seleccione una opcion</option>
                                                @foreach ($comercioExterior['paises'] as $pais)
                                                    <option value="{{ $pais->c_Pais }}">
                                                        {{ $pais->Descripcion }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class="form-control-label">
                                                * C.P.
                                            </label>
                                            <input class="form-control" type="number" name="DomCPCE"
                                                id="DomCPCE" onBlur="get_domicilio_comercio(this)"
                                                placeholder="ejp: 68050">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class=" form-control-label">
                                                * Estado
                                            </label>
                                            <select class="form-control" name="DomEstadoCE[]"
                                                id="DomEstadoCESelect">
                                                <option value="">Seleccione una opcion</option>
                                            </select>
                                            <input class="form-control display_none" type="text"
                                                name="DomEstadoCE[]" id="DomEstadoCEInput"
                                                placeholder="ejp: New York">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class=" form-control-label">
                                                Municipio
                                            </label>
                                            <select class="form-control" name="DomMunicipioCE[]"
                                                id="DomMunicipioCESelect">
                                                <option value="">Seleccione una opcion</option>
                                            </select>
                                            <input class="form-control display_none" type="text"
                                                name="DomMunicipioCE[]" id="DomMunicipioCEInput"
                                                placeholder="ejp: Muncipio">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class=" form-control-label">
                                                Localidad
                                            </label>
                                            <select class="form-control" name="DomLocalidadCE[]"
                                                id="DomLocalidadCESelect">
                                                <option value="">Seleccione una opcion</option>
                                            </select>
                                            <input class="form-control display_none" type="text"
                                                name="DomLocalidadCE[]" id="DomLocalidadCEInput"
                                                placeholder="ejp: Localidad">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class=" form-control-label">
                                                Colonia
                                            </label>
                                            <select class="form-control" name="DomColoniaCE[]"
                                                id="DomColoniaCESelect">
                                                <option value="">Seleccione una opcion</option>
                                            </select>
                                            <input class="form-control display_none" type="text"
                                                name="DomColoniaCE[]" id="DomColoniaCEInput"
                                                placeholder="ejp: New york del norte">
                                        </div>

                                        <div class="col-12 col-md-4">
                                            <label for="text-input " class="form-control-label">
                                                Referencias
                                            </label>
                                            <textarea class="form-control" name="DomReferenciaCE" id="DomReferenciaCE" rows="4"
                                                placeholder="ejp: Sobre la boulevard frente de la tiendita"></textarea>
                                        </div>
                                    </div>
                                <!----------Fin domicilio diferente--------->
                                <!----------Inicio Tabla Mercancias(Oculta)--------->
                                    <table class="display_none" id="tableCCE">
                                        <tr>
                                            <th>ID</th>
                                            <th>c_arancelaria</th>
                                            <th>unidad_M_Aduana</th>
                                            <th>Cant_Aduana</th>
                                            <th>valor_Unitario_Aduana</th>
                                        </tr>
                                    </table>
                                <!----------Fin Tabla Mercancias(Oculta)--------->
                            </div>
                        </div>
                        {{-- <div class="card-footer d-flex justify-content-end">
                                <button type="button" class="mb-2 mr-2 btn-icon-vertical btn btn-link"
                                    data-toggle="modal" data-target="#add-impuestolocal"><i
                                        class="lnr-cog btn-icon-wrapper"> </i>Configurar nuevo
                                    impuesto</button>
                            </div> --}}
                    </div>
                </div>
            @endif
        <!-- Fin Comercio Exterior -->
        <!-- Inicio INE -->
        @if ($complemento->id_complemento == '8' && $complemento->status == 'A')
            <div class="col-md-12 card" id="collapse_complemento_ine_const">
                <div class="card-header" id="heading_complemento_ine" data-toggle="collapse"
                    data-target="#collapse_complemento_ine" aria-expanded="true"
                    aria-controls="collapse_complemento_ine" style="cursor: copy;">
                    <div class="col-md-11">
                        INE
                    </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="collapse_complemento_ine" class="collapse show"
                    aria-labelledby="heading_complemento_ine"
                    data-parent="#collapse_complemento_ine_const">
                    <div class="card-body">
                        <div class="row form-group">
                            <div class="col-12 d-flex justify-content-center">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input"
                                        name="check_ine_complemento" id="check_ine_complemento"  onclick="activar_ine(this)" checked>
                                    <label class="custom-control-label" for="check_ine_complemento">Incluir complemento</label>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row form-group">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Tipo Proceso
                                    <span class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <select class="form-control" name="ine_TipoProceso"
                                    id="ine_TipoProceso" onchange="validar_ine_TipoProceso(this)">
                                    <option value="Ordinario">Ordinario</option>
                                    <option value="Precampaña">Precampaña</option>
                                    <option value="Campaña">Campaña</option>
                                </select>
                            </div>
                            <div class="col col-md-2 ine_TipoComite">
                                <label for="text-input" class=" form-control-label">Tipo
                                    Comite<span class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2 ine_TipoComite">
                                <select class="form-control" name="ine_TipoComite"
                                    id="ine_TipoComite" onchange="validar_ine_TipoComite(this)">
                                    <option value="Ejecutivo Nacional">Ejecutivo Nacional</option>
                                    <option value="Ejecutivo Estatal">Ejecutivo Estatal</option>
                                    <option value="Directivo Estatal">Directivo Estatal</option>
                                </select>
                            </div>
                            <div class="col col-md-2 ine_IdContabilidad">
                                <label for="text-input" class=" form-control-label">Id
                                    Contabilidad
                                </label>
                            </div>
                            <div class="col-12 col-md-2 ine_IdContabilidad">
                                <input class="form-control" type="text"
                                    name="ine_IdContabilidad" id="ine_IdContabilidad"
                                    placeholder="100" maxlength="55">
                            </div>
                        </div>
                        <div class="menu-header-subtitle"
                            style="margin-top:10px;margin-bottom:10px">
                            Entidad(es)
                        </div>
                        <div class="row form-group entidad_1">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">ClaveEntidad
                                    <span class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <select class="form-control" type="text"
                                    name="ine_ClaveEntidad[]"
                                    placeholder="00000" maxlength="5">
                                    @if (isset($estados_mx))
                                    <script>
                                        var estados_mx_ine=null                                    </script>
                                        @foreach ($estados_mx as $estado)
                                            @if ($estado->c_Estado!='CMX')
                                                <option value="{{ $estado->c_Estado }}">
                                                    {{ $estado->NombreEstado }}</option>
                                            @endif
                                        @endforeach
                                        <option value="NAC">NAC</option>
                                        <option value="CR1">CR1</option>
                                        <option value="CR2">CR2</option>
                                        <option value="CR3">CR3</option>
                                        <option value="CR4">CR4</option>
                                        <option value="CR5">CR5</option>
                                    @endif
                                </select>
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Ambito<span
                                        class="color-red">*</span>
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <select class="form-control" name="ine_Ambito[]" onchange="validar_ambito(this)">
                                    <option value="Local">Local</option>
                                    <option value="Federal">Federal</option>
                                </select>
                            </div>
                        </div>
                        {{-- <div class="menu-header-subtitle" style="margin-top:10px;margin-bottom:10px">
                            Contabilidad
                        </div> --}}
                        <div class="row form-group contabilidad_1">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Contabilidad
                                </label>
                            </div>
                            <div class="col-12 col-md-8">
                                <input class="form-control" type="text"
                                    name="ine_IdContabilidad_Contabilidad_0" placeholder=""
                                    maxlength="55">
                            </div>
                            <div class="col-12 col-md-2" style="display: none">
                                <button type="button" onclick="add_contabilidad_nodo(this,0)"
                                    class="mb-2 mr-2 btn-icon btn-icon-only btn btn-success btn_add_ine_entidad"><i
                                        class="fa fa-plus">
                                    </i></button>
                                <button type="button" onclick="del_contabilidad_nodo(this,0)"
                                    class="mb-2 mr-2 btn-icon btn-icon-only btn btn-danger btn_del_ine_entidad"><i
                                        class="fa fa-minus">
                                    </i></button>
                            </div>
                            <div class="col-12 index_contabilidad_0" id="index_contabilidad_0"
                                style="padding-right:0px!important; padding-left: margin-right: margin-left: 0px!important;">

                            </div>
                        </div>
                        <div id="index_entidad"></div>
                    </div>
                    <div class="row footer_btns_ine" style="margin-right: -1px;margin-left: 0px;">
                        <div class="col-12 card " style="margin-bottom: 0px;">
                            <div class="d-block text-right card-footer">
                                <button type="button" onclick="create_entidad()"
                                    class="btn btn-link text-success">Agregar entidad</button>
                                <button type="button" onclick="delete_entidad()"
                                    class="btn btn-link text-danger">Eliminar entidad</button>

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

            </div>
        @endif
        <!-- Fin INE -->

        <!-- Inicio VehiculoUsado -->
        @if ($complemento->id_complemento == '9' && $complemento->status == 'A')
            <div class="col-md-12 card" id="collapse_complemento_VehiculoUsado_const">
                <div class="card-header" id="heading_complemento_VehiculoUsado" data-toggle="collapse"
                    data-target="#collapse_complemento_VehiculoUsado" aria-expanded="true"
                    aria-controls="collapse_complemento_VehiculoUsado" style="cursor: copy;">
                    <div class="col-md-11">
                        Vehículo usado
                    </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="collapse_complemento_VehiculoUsado" class="collapse show"
                    aria-labelledby="heading_complemento_VehiculoUsado"
                    data-parent="#collapse_complemento_VehiculoUsado_const">
                    <div class="card-body">
                        <div class="row form-group">
                            <div class="col-12 d-flex justify-content-center">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" name="check_vehicular_complemento" id="check_vehicular_complemento" onclick="activar_vehiculo_complemento(this)" checked="" value="on">
                                    <label class="custom-control-label" for="check_vehicular_complemento">Incluir complemento</label>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="row form-group class_valite_complemento_VehiculoUsado">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Monto adquisición
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="montoAdquisicion_vehicular_"
                                    id="montoAdquisicion_vehicular_" placeholder="10000.00">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Monto enajenación
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="montoEnajenacion_vehicular_"
                                    id="montoEnajenacion_vehicular_" placeholder="0.00">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Clave vehícular
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="claveVehicular_vehicular_"
                                    id="claveVehicular_vehicular_" placeholder="AAAABBB"
                                    maxlength="7">
                            </div>
                        </div>
                        <div class="row form-group class_valite_complemento_VehiculoUsado">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Marca
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="marca_vehicular_"
                                    id="marca_vehicular_" placeholder="FORD" maxlength="50">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Tipo
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="tipo_vehicular_"
                                    id="tipo_vehicular_" placeholder="Mustang"  maxlength="50">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Modelo
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="modelo_vehicular_"
                                    id="modelo_vehicular_" placeholder="1989"
                                    maxlength="4">
                            </div>
                        </div>
                        <div class="row form-group class_valite_complemento_VehiculoUsado">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Número motor
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="numeroMotor_vehicular_"
                                    id="numeroMotor_vehicular_" placeholder="123123123" maxlength="17">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Número serie
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="numeroSerie_vehicular_"
                                    id="numeroSerie_vehicular_" placeholder="12312323"  maxlength="17">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">NIV
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="NIV_vehicular_"
                                    id="NIV_vehicular_" placeholder="1234ASD"
                                    maxlength="17">
                            </div>
                        </div>
                        <div class="row form-group class_valite_complemento_VehiculoUsado">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Valor
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="valor_vehicular_"
                                    id="valor_vehicular_" placeholder="5000.00">
                            </div>
                        </div>
                        <div class="row form-group class_valite_complemento_VehiculoUsado">
                            <div class="col col-md-4">
                                <label for="text-input" class=" form-control-label">Declarar datos aduaneros</label>
                            </div>
                            <div class="col col-md-8">
                                <input class="" type="checkbox" name="datos_aduanero_vehicular_" id="datos_aduanero_vehicular_"
                                onclick="declarar_aduana(this)" value="off">
                                </div>
                        </div>
                        <div class="row form-group class_valite_complemento_VehiculoUsado datos_aduanales_vehicular" style="display: none">
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Número
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="numero_vehicular_[]"
                                    id="numero_vehicular_" placeholder="XXXXX">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Fecha
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="date"
                                    name="fecha_vehicular_[]"
                                    id="fecha_vehicular_" placeholder="2024-12-10">
                            </div>
                            <div class="col col-md-2">
                                <label for="text-input" class=" form-control-label">Aduana
                                </label>
                            </div>
                            <div class="col-12 col-md-2">
                                <input class="form-control" type="text"
                                    name="aduana_vehicular_[]"
                                    id="aduana_vehicular_" placeholder="A5">
                            </div>
                        </div>
                    </div>
                    <div class="row footer_btns_vehiculo_usado" style="margin-right: -1px; margin-left: 0px;">
                        <div class="col-12 card " style="margin-bottom: 0px;">
                            <div class="d-block text-right card-footer">
                                <button type="button" onclick="create_aduana_vehiculo_usado()" class="btn btn-link text-success">Agregar aduana</button>
                                <button type="button" onclick="delete_aduana_vehiculo_usado()" class="btn btn-link text-danger">Eliminar aduana</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <!-- Fin VehiculoUsado -->
    @endforeach
@endif