@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">
    <style>
        .swal-modal {
            width: 40%;
        }
        .lista_69_b{
            max-height: 250px;
            overflow:scroll !important;
        }
    </style>
@endsection

@section('js')
    <script src="{{ asset('js/receptores/_actions.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();
            @if (old('c_rfc'))
                validarInput(document.getElementById("text-rfc"));
            @endif
        });
    </script>
@endsection
@section('content')
    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-12">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('receptores.index') }}">Clientes</a></li>
                            <li class="active breadcrumb-item" aria-current="page">Nuevo cliente</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <form action="{{ url('/receptores') }}" method="POST" name="frm_receptores" autocomplete="off">
        @csrf
        <script>
            var __formdata = {
                "uso-cfdi": "{{ old('uso_cfdi') ? old('uso_cfdi') : 'NA' }}",
                "forma-pago": "{{ old('forma_pago') ? old('forma_pago') : 'NA' }}",
                "condicion-pago": "{{ old('condicion_pago') ? old('condicion_pago') : 'NA' }}",
                "plantilla": "{{ old('plantilla_pdf') ? old('plantilla_pdf') : 'NA' }}"
            };
        </script>
        <div class="animated fadeIn" style="font-size: 14px;">
            <!-- Widgets  -->
            @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="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>

            <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>
                                    </label></div>
                                <div class="col-12 col-md-9">
                                    <input type="text" id="text-rfc" name="c_rfc" placeholder="p. ej.: EKU9003173C9"
                                        class="form-control" maxlength="13"
                                        onkeyup="this.value = this.value.toUpperCase(); " oninput="validarInput(this); "
                                        onblur="validar_rfc(this)"
                                        value="{{ old('c_rfc') }}" autocomplete="off">
                                </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" value="{{ old('txt_razonSocial') }}" 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 Id. Trib.                                          </label>
                                </div>
                                <div class="col-12 col-md-9">
                                    <input class="form-control" type="text" name="NumRegIdTrib_cfdi" id="NumRegIdTrib_cfdi" placeholder="1234">
                                </div>
                            </div>

                            <div class="row form-group">
                                <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="{{ old('txt_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;" id="div_regimenes">
                                            <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 (is_array(old('MultiRegimenFiscal')) && in_array($item->c_RegimenFiscal, old('MultiRegimenFiscal'))) 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">

                            <div class="row form-group" id="txt_curp">
                                <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="{{ old('txt_curp') }}"><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">E-mail
                                        <a href="#question-circle" data-toggle="tooltip" data-placement="right"
                                            title=""
                                            data-original-title="Permite guardar multiples direcciones de correo separandolas con una ',' que aparecerán por defecto en el 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>
                            </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="{{ old('txt_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="{{ old('txt_telefono') }}" 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
                                                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">Default</option>
                                            @foreach ($pdf as $item)
                                                <option value="{{ $item->id_plantilla }}">{{ $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="12"
                                            placeholder="p. ej.: Cliente preferencial de la Ciudad de Oaxaca" class="form-control" value="">{{ old('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_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>
                                        @php
                                            echo $bancos;
                                        @endphp
                                    </select>
                                    @if (old('txt_id_banco'))
                                        <script>
                                            $("#txt_id_banco option[value='{{ old('txt_id_banco') }}']").attr("selected", true);
                                        </script>
                                    @endif
                                </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="0" maxlength="18"
                                        value="{{ old('txt_no_cuenta') }}"
                                        @if (!old('txt_no_cuenta')) 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 (!old('txt_no_cuenta')) disabled @endif>{{ old('txt_desc_banco') }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row" id="mod-direcciones">
                <div class="col-lg-12" id="content-div-domicilios">
                    <div class="card" id="card-domicilioFiscal">
                        <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>

                        <div>
                            <div class="card-header justify-content-between">Domicilio&nbsp;
                                fiscal
                            </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 CIF<span class="color-red ">*</span></label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" name="txt_domicilio_fiscal" id="txt_domicilio_fiscal"
                                                placeholder="p. ej.: 68050" class="form-control" minlength="1"
                                                maxlength="5"
                                                value="{{ old('txt_domicilio_fiscal') }}">
                                        </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">&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">{{ old('txt_domicilio_corto') }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </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)"
                                                onkeyup="txt_searchCP(this)" 
                                                value="{{ old('txt_cp') }}">
                                        </div>
                                        <div id="wrapper_cp_extranjero" class="col-12 col-md-9 display_none">
                                            <input type="text" name="txt_cp" id="txt_cp"
                                                placeholder="p. ej.: 68050" class="form-control" minlength="1"
                                                maxlength="20" 
                                                value="{{ old('txt_cp') }}">
                                        </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
                                                    echo $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 display_none">
                                                <option value="0">Seleccione...</option>
                                            </select>
                                            <input type="text" name="input_estado" id="inputSlc_estado" placeholder="p. ej.: LA" class="form-control" >
                                        </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 display_none">
                                                <option value="0">Seleccione...</option>
                                            </select>
                                            <input type="text" name="input_municipio" id="inputSlc_municipio" placeholder="Municipio..." class="form-control" >
                                        </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 display_none">
                                                <option value="0">Seleccione...</option>
                                            </select>
                                            <input type="text" name="input_localidad" id="inputSlc_localidad" placeholder="Localidad..." class="form-control" >
                                        </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 display_none">
                                                <option value="0">Seleccione...</option>
                                            </select>
                                            <input type="text" name="input_colonia" id="inputSlc_colonia" placeholder="Colonia..." class="form-control" >
                                        </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="{{ old('txt_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="{{ old('txt_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="{{ old('txt_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="" @if (!old('txt_referencias'))  @endif>{{ old('txt_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">
                <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                    <button id="payment-button" type="button" class="btn btn-lg buttom_agregar"
                        onclick="receptores.isValidCp();">
                        <span>Registrar</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>
    <script>
        document.getElementById('txt_curp').style.display = 'none';
    </script>
@endsection
@include('modal.rfc_lista_negra')
@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