@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">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="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;">{{$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">@traducir('Componentes del Informe','Componentes del Informe')</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;">@traducir('ANTECEDENTES LEGALES','ANTECEDENTES LEGALES')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqBalances" id="busquedBalances" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedBalances" style="cursor:pointer;">@traducir('BALANCES','BALANCES')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqBalancesXLS" id="busquedBalancesXLS" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedBalancesXLS" style="cursor:pointer;">@traducir('BALANCES Excel','BALANCES Excel')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqPrensa" id="busquedPrensa" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedPrensa" style="cursor:pointer;">@traducir('PRENSA','PRENSA')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqMinuta" id="busquedMinuta" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedminuta" style="cursor:pointer;">@traducir('Conclusiones','Conclusiones') (Minuta)</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqEjecutivo" id="busquedEjecutivo" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedEjecutivo" style="cursor:pointer;">@traducir('RESUMEN EJECUTIVO','RESUMEN EJECUTIVO')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqFamiliar" id="busquedFamiliar" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedFamiliar" style="cursor:pointer;">@traducir('GRUPO FAMILIAR','GRUPO FAMILIAR')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqAcademico" id="busquedAcademico" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedAcademico" style="cursor:pointer;">@traducir('PERFIL ACADEMICO','PERFIL ACADEMICO')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="BusqLaboral" id="busquedLaboral" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="busquedDLaboral" style="cursor:pointer;">@traducir('PERFIL LABORAL','PERFIL LABORAL')</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;">@traducir('CONSTANCIA DE ANTECEDENTES PENALES','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;">@traducir('MAPAS - UBICACIÓN','MAPAS - 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;">@traducir('Datos fiscales','Datos fiscales')</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;">@traducir('Zona de residencia','Zona de residencia') (StreetView)</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;">@traducir('Financiero','Financiero')</label>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- AGB --->
                <div class="accordion-item">
                    <h2 class="accordion-header" id="itemAGB">
                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#itemCAGB" aria-expanded="false" aria-controls="itemCAGB">
                            <h5 class="text-start text-fidelitas">@traducir('Tareas del Informe','Tareas del Informe')</h5>
                        </button>
                    </h2>
                    <div id="itemCAGB" class="accordion-collapse collapse" aria-labelledby="itemAGB">
                        <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="ccenterReferencias3" id="ccenterReferencias3" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias3" style="cursor:pointer;">@traducir('CALL CENTER - REFERENCIAS (TAREA)','CALL CENTER - REFERENCIAS (TAREA)')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias2" id="ccenterReferencias2" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias2" style="cursor:pointer;">@traducir('VALIDACIÓN DE TÍTULOS (TAREA)','VALIDACIÓN DE TÍTULOS (TAREA)')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias1" id="ccenterReferencias1" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias1" style="cursor:pointer;">@traducir('VALIDACIÓN DE MATRÍCULAS (TAREA)','VALIDACIÓN DE MATRÍCULAS (TAREA)')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias0" id="ccenterReferencias0" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias0" style="cursor:pointer;">@traducir('ACTUALZIACIÓN DE JUICIOS (TAREA)','ACTUALZIACIÓN DE JUICIOS (TAREA)')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias4" id="ccenterReferencias4" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias4" style="cursor:pointer;">@traducir('REDACCION (TAREA)','REDACCION (TAREA)')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias5" id="ccenterReferencias5" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias5" style="cursor:pointer;">@traducir('CONCLUSIONES (TAREA)','CONCLUSIONES (TAREA)')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias6" id="ccenterReferencias6" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias6" style="cursor:pointer;">@traducir('CARGA EDICTOS (TAREA)','CARGA EDICTOS (TAREA)')</label>
                            </div>
                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias7" id="ccenterReferencias7" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias7" style="cursor:pointer;">@traducir('HOMONIMIA EDICTOS (TAREA)','HOMONIMIA EDICTOS (TAREA)')</label>
                            </div>

                            <div class="form-check form-check-inline mb-3">
                                <input class="form-check-input vistaGenerica" type="checkbox" value="ccenterReferencias8" id="ccenterReferencias8" data-cargado="0" style="cursor:pointer;">
                                <label class="form-check-label nav-fidelitas text-fidelitas text-uppercase" for="ccenterReferencias8" style="cursor:pointer;">FIDECHECK (@traducir('TAREA','TAREA'))</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="btnFinalizarInforme"><i class="bi bi-files"></i> @traducir('Crear Informe','Crear Informe')</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>
</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=1"></script>
<script src="{{ asset('/Libreria_CA/Js/funciones.js') }}?v=1"></script>
<script>
    $(document).ready(function(){
        funciones_inteligentes();
    });
</script>
@endsection