@extends('header_nuevo_generico')
@section('main')

<div class="row">
    <!-- FORMULARIO PARA EL USUARIO -->
    <form id="frmCreateNewSet" class="row col-md-3">
        {{ csrf_field() }}
        <div class="col-md-3 mt-4 pt-5 fixed-left ps-0 overflow-auto">
            <div class="accordion" id="accordionPanelsStayOpenExample">
                <div class="accordion-item">
                    <h2 class="accordion-header" id="panelsStayOpen-headingOne">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
                            <h5 class="text-start text-fidelitas">@traducir('Documentos','Documentos')</h5>
                        </button>
                    </h2>
                    <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
                        <div class="accordion-body d-flex flex-column">
                            <nav class="navbar row justify-content-center bg-light">    
                                <div class="col-12"> 
                                    <div class="input-group shadow-sm" role="search">
                                        <input id="buscador-documentos-disponibles" class="form-control" type="search" placeholder="@traducir('Buscar Documento','Buscar Documento')" aria-label="Search" autocomplete="off">
                                        <button type="button" class="btn btn-danger d-none" id="eliminar-filtro-actual-documentos-disponibles"><i class="bi bi-x-lg"></i></button>
                                    </div>
                                </div>
                            </nav>
                            <!-- -->
                            <ul class="list-group overflow-scroll">
                            @foreach( $documentos_disponibles as $i => $valor)
                            {{--<div class="row">
                                <div class="form-check form-check-inline mb-3 container_{{$valor->tipo_doc}}">
                                    <input class="form-check-input docs_disponibles vistaGenerica" name="docs_elegidos[]" type="checkbox" id="doc_{{$valor->tipo_doc}}" value="{{$valor->tipo_doc}}" data-name="{{$valor->nombre_tipo_doc}}" data-cargado="0" style="cursor:pointer;">
                                    <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="doc_{{$valor->tipo_doc}}" style="cursor:pointer;">{{$valor->nombre_tipo_doc}}</label>
                                </div>
                            </div>--}}
                            <li class="list-group-item container_{{$valor->tipo_doc}}">
                                <div class="form-check form-check-inline mb-3 container_{{$valor->tipo_doc}}">
                                    <input class="form-check-input docs_disponibles vistaGenerica" name="docs_elegidos[]" type="checkbox" id="doc_{{$valor->tipo_doc}}" value="{{$valor->tipo_doc}}" data-name="{{strtoupper($valor->nombre_tipo_doc)}}" data-cargado="0" style="cursor:pointer;">
                                    <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="doc_{{$valor->tipo_doc}}" style="cursor:pointer;">{{App\Http\Controllers\Traducciones::get($valor->nombre_tipo_doc)}}</label>
                                </div>
                            </li>
                            @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- <div class="accordion-item">
                    <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
                            <h5 class="text-start text-fidelitas">Complementos</h5>
                        </button>
                    </h2>
                    <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
                        <div class="accordion-body d-flex flex-column">
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqAntLegales" id="busquedAnteceLegales" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedAnteceLegales" style="cursor:pointer;">BUSQUEDA DE ANTECEDENTES LEGALES</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ConstAntPenales" id="constanciAntecePenales" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="constanciAntecePenales" style="cursor:pointer;">CONSTANCIA DE ANTECEDENTES PENALES</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ubicacion" id="ubicacion" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ubicacion" style="cursor:pointer;">UBICACIÓN</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="datosFiscInfComercial" id="datosFiscalesInfComercial" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="datosFiscalesInfComercial" style="cursor:pointer;">Datos fiscales (llamada fiscales informe comercial)</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="fidecheck" id="fidecheck" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="fidecheck" style="cursor:pointer;">Fidecheck</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="zonaResidenciaImg" id="zonaResidenciaImg" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="zonaResidenciaImg" style="cursor:pointer;">Zona de residencia ( imagen de zona )</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="finLlamBancoInfComercial" id="financieroLlamadaBancoInfComercial" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="financieroLlamadaBancoInfComercial" style="cursor:pointer;">Financiero ( llamada bancos informe comercial )</label>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
            <!-- BOTONES GENERAR PDF - FINALIZAR -->
            <div class="d-grid d-md-block text-end my-4">
                <!-- <button class="btn btn-outline-success" id="btnFinalizar" data-bs-toggle="modal" data-bs-target="#btnfinalizarModal">Generar</button> -->
                <button class="btn btn-outline-success" id="btnFinalizar"><i class="bi bi-files"></i> @traducir('Crear Set','Crear Set')</button>
                <!-- <button class="btn btn-outline-fidelitas" id="genPDF" type="button"><i class="bi bi-file-earmark-pdf-fill"></i> @traducir('Generar pdf','Generar pdf')</button> -->
            </div>
            <!-- -->
            <div class="d-grid">
                <div id="alert-crear-set" class="alert alert-danger d-none">
                    @traducir('No ha elegido ningun documento, para crear el set','No ha elegido ningun documento, para crear el set')
                </div>
            </div>
            <!--  -->
        </div>
    </form>
    <!--  -->
   <div class="col-md-9">
        <div class="mt-5 p-4" id="contenido-exportable">
            <div class="container d-none mt-5 p-4" id="contenido_{{env('DOC_ID_DATOS_PERSONALES')}}">
                @include('/modelos_docs/model_datos_personales')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_{{env('DOC_ID_CONTACTO_EMERGENCIA')}}">
                @include('/modelos_docs/model_contacto_emergencia')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_{{env('DOC_ID_PERFIL_EDUCATIVO_INICIAL')}}">
                @include('/modelos_docs/model_perfil_educativo')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_{{env('DOC_ID_EXPERIENCIA_LABORAL')}}">
                @include('/modelos_docs/model_experiencia_laboral')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_{{env('DOC_ID_ZONA_RESIDENCIA')}}">
                @include('/modelos_docs/model_zona_residencia')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_{{env('DOC_ID_MOVILIDAD')}}">
                @include('/modelos_docs/model_movilidad_propia')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_{{env('DOC_ID_GRUPO_FAMILIAR')}}">
                @include('/modelos_docs/model_grupo_familiar')
            </div>
            <!-- Complementos -->
            <div class="container d-none mt-5 p-4" id="contenido_BusqAntLegales">
                @include('/modelos_docs/model_legales')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_ConstAntPenales">
                @include('/modelos_docs/model_constancia_penal')
            </div>
            <div class="container d-none mt-5 p-4" id="contenido_ubicacion">
                @include('/modelos_docs/model_ubicacion')
            </div>
            <!--  -->
            <div class="container d-none mt-5 p-4" id="contenido_datosFiscInfComercial">
                @include('/modelos_docs/model_datos_fiscales')
            </div>
            <div class="container d-none mt-5 p-4" id="contenido_fidecheck">
                @include('/modelos_docs/model_fidecheck')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_zonaResidenciaImg">
                @include('/modelos_docs/model_zona_residencia_img')
            </div>
            <!-- -->
            <div class="container d-none mt-5 p-4" id="contenido_finLlamBancoInfComercial">
                @include('/modelos_docs/model_financiero')
            </div>
        </div>
   </div>

    <!-- Modal Finalizar-->
    <div class="modal fade" id="btnfinalizarModal" tabindex="-1" aria-labelledby="modal-alta-set" data-bs-backdrop="static" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-alta-set"></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" id="altaNewSet"></div>
                <div class="modal-footer">
                    <!-- SECCION DE BOTONES PARA EL MODAL CUANDO SE CARGA EL FORMUALRIO DEL SET -->
                    <div id="seccion-botones-formulario-set">
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><i class="bi bi-x"></i> @traducir('Cancelar','Cancelar')</button>
                        <button type="button" class="btn btn-fidelitas" id="siguiente-seccion-alta-set"><i class="bi bi-arrow-right"></i> @traducir('Siguiente','Siguiente')</button>
                    </div>
                    <!-- SECCION DE BOTONES PARA EL MODAL CUANDO SE PREVISUALIZAN LOS DATOS CARGADOS -->
                    <div id="seccion-botones-previsualizar-set" class="d-none">
                        <button type="button" class="btn btn-secondary" id="anterior-seccion-alta-set"><i class="bi bi-arrow-left"></i> @traducir('Anterior','Anterior')</button>
                        <button type="button" class="btn btn-success" id="finalizar-alta-set"><i class="bi bi-save-fill"></i> @traducir('Finalizar','Finalizar')</button>
                    </div>
                    <!-- SECCIONES DE BOTONES PARA AVANZAR A LA SECCION DE ASIGNAR FAMILIA -->
                    <div id="seccion-botones-asignar-familia" class="d-none">
                        <button type="button" class="btn btn-fidelitas" id="btn-seccion-asignar-familia"><i class="bi bi-card-checklist"></i> @traducir('Asignar a Familia','Asignar a Familia')</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL DE ASIGNAR SET A FAMILIAS DE CLIENTE -->
    <div class="modal fade" id="modalAsignarSetFamilia" aria-labelledby="modal-asignar-set-familia" data-bs-backdrop="static" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">@traducir('Asignar Set a Familia','Asignar Set a Familia')</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" id="contenidoAsignarSetFamilia"></div>
                <div class="modal-body d-none" id="esperaAsignarSetFamilia">
                    <div class="row justify-content-center">
                        <div class="col-lg-10 col-md-12 text-center">
                            <h6 class="lead text-fidelitas">@traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div></h6>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- MODAL DE PREVISUALIZAR DOCS DEL SET  -->
    <div class="modal fade" id="modalPrevisualizarSetDocs" aria-labelledby="modal-previsualizar-set-docs" data-bs-backdrop="static" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">@traducir('Previsualizar los documentos del set','Previsualizar los documentos del set')</h5>
                </div>
                <div class="modal-body" id="contenidoPrevisualizarSetDoc"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-fidelitas" data-bs-toggle="modal" data-bs-target="#btnfinalizarModal"><i class="bi bi-arrow-left"></i> @traducir('Volver','Volver')</button>
                </div>
            </div>
        </div>
    </div>
</div>

<form id="frmApi" action="" method="post">
    <input type="hidden" name="es_facon" value='3'>    
    <input type="hidden" name="docid" id="docid">
    <input type="hidden" name="tiene_dependencia" value="1">
</form>

<!-- form para generar pdf -->
<form id="generarPDF" action="/form-inteligente/generar-pdf" method="POST" target="_blank">
    {{ csrf_field() }}
    <input type="hidden" name="contenido" id="contenidoExportable">
</form>

@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/formulario_inteligente.js') }}?v=2"></script>
<script src="{{ asset('/Libreria_CA/Js/funciones.js') }}?v=1"></script>
<script>
    
    $(document).ready(function(){
        funciones_inteligentes();
    });
</script>
@endsection