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

@section('js')
    <script src="{{ asset('js/receptores/_actions_edit.js?version=' . version_js()) }}"></script>
    <script src="{{ asset('js/_checkRFC.js?version=' . version_js()) }}"></script>
    <script src="{{ asset('js/receptores/_setDomicilio.js?version=' . version_js()) }}"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="{{ asset('js/jquery.multi-emails.js') }}"></script>

    <script>
        $(document).ready(function() {
            $("#email-addresses").multiEmails();
        });
    </script>
@endsection

@section('content')

    @php
        //dd($FormularioDatos);
    @endphp
    <style>
        .card-header.justify-content-between.collapsed {
            box-shadow: 0px 0px 20px rgba(80, 80, 80, 0.7);
        }
    </style>

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-12">
                @if ($errors->any())
                    <div class="alert alert-danger alert-dismissable col-4"
                        style="text-align: center;margin: auto;margin-bottom: 1rem;">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>
                                    <strong>{{ $error }}</strong>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <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('receptores.index') }}">Clientes</a></li>
                            <li class="active breadcrumb-item" aria-current="page">{{ $FormularioDatos[0]->rfc_receptor }}
                            </li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <form action="{{ route('receptores.update', $FormularioDatos[0]->id_receptor) }}" method="POST" name="frm_receptores"
        autocomplete="off">
        <meta name="csrf-token" content="{{ csrf_token() }}">
        @csrf
        @method('PUT')

        <script>
            var __formdata = {
                "uso-cfdi": "{{ $FormularioDatos[0]->c_UsoCFDI }}",
                "forma-pago": "{{ $FormularioDatos[0]->c_FormaPago }}",
                "condicion-pago": "{{ $FormularioDatos[0]->id_condicion_pago }}",
                "plantilla": "{{ $FormularioDatos[0]->id_plantilla }}",
                "tipo-moneda": "{{ $FormularioDatos[0]->c_Moneda }}",
            };
            var _regimen_fiscal = new Array();
            var __paises = new Array();
            var _cuenta_domicilios = {{ count($matsuc) }};
            var _es_extranjero = false;

            var __cp_cce__ = "{{ $matsuc[0]->complemento_cp }}";
            var __localidad__ = "{{ $matsuc[0]->localidad }}";
            var __colonia__ = "{{ $matsuc[0]->c_Colonia }}";
        </script>

        @if ($FormularioDatos[0]->rfc_receptor == 'XEXX010101000')
            <script>
                _es_extranjero = true;
            </script>
        @endif

        <div class="animated fadeIn" style="font-size: 16px;">
            <!-- Widgets  -->
            <div class="row d-flex justify-content-center">
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="card-tab" id="card-registro" style="background-color:rgba(0,0,0,.04)"
                            onclick="receptores.Registro(this)">
                            <a style="cursor: pointer;">
                                <div class="stat-widget-five">
                                    <div class="stat-icon dib flat-color-1">
                                        <i class="pe-7s-user"></i>
                                    </div>
                                    <div class="stat-content">
                                        <div class="text-left dib">
                                            <div class="stat-text" style="line-height: 50px;"><span>Generales</span></div>
                                            <!-- <div class="stat-heading">Generales</div>-->
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="card">
                        <div class="card-tab" id="card-direcciones" onclick="receptores.Direcciones(this)">
                            <a style="cursor: pointer;">
                                <div class="stat-widget-five">
                                    <div class="stat-icon dib flat-color-2">
                                        <i class="pe-7s-home"></i>
                                    </div>
                                    <div class="stat-content">
                                        <div class="text-left dib">
                                            <div class="stat-text" style="line-height: 50px;">
                                                <span>Domicilios</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>

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

               @if (session('ses_plan_emisor') == "Contraloria")
                    <div class="col-lg-3 col-md-6">
                        <div class="card">
                            <div class="card-tab" id="card-contraloria" onclick="receptores.Contraloria(this);">
                                <a style="cursor: pointer;">
                                    <div class="stat-widget-five">
                                        <div class="stat-icon dib flat-color-2">
                                            <i class="pe-7s-home"></i>
                                        </div>
                                        <div class="stat-content">
                                            <div class="text-left dib">
                                                <div class="stat-text" style="line-height: 50px;">
                                                    <span>Contraloria</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </a>

                            </div>
                        </div>
                    </div>
               @endif
            </div>

            <input type="hidden" name="c_matSuc" value="{{ $FormularioDatos[0]->id_mat_suc }}">
            <div class="row" id="mod-datos-fiscales">
                <div class="col-lg-6">
                    <div class="card" style="height: 94%;">
                        <div class="card-header">Información fiscal y de contacto</div>
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-rfc" class=" form-control-label">R.F.C.
                                        <span class="color-red ">*</span>
                                        </a>
                                    </label></div>
                                <div class="col-12 col-md-9">
                                    <input type="text" class="form-control"
                                        value="{{ $FormularioDatos[0]->rfc_receptor }}" disabled>
                                    <input id="text-rfc" name="c_rfc" type="hidden"
                                        value="{{ $FormularioDatos[0]->rfc_receptor }}">
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3"><label for="txt_razonSocial" class=" form-control-label">Razón
                                        social <span class="color-red ">*</span></label></div>
                                <div class="col-12 col-md-9"><input type="text" id="txt_razonSocial"
                                        name="txt_razonSocial" placeholder="p. ej.: Escuela Kemper Urgate"
                                        class="form-control" required value="{{ $FormularioDatos[0]->razon_social }}"
                                        autocomplete="off">
                                </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">num. Reg de Identidad Fiscal</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input class="form-control" type="text" name="NumRegIdTrib_cfdi"
                                        id="NumRegIdTrib_cfdi" placeholder="1234"
                                        value="{{ $FormularioDatos[0]->num_reg_trib }}">
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3">
                                    <label for="txt_identificador" class=" form-control-label">Nombre corto (Alias)
                                        <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                            title=""
                                            data-original-title="Es el alias con el que usted identifica a su cliente de forma rápida. Le será de mucha utilidad ya que no necesita aprenderse el RFC o Razón Social cuando realice busquedas">
                                            <i class="fa fa-question-circle"></i>
                                        </a>
                                    </label>
                                </div>

                                <div class="col-12 col-md-9">
                                    <input type="text" id="txt_identificador" name="txt_identificador"
                                        placeholder="p. ej.: Cliente Oaxaca" class="form-control"
                                        value="{{ $FormularioDatos[0]->identificador }}" autocomplete="off">
                                </div>
                            </div>

                            <div class="row form-group" id="multiselect_regimentFiscal">

                                <div class=" col col-md-3"><label for="regimen_fiscal"
                                        class=" form-control-label">Régimen
                                        fiscal<span class="color-red ">*</span> </label></div>
                                <div class="col-sm-12 col-md-9 " style="height: 50%;">
                                    <div class="card-hover-shadow-2x  card" data-toggle="tooltip" data-placement="right"
                                        title="Haga clic sobre la casilla para seleccionar">

                                        <div class="scroll-area-sm" style="height: 115px;">
                                            <div class="scrollbar-container ps ps--active-y">
                                                <div class="p-2">

                                                    <ul class="todo-list-wrapper list-group list-group-flush">
                                                        @foreach ($regimenFiscal as $item)
                                                            <li class="list-group-item"
                                                                id="li-{{ $item->c_RegimenFiscal }}">
                                                                <div class="todo-indicator bg-success">
                                                                </div>
                                                                <div class="widget-content p-0">
                                                                    <div class="widget-content-wrapper">
                                                                        <div class="widget-content-left mr-2">
                                                                            <div class="custom-checkbox custom-control">
                                                                                <input type="checkbox"
                                                                                    name="MultiRegimenFiscal[]"
                                                                                    id="{{ $item->c_RegimenFiscal }}"
                                                                                    value="{{ $item->c_RegimenFiscal }}"
                                                                                    fisica="{{ $item->AplicaPerFis }}"
                                                                                    moral="{{ $item->AplicaPerMor }}"
                                                                                    class="custom-control-input"
                                                                                    @if ($item->rr_c_RegimenFiscal != '9999') checked @endif>
                                                                                <label class="custom-control-label"
                                                                                    for="{{ $item->c_RegimenFiscal }}">&nbsp;</label>
                                                                            </div>
                                                                        </div>
                                                                        <div class="widget-content-left">

                                                                            <div class="">
                                                                                <i>{{ $item->c_RegimenFiscal }}-{{ $item->Descripcion }}</i>
                                                                            </div>
                                                                        </div>

                                                                    </div>
                                                                </div>
                                                            </li>
                                                        @endforeach
                                                    </ul>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="checkbox" name="check" id="cbk_regimen" class="custom-control-input" checked
                                style="display: none">


                            @if (mb_strlen($FormularioDatos[0]->curp) == 18)
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="txt_curp"
                                            class=" form-control-label">CURP</label>
                                    </div>
                                    <div class="form-group col-12 col-md-9"><input type="text" id="txt_curp"
                                            name="txt_curp" placeholder="p. ej.: VIPL810925HOCLRS01" class="form-control"
                                            onkeyup="this.value = this.value.toUpperCase();"
                                            value="{{ $FormularioDatos[0]->curp }}" autocomplete="off">
                                    </div>
                                </div>
                            @endif


                            <div class="row form-group">
                                <script>
                                    var emailList_edit = [];
                                </script>
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">E-mail
                                        <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                            title=""
                                            data-original-title="El campo email le permite guardar la dirección de correo que aparecerá por defecto en destinatario al utilizar la opción enviar CFDI.">
                                            <i class="fa fa-question-circle"></i>
                                        </a>
                                    </label></div>
                                <div class="col-12 col-md-9">
                                    <input class="form-control form-control-sm" type="text" id="email-addresses"
                                        placeholder="p. ej.: cliente@gmail.com">
                                </div>
                                @if ($FormularioDatos[0]->email1 != null)
                                    <div class="col-md-12 d-flex justify-content-end" id="show-emails">
                                        <ul class="col-md-9" style="color:#000000">
                                            @php
                                                $emails = explode(',', $FormularioDatos[0]->email1);
                                                $cont_email = 0;
                                            @endphp

                                            @foreach ($emails as $email)
                                                <script>
                                                    emailList_edit.push("{{ $email }}");
                                                </script>
                                                <li
                                                    style="background-color:rgba(136,219,176,0.08);border-left: 3px solid#88dbb0; font-size: 11px;color: #495057;font-weight: bold;">
                                                    <input type="hidden" name="txt_email[]"
                                                        value="{{ $email }}">
                                                    {{ $email }}<span class="float-right remove"
                                                        data-index="{{ $cont_email }}">X</span>
                                                </li>
                                                @php
                                                    $cont_email++;
                                                @endphp
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Nombre
                                        de
                                        contacto</label></div>
                                <div class="col-12 col-md-9"><input type="text" id="txt_contacto" name="txt_contacto"
                                        placeholder="p. ej.: Lic. Enrique Perez" class="form-control" maxlength="50"
                                        value="{{ $matsuc[0]->nombre_contacto }}" autocomplete="off">
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Teléfono
                                        de
                                        contacto</label></div>
                                <div class="col-12 col-md-9"><input type="text" id="txt_telefono" name="txt_telefono"
                                        placeholder="p. ej.: 9514718443" class="form-control" minlength="10"
                                        maxlength="10" value="{{ $FormularioDatos[0]->telefono1 }}" autocomplete="off">
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class='loader' id="loader-configuracionPortal">
                        <div class="bg"></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                    </div>

                    <div class="card" id="card-configuracionPortal">
                        <div class="card-header">
                            Configuración predeterminada de CFDI´s
                        </div>
                        <div class="card-body card-block">
                            <form action="#" method="post" enctype="multipart/form-data" class="form-horizontal">
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select" class=" form-control-label">Uso
                                            CFDI</label>
                                    </div>
                                    <div class="col-12 col-md-9">
                                        <select name="uso_cfdi" id="uso_cfdi" class="form-control" required>

                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select" class=" form-control-label">Metodo de
                                            pago</label></div>
                                    <div class="col-12 col-md-9">
                                        <select name="metodoPago" id="metodoPago" class="form-control" required>
                                            @php
                                                if(isset($FormularioDatos[0]->c_MetodoPago)){
                                                   echo (strpos($metodo_pago,"'".$FormularioDatos[0]->c_MetodoPago."'"))?str_replace("'".$FormularioDatos[0]->c_MetodoPago."'","'".$FormularioDatos[0]->c_MetodoPago."' selected",$metodo_pago):$metodo_pago;
                                                }else{
                                                    echo $metodo_pago;
                                                }
                                            @endphp
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select" class=" form-control-label">Forma
                                            de
                                            pago</label></div>
                                    <div class="col-12 col-md-9">
                                        <select name="forma_pago" id="forma_pago" class="form-control" required>

                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="condicion_pago"
                                            class=" form-control-label">Condición de
                                            pago</label></div>
                                    <div class="col-12 col-md-9">
                                        <select name="condicion_pago" id="condicion_pago" class="form-control" required>

                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select"
                                            class=" form-control-label">Plantilla</label></div>
                                    <script>
                                        __plantillas = new Array();
                                    </script>
                                    <div class="col-12 col-md-9">
                                        <select name="plantilla_pdf" id="plantilla_pdf" class="form-control" required>
                                            <option value="0" @if ($FormularioDatos[0]->id_plantilla == '0'||$FormularioDatos[0]->id_plantilla == null) selected @endif>
                                                Default</option>
                                            @foreach ($pdf as $item)
                                                <option value="{{ $item->id_plantilla }}"
                                                    @if ($FormularioDatos[0]->id_plantilla == $item->id_plantilla) selected @endif>{{ $item->nombre }}
                                                </option>
                                                <script>
                                                    __plantillas.push({
                                                        "id": "{{ $item->id_plantilla }}",
                                                        "nombre": "{{ $item->nombre }}",
                                                        "url": "{{ $item->url_logotipo }}",
                                                        "descripcion": "{{ $item->descripcion }}",
                                                    });
                                                </script>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label class=" form-control-label">Tipo de
                                            moneda</label>
                                    </div>
                                    <div class="col col-md-9 content_moneda">
                                        <select name="monedas" id="contrent-moneda" class="form-control" required>

                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="nota_interna" class=" form-control-label">Notas
                                            internas</label></div>
                                    <div class="col-12 col-md-9">
                                        <textarea name="nota_interna" id="nota_interna" rows="8"
                                            placeholder="p. ej.: Cliente preferencial de la Ciudad de Oaxaca" class="form-control" value="">{{ $FormularioDatos[0]->nota_interna }}</textarea>
                                    </div>
                                </div>

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

                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">Información bancaria</div>
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="txt_id_banco" class=" form-control-label">Banco
                                    </label></div>
                                <div class="col-12 col-md-9">
                                    <select class="form-control" name="txt_id_banco" id="txt_id_banco"
                                        onchange="valida_bancos(this);">
                                        <option value="0">Seleccione...</option>
                                        @foreach ($bancos as $item)
                                            <option value="{{ $item->id_banco }}"
                                                @if ($FormularioDatos[0]->id_banco == $item->id_banco) selected @endif>{{ $item->nombre }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3"><label for="txt_no_cuenta" class=" form-control-label">No.
                                        de
                                        cuenta</label></div>
                                <div class="col-12 col-md-9"><input type="text" id="txt_no_cuenta"
                                        name="txt_no_cuenta"
                                        placeholder="p. ej.: Cuenta clabe o número de cuenta del banco o número de tarjeta bancaria"
                                        class="form-control" minlength="18" maxlength="18"
                                        value="{{ isset($FormularioDatos[0]->no_cuenta_bancaria) ? $FormularioDatos[0]->no_cuenta_bancaria : '' }}"
                                        @if ($FormularioDatos[0]->id_banco == '0') disabled @endif>
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3"><label for="txt_desc_banco"
                                        class=" form-control-label">Notas</label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <textarea name="txt_desc_banco" id="txt_desc_banco" rows="3"
                                        placeholder="p. ej.: Los depósitos de esta cuenta se ven reflejados al siguiente día hábil" class="form-control"
                                        value="" @if ($FormularioDatos[0]->id_banco == '0') disabled @endif>{{ isset($FormularioDatos[0]->db_nota_interna) ? $FormularioDatos[0]->db_nota_interna : '' }} </textarea>
                                </div>
                            </div>

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

            <input type="hidden" name="v_cRFC" value="{{ $FormularioDatos[0]->rfc_receptor }}">
            <div class="row" id="mod-direcciones">
                <div class="col-lg-12" id="content-div-domicilios">
                    @php
                        $iterator = 1;
                        $indice_elemento = 1;
                    @endphp

                    @foreach ($matsuc as $key => $domicilio)
                        <div class="card" id="domicilio_{{ $key }}">
                            <div class='loader' id="loader-domicilioFiscal" style="opacity: 0;">
                                <div class="bg"></div>
                                <div class='circle'></div>
                                <div class='circle'></div>
                                <div class='circle'></div>
                                <div class='circle'></div>
                                <div class='circle'></div>
                            </div>
                            <input name="id_matsuc[]" type="hidden" value="{{ $domicilio->id_mat_suc }}">
                            <div>
                                <div id="headingOne" class="card-header justify-content-between" data-toggle="collapse"
                                    data-target="" aria-expanded="true" aria-controls="">
                                    Domicilio&nbsp;
                                    @if ($key == 0)
                                        {{ 'fiscal' }}
                                    @else
                                        {{ 'alternativo' }}
                                    @endif

                                    @if ($key == 0)
                                        <button type="button" onclick="receptores.AddDireccion(this)"
                                            id="btn_agregar_domicilio" class="btn btn-secondary"
                                            style="background-color:#16627c;cursor: copy;">
                                            <i class="fa fa-plus"></i>&nbsp;&nbsp; Agregar domicilio&nbsp;&nbsp;
                                        </button>
                                    @endif
                                </div>
                                <div id="collapse_{{ $domicilio->id_mat_suc }}"
                                    class="row collapse show eliminar_domicilio_pie" aria-labelledby="headingOne"
                                    data-parent="#content-div-domicilios">
                                    <div class="card-body card-block col-lg-6">
                                        <div class="row form-group" style="display: @php if($key>0){echo 'none';} @endphp">
                                            <div class="col col-md-3"><label for="text-input"
                                                    class=" form-control-label">&nbsp;&nbsp;Código
                                                    postal CIF<span class="color-red ">*</span></label></div>
                                            <div class="col-12 col-md-9">
                                                <input type="text" name="txt_domicilio_fiscal[]" placeholder="p. ej.: 68050"
                                                    class="form-control" minlength="1" maxlength="5"
                                                    value="{{ $domicilio->cp }}" id="txt_domicilio_fiscal_1">
                                            </div>
                                        </div>
                                        @if ($key>0)
                                            <div class="row form-group">
                                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">
                                                    &nbsp;&nbsp;Nombre de contacto</label>
                                                </div>
                                                <div class="col-12 col-md-9">
                                                    <input type="text" name="txt_nombre_alt[]"  placeholder="p. ej.: Pancracio Chug" class="form-control"
                                                    value="{{ $domicilio->nombre_contacto }}" >
                                                    <small class="form-text text-muted"></small>
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <div class="col col-md-3"><label for="text-input" class="form-control-label">&nbsp;&nbsp;E-mail</label>
                                                    </div>
                                                <div class="col-12 col-md-9">
                                                    <input type="text" name="txt_correo_alt[]"  placeholder="p. ej.: cliente@gmail.com" class="form-control"
                                                    value="{{ $domicilio->email1 }}" >
                                                        <small class="form-text text-muted"></small>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                    <!-- Segunda columna de datos -->
                                    <div class="card-body card-block col-lg-6">
                                        @if ($key<1)
                                            <div class="row form-group">
                                                <div class="col col-md-3"><label for="select"
                                                        class=" form-control-label">&nbsp;&nbsp;Domicilio PDF</label></div>
                                                <div class="col-12 col-md-9">
                                                    <textarea name="txt_domicilio_corto" id="txt_domicilio_corto" rows="3"
                                                        placeholder="p. ej.: Félix Cuevas 301, Del Valle Sur, 03100 Benito Juárez, CDMX, Mexico" class="form-control">{{ !empty($FormularioDatos[0]->domicilio) ? $FormularioDatos[0]->domicilio : $domicilios_cortos[$key] }}</textarea>
                                                </div>
                                            </div>
                                        @else
                                            <div class="row form-group">
                                                <div class="col col-md-3"><label for="select"
                                                        class=" form-control-label">&nbsp;&nbsp;Domicilio PDF</label></div>
                                                <div class="col-12 col-md-9">
                                                    <textarea name="txt_domicilio_corto_alternativo[]"  rows="3"
                                                        placeholder="p. ej.: Félix Cuevas 301, Del Valle Sur, 03100 Benito Juárez, CDMX, Mexico" class="form-control">{{ !empty($domicilio->referencias) ? $domicilio->referencias : $domicilios_cortos[$key] }}</textarea>
                                                </div>
                                            </div>
                                            <div class="row form-group">
                                                <div class="col col-md-3">
                                                    <label for="text-input" class="form-control-label">&nbsp;&nbsp;Teléfono de contacto</label>
                                                </div>
                                                <div class="col-12 col-md-9">
                                                    <input type="text" name="txt_tel_alt[]"  placeholder="p. ej.: 9514718443" class="form-control" value="{{ $domicilio->telefono1}}">
                                                    <small class="form-text text-muted"></small>
                                                </div>
                                            </div>
                                        @endif
                                    </div>

                                    <div class="row form-group col-12 class_id_domicilio"
                                        style="display: {{ $key<1? 'none' : '' }};">
                                        <div class="col col-md-3">
                                            <label for="txt_nombre_comercial"
                                                class=" form-control-label">&nbsp;&nbsp;Identificador de domicilio
                                                <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                                    title=""
                                                    data-original-title="Ingrese el nombre con el que identifique este domicilio  "><span
                                                        class="color-red ">*</span>
                                                    <i class="fa fa-question-circle"></i>
                                                </a>
                                            </label>
                                        </div>

                                        <div class="col-12 col-md-9">
                                            <input type="text" id="txt_nombre_comercial" name="txt_nombre_comercial[]"
                                                placeholder="p. ej.: Sucursal Reforma" class="form-control"
                                                value="{{ $domicilio->nombre_comercial }}" autocomplete="off">
                                        </div>
                                    </div>

                                </div>
                                @if ($key > 0)
                                    <div class="card-footer">
                                        <button type="button" class="btn btn-danger btn-sm"
                                            onclick="receptores.deleteDireccion({{ $domicilio->id_mat_suc }}, {{ $key }})">
                                            <i class="lnr-trash"></i> Eliminar domicilio
                                        </button>
                                    </div>
                                @endif
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <div class="row card_cce_cartaporte" style="display: none">
                <div class="col-lg-12">
                    <div class="card">
                        <div class='loader' id="loader-domicilioCCE" style="opacity: 0;">
                            <div class="bg"></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                        </div>

                        <div>
                            <div class="card-header justify-content-between">Domicilio&nbsp;
                                Carta porte/C.C.E.
                            </div>
                            <div class="row">
                                <div class="card-body card-block col-lg-6">
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">&nbsp;&nbsp;Código
                                                postal</label></div>

                                            <div id="wrapper_cp_nacional" class="col-12 col-md-9">
                                                <input type="text" name="txt_cp" id="txt_cp"
                                                    placeholder="p. ej.: 68050" class="form-control" minlength="1"
                                                    maxlength="5" onkeypress="txt_cp_valida(this)"
                                                    onblur="txt_searchCP(this)"
                                                    onkeyup="txt_searchCP(this)" 
                                                    value="{{ $matsuc[0]->complemento_cp }}">
                                            </div>
                                            <div id="wrapper_cp_extranjero" class="col-12 col-md-9 display_none">
                                                <input type="text" name="txt_cp" id="txt_cp_extranjero"
                                                    placeholder="p. ej.: 68050" class="form-control" minlength="1"
                                                    maxlength="20" 
                                                    value="{{ $matsuc[0]->complemento_cp }}"
                                                    disabled>
                                            </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select"
                                                class=" form-control-label">&nbsp;&nbsp;País</label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="slc_pais" id="slc_pais" class="form-control">
                                                @php
                                                    if($matsuc[0]->c_Pais=='MEX'){
                                                        $paises=str_replace("'>","' style='display:none'>",$paises);
                                                        echo str_replace("'".$matsuc[0]->c_Pais."' style='display:none'", "'".$matsuc[0]->c_Pais."' selected",$paises);
                                                    }else{
                                                        echo str_replace("'".$matsuc[0]->c_Pais."'", "'".$matsuc[0]->c_Pais."' selected",$paises);
                                                    }
                                                @endphp
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select"
                                                class=" form-control-label">&nbsp;&nbsp;Estado</label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="slc_estado" id="slc_estado" class="form-control @php if(empty($estados_option)){ echo 'display_none';} @endphp">
                                                @php
                                                    echo $estados_option;
                                                @endphp
                                            </select>
                                            <input type="text" name="input_estado" id="inputSlc_estado" placeholder="p. ej.: LA" class="form-control @php if($estados_option){ echo 'display_none';} @endphp"  value="{{$matsuc[0]->c_Estado}}">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select"
                                                class=" form-control-label">&nbsp;&nbsp;Municipio</label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="slc_municipio" id="slc_municipio" class="form-control @php if(empty($municipios_option)){ echo 'display_none';} @endphp">
                                                @php
                                                    echo $municipios_option;
                                                @endphp
                                            </select>
                                            <input type="text" name="input_municipio" id="inputSlc_municipio" placeholder="Municipio..." class="form-control @php if($municipios_option){ echo 'display_none';} @endphp" value="{{$matsuc[0]->c_Municipio}}">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select"
                                                class=" form-control-label">&nbsp;&nbsp;Localidad</label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="slc_localidad" id="slc_localidad" class="form-control @php if(empty($localidades_option)){ echo 'display_none';} @endphp">
                                                @php
                                                    echo $localidades_option;
                                                @endphp
                                            </select>
                                            <input type="text" name="input_localidad" id="inputSlc_localidad" placeholder="Localidad..." class="form-control @php if($localidades_option){ echo 'display_none';} @endphp" value="{{$matsuc[0]->localidad}}">
                                        </div>
                                    </div>
                                </div>
                                <!-- Segunda columna de datos -->
                                <div class="card-body card-block col-lg-6">
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="select"
                                                class=" form-control-label">Colonia</label></div>
                                        <div class="col-12 col-md-9">
                                            <select name="slc_colonia" id="slc_colonia" class="form-control @php if(empty($colinias_option)){ echo 'display_none';} @endphp">
                                                @php
                                                    echo $colinias_option;
                                                @endphp
                                            </select>
                                            <input type="text" name="input_colonia" id="inputSlc_colonia" placeholder="Colonia..." class="form-control @php if($colinias_option){ echo 'display_none';} @endphp" value="{{$matsuc[0]->c_Colonia}}">
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">Calle</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" name="txt_calle"
                                                placeholder="p. ej.: Tierra y libertad" class="form-control"
                                                value="{{$matsuc[0]->calle}}" >
                                            <small class="form-text text-muted"></small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">No.
                                                Exterior</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" name="txt_no_exterior" placeholder="p. ej.: 102"
                                                class="form-control" value="{{$matsuc[0]->no_exterior}}">
                                            <small class="form-text text-muted"></small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">No.
                                                Interior</label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" name="txt_no_interior" placeholder="p. ej.: Depto. 5A"
                                                class="form-control" value="{{$matsuc[0]->no_interior}}">
                                            <small class="form-text text-muted"></small>
                                        </div>
                                    </div>
                                    <div class="row form-group">
                                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Referencias</label></div>
                                        <div class="col-12 col-md-9">
                                            <textarea name="txt_referencias" id="txt_referencias" rows="3"
                                                placeholder="p. ej.: Sobre la boulevard frente de la tiendita" class="form-control"
                                                value="{{$matsuc[0]->referencias}}">{{$matsuc[0]->referencias}}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            {{-------------------------- Contraloria -------------------------}}
            <div class="row" id="mod-firma-contraloria">
                
                <div class="col-lg-12" id="content-div-firma-contraloria">

                    <div class="card" id="card-firmaContraloria">
                        <div class='loader' id="loader-firmaContraloria" style="opacity: 0.8;">
                            <div class="bg"></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                            <div class='circle'></div>
                        </div>

                        <div class="card-header">Configuración contraloria</div>
                        <div class="card-body card-block">

                            {{-- MENSAJE DE ÉXITO --}}
                            @if (!empty($mensajeExito))
                                <div class="alert alert-success alert-dismissible fade show mt-3 d-flex align-items-center"
                                    role="alert">
                                    <svg width="1.2em" height="1.2em" viewBox="0 0 16 16"
                                        class="bi bi-check-circle-fill text-success mr-2" fill="currentColor">
                                        <path fill-rule="evenodd"
                                            d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
                                    </svg>

                                    <strong>{{ $mensajeExito }}</strong>

                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endif

                            {{-- SWITCH GLOBAL (Sin wire:model) --}}
                            <div class="row form-group mb-2">
                                <div class="col col-12">
                                    <div class="col-12">
                                        <div class="custom-control custom-switch">
                                            <input type="hidden" name="firma_automatica_global" value="0">
                                            <input type="checkbox" name="firma_automatica_global" class="custom-control-input"
                                                id="singSwitch" value="1">
                                            <label class="custom-control-label font-weight-bold" for="singSwitch">Firmar Contratos
                                                Automaticamente
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            {{-- BOTÓN DE AGREGAR CENTRADO --}}
                            <div class="d-flex justify-content-center mt-3 mb-4">
                                <button type="button" class="btn btn-primary btn-sm px-4 shadow-sm" id="btn-agregar-documento">
                                    + Agregar Documento
                                </button>
                            </div>

                            {{-- CONTENEDOR DE LOS NUEVOS DOCUMENTOS --}}
                            <div id="contenedor-documentos">
                            </div>

                        </div>
                    
                    </div>

                </div>

            </div>

            <button type="button" id="btn_plantillas_show" data-toggle="modal" data-target="#detalle-plantilla"
                style="display: none;"></button>
            <div class="col-auto mx-auto d-flex justify-content-center mb-2 pb-3">
                <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                    <button id="send-button" type="button" class="btn btn-lg buttom_agregar"
                        onclick="receptores.isValidCp();">
                        <span>Actualizar</span>
                    </button>

                </div>
                <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                    <button id="cancel-button" type="button" class="btn btn-lg buttom_white"
                        onclick="window.location='{{ route('receptores.index') }}'">
                        <span>Cancelar</span>
                    </button>
                </div>
            </div>

        </div>
    </form>
@endsection

@section('modals')
    <div class="modal fade" id="detalle-plantilla" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-xl" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="container row">
                        <div class="col-lg-8 col-sm-6 pt-3 pb-3 d-flex justify-content-center"
                            style="background: #cacaca;">
                            <!--product_image-->
                            <img src="" alt="plantilla" class="" id="img_plantilla" style="width: 100%;">
                            <!--/product_image-->
                        </div>
                        <div
                            class="m-0 col-lg-4 col-sm-6 text-center align-items-center justify-content-center p-5 mt-auto mb-auto">
                            <div class="row d-flex justify-content-center">
                                <div class="row">
                                    <!--product_title-->
                                    <h2 class="">
                                        <a class="" href="#" id="plantilla_name">
                                            <!--product_title_content-->
                                            <!--/product_title_content-->
                                        </a>
                                    </h2>
                                    <!--/product_title-->
                                </div>
                                <div class="row ml-auto mr-auto">
                                    <!--product_content-->
                                    <div class="">
                                        <!--product_content_content-->
                                        <p id="descripcion_plantilla">
                                        </p>
                                        <!--/product_content_content-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
@endsection