@extends('header_new')
@section('main')
    <link rel="stylesheet" href="{{ asset('/components/trumbowyg.2.18.0/ui/trumbowyg.css') }}">
    <link rel="stylesheet" href="{{ asset('/Libreria_CA/css/plantillas_fidelitas.css') }}">
    <link href="{{ asset('/fontawesome/css/all.min.css')}}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('/Libreria_CA/css/fidecheck.css') }}">
    <link rel="stylesheet" href="{{ asset('/Libreria_CA/css/ic.css') }}">
    <!-- Para streetview en Chrome -->
    <script>
        HTMLCanvasElement.prototype.getContext = function(origFn) {
            return function(type, attribs) {
            attribs = attribs || {};
            attribs.preserveDrawingBuffer = true;
            return origFn.call(this, type, attribs);
        };
        }(HTMLCanvasElement.prototype.getContext);
    </script>
    <!-- -->
        <main class="container mt-5 pt-5">                
            <div class="container">
                <div class="row justify-content-end">
                    <!-- BARRA DE NAVEGACION -->
                    <div class="col-md-3 d-md-block fixed-left d-none mt-5 pt-5 border">
                        <nav id="informe_{{ $informesSeleccionar[0]->informe }}" class="navbar flex-column align-items-stretch p-3">
                            <nav class="nav nav-pills flex-column d-block overflow-auto" style="max-height:80vh;">
                                <h6 class="text-center text-fidelitas lead">Adjuntos</h6>
                                <hr>                                                                      
                                    <!-- TAX DATA -->
                                    <div class="row my-2">
                                        <div class="col-xl-1">
                                            @if( $tax_data ) 
                                                <i class="bi bi-file-earmark-person fs-4 text-success"></i> 
                                            @else
                                                <i class="bi bi-file-earmark-person fs-4 text-danger"></i> 
                                            @endif
                                        </div>
                                        <div class="col-xl-5">
                                            <h5 class="lead">@traducir('constancia_cuit','Constancia de cuit')</h5>
                                            @if( $tax_data ) 
                                                <small class="text-success">@traducir('Esta cargado','Esta cargado')</small>
                                            @else
                                                <small class="text-danger">@traducir('No esta cargado','No esta cargado')</small>
                                            @endif
                                        </div>
                                        <div class="col-xl-6">
                                            <button type="button" id="btn-edit-constancia" class="btn btn-fidelitas" data-bs-toggle="modal" data-bs-target="#modalEdicionConstCuit"><i class="bi bi-person-lines-fill"></i> @traducir('Editar','Editar')</button>
                                            @if( $tax_data )
                                                <a type="button" href="{{ env('HOST_GEN_PDF_NEW').$tax_data }}" target="_blank" class="btn btn-fidelitas"><i class="bi bi-eye"></i> @traducir('Ver','Ver')</a>
                                            @endif
                                        </div>
                                    </div>
                                @if( !empty($evidencias) )
                                    <hr>
                                    <!-- EVIDENCIAS -->
                                    <h6 class="text-center text-fidelitas lead">@traducir('Evidencias','Evidencias')</h6>
                                    <!-- -->
                                    <hr>
                                    @foreach( $evidencias as $archivo => $datos )
                                    <div class="row my-2">
                                        @if( $datos['empty'] )
                                            <div class="col-xl-1">
                                                @if( $datos['tipo'] == 'pdf' )
                                                    <i class="bi bi-file-earmark-pdf-fill fs-4 text-danger"></i>
                                                @else
                                                    <i class="bi bi-file-earmark-image-fill fs-4 text-danger"></i>
                                                @endif
                                            </div>
                                            <div class="col-xl-5">
                                                <h5 class="lead">{{ $archivo }}</h5>
                                                <small class="text-danger">@traducir('No esta cargado','No esta cargado')</small>
                                            </div>
                                        @else
                                            <div class="col-xl-1">
                                                @if( $datos['tipo'] == 'pdf' )
                                                    <i class="bi bi-file-earmark-pdf-fill fs-4 text-success"></i>
                                                @else
                                                    <i class="bi bi-file-earmark-image-fill fs-4 text-success"></i>
                                                @endif
                                            </div>
                                            <div class="col-xl-5">
                                                <h5 class="lead">{{ $archivo }}</h5>
                                                <small class="text-success">@traducir('Cargado','Cargado')</small>
                                            </div>
                                        @endif
                                        @if( isset($datos['file']) )
                                            <div class="col-xl-6">
                                                @if( !is_array($datos['file']) )
                                                    <a type="button" href="{{ env('HOST_GEN_PDF_NEW').$datos['file'] }}" target="_blank" class="btn btn-fidelitas"><i class="bi bi-eye"></i> @traducir('Ver','Ver')</a>
                                                @else
                                                    @foreach($datos['file'] as $dato)
                                                        <a type="button" href="{{ env('HOST_GEN_PDF_NEW').$dato }}" target="_blank" class="btn btn-fidelitas"><i class="bi bi-eye"></i> @traducir('Ver','Ver')</a>
                                                    @endforeach
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                    @endforeach
                                @endif
                                <hr>
                                <!-- COMPONENTES -->
                                <h6 class="text-center text-fidelitas lead">@traducir('Componentes','Componentes')</h6>
                                <hr>
                                @foreach( $secciones_informe as $comp )
                                    @if ( $comp->tipo_elem == 'C' )
                                        <a class="nav-link nav-fidelitas text-fidelitas" href="#componente-{{ $comp->idComponente }}" id="nav-{{ $comp->idComponente }}">
                                            {{ $comp->titulo_componente }} @if( !is_null($comp->descrip_componente) && !empty($comp->descrip_componente) ) <i class="bi bi-exclamation-circle text-info info-seccion" data-bs-title="{{ $comp->descrip_componente }}"></i> @endif <button type="button" data-seccion="#componente-{{ $comp->idComponente }}" class="btn btn-sm btn-ocultar-seccion btn-outline-danger border border-0 fs-5" title="@traducir('Descartar sección','Descartar sección') {{ $comp->nombre_componente }}"><i class="bi bi-dash-circle icon_ubicacion"></i> </button> </a> 
                                        </a>
                                    @endif
                                @endforeach
                                <!-- -->
                                <hr>
                                <!-- -->
                                <h6 class="text-center text-fidelitas lead">@traducir('Tareas','Tareas')</h6>
                                @foreach( $tareas as $tarea )
                                    <div class="row">
                                        <div class="col-1">@if($tarea->estado_tarea == 'K') <i class="p-0 text-success bi bi-check-circle-fill fs-4"></i> @else <i class="p-0 text-danger bi bi-x-circle-fill fs-4"></i> @endif</div>
                                        <div class="col-10">
                                            <a class="nav-link nav-fidelitas @if($tarea->estado_tarea == 'K') text-success @else text-danger @endif" href="#tarea_{{ $tarea->tarea }}" id="nav_{{ $tarea->tarea }}">
                                                {{ $tarea->nombre_tipo_tarea }}
                                            </a>
                                        </div>
                                    </div>
                                        
                                @endforeach
                                <hr>
                            </nav>
                        </nav>
                    </div>
                    <!-- FORMULARIO -->
                    <div class="col-md-9" id="contenido-exportable">
                        <div class="row justify-content-center my-0 py-0 noGenerar">
                            <h4 class="text-center text-decoration-underline lead">@traducir('INFORME POR CUENTA Y ORDEN DE:','INFORME POR CUENTA Y ORDEN DE:')</h4>
                        </div>
                        <!-- -->
                        <div class="row justify-content-center noGenerar">
                            <h3 class="text-center fw-bold">{{$datos_cliente->nombre_cliente}} - {{$datos_cliente->identificacion}}</h3>
                        </div>
                        <!-- -->
                        <div class="container" data-bs-spy="scroll" data-bs-target="#informe_{{ $informesSeleccionar[0]->informe }}" data-bs-offset="1" tabindex="0">
                            @foreach( $secciones_informe as $comp )
                                @if( $comp->tipo_elem == 'C' )
                                <input type="hidden" class="rutas" data-id-comp="{{ $comp->idComponente }}" id="ruta-componente-{{ $comp->idComponente }}" value="{{ '/informes/componentes'.$comp->ruta }}" @if( $comp->tipo_componente == 'I' ) data-seccion-ic="{{ $comp->secciones_ic }}" @endif @if( $comp->idTipoDoc_dependiente ) data-tipo-doc="{{ $comp->idTipoDoc_dependiente }}" @endif>
                                <div class="container pb-2" id="componente-{{ $comp->idComponente }}">
                                    <!-- -->
                                    <div class="row justify-content-center my-3">
                                        <h3 class="text-center text-fidelitas border-bottom border-top border-fidelitas py-1 mb-4">@if (isset($comp->titulo_componente)) {{$comp->titulo_componente}} @else {{ $comp->nombre_componente }} @endif</h3>
                                    </div>
                                    <!-- -->
                                    <div class="row justify-content-center my-3" id="cargando-{{ $comp->idComponente }}">
                                        <div class="spinner-border text-center text-fidelitas"></div>
                                    </div>
                                    <!-- -->
                                    <div class="" id="contenido-{{ $comp->idComponente }}"></div>
                                    <!--  -->
                                    @if( !$loop->last )
                                        <div class="page-breaker"></div>
                                    @endif
                                </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
            <!-- MODALES  -->
            <!-- MODAL DE INQUIRO -->
            <div class="modal fade" id="modalInformeInquiro">
                <div class="modal-dialog modal-xl" id="modalInformeInquiroContenedor">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="modalInformeInquiroCabecera"></h5>
                            <button class="btn-close" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body" id="contenidoInformeInquiro">
                        </div>
                    </div>
                </div>
            </div>
            <!-- MODAL DE CONFIRMACIÓN DE OCULTAR SECCIÓN EN INFORME -->
            <div id="modalDescartarSeccion" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">@traducir('Descartar Sección','Descartar Sección')</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>
                        <div class="modal-body" id="contenido-descartar-seccion">
                            <div>¿@traducir('Está seguro que desea descartar la sección','Está seguro que desea descartar la sección') <span id="seccion_descartar" class="fw-lighter"></span>?</div>
                            <div class="row pt-4">
                                <div class="col text-end">
                                    <button class="btn btn-success" type="button" id="confirma_oculta_seccion">@traducir('Confirmar','Confirmar')</button>
                                </div>
                                <div class="col">
                                    <button class="btn btn-danger" data-bs-dismiss="modal" type="button">@traducir('Rechazar','Rechazar')</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- MODAL DE EDICION DE FIDECHECK -->
            @include('modals/edicion_fidecheck')
            <!-- MODAL DE EDICION DE DOCUMENTOS DE FACÓN -->
            <div id="modalEdicionDocFacon" class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false">
                <div class="modal-dialog modal-xl">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">@traducir('Editar Documento','Editar Documento')</h5>
                            <!-- <button type="button" class="btn-close" data-bs-dismiss="modal"></button> -->
                        </div>
                        <form id="frmCampos" method="post">
                            {{csrf_field()}}
                            <div class="modal-body" >
                                <input type="hidden" name="contraparte" id="contraparte" value="{{$datos_contraparte->contraparte}}">
                                <input type="hidden" name="es_facon" value="0">
                                <!-- -->
                                <input name="doc_id" type="hidden" value="">
                                <input type="hidden" name="doc_siguiente" value="0">
                                <div id="contenido-edicion-doc_facon"></div>
                            </div>
                            <div class="row p-4 justify-content-end">
                                <div class="col col-md-2 d-grid">
                                    <button class="btn btn-success" id="guardar-cambios-doc" type="button" data-seccion=""><i class="bi bi-pencil-square"></i> @traducir('Guardar','Guardar')</button>
                                </div>
                                <div class="col col-md-2 d-grid">
                                    <button class="btn btn-fidelitas" id="cerrar-modalEdicionDocFacon"type="button" class="border border-0" data-bs-dismiss="modal"><i class="bi bi-eye icon_datos_contraparte"></i>  @traducir('Salir','Salir')</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </main>       
        <!-- MODAL DE EDICION DE CONSTANCIA DE CUIT -->
        <div id="modalEdicionConstCuit" class="modal fade">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">@traducir('Agregar constancia contraparte','Agregar constancia contraparte')</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body" id="contenido-edicion-const-cuit">
                        <form id="frmConstCuitEdit" action="/constancia/editar-constancia-cuit" method="post">
                            {{ csrf_field() }}
                            <input type="hidden" name="cli_cuit" id="cli_cuit" value="{{$datos_contraparte->identificacion}}">
                            <input type="hidden" name="cliente" id="cliente" value="{{$datos_contraparte->cliente}}">
                            <input type="hidden" name="contraparte" id="contraparte" value="{{$datos_contraparte->contraparte}}">
                            <input type="hidden" name="nombre_persona" id="nombre_persona" value="{{$datos_contraparte->nombre_persona}}">
                            <div class="row my-4">
                                <div class="col-md-12">
                                    <div class="mb-4 text-fidelitas text-center fs-5">
                                        @traducir('Subir contancia de cuit','Subir contancia de cuit'):
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <input type="file" class="form-control" name="idConstCuit" id="idConstCuit" required>
                                    </div>
                                </div>
                            </div>
                            <div id="mensaje-constancia" class="alert d-none mt-2 text-center fw-bold"></div>
                            <div class="row my-2">
                                <div class="col-md-12 text-center">
                                    <button type="submit" class="btn btn-fidelitas"><i class="bi bi-check"></i> @traducir('Aceptar','Aceptar')</button>
                                    <button type="button" class="btn btn-fidelitas" data-bs-dismiss="modal"><i class="bi bi-x"></i> @traducir('Cancelar','Cancelar')</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- FORMULARIOS -->
        <!-- FORMULARIO PARA CARGAR EL DOCUMENTO -->
        <form id="frmContenidoDoc">
            {{csrf_field()}}
            <input type="hidden" name="tipo_documento" value="">
            <input type="hidden" name="es_facon" value="0">
            <input type="hidden" name="docid" value="">
            <input type="hidden" name="es_reporte" value="1">
            <input type="hidden" name="tiene_dependencia" value="">
            <input type="hidden" name="lang_api" value="{{ Session::get('usuario')->codigo_idioma }}">
        </form>
        <!-- FORMULARIO INFORME COMERCIAL -->
        <form id="frmIC">
            {{ csrf_field() }}
            <input type="hidden" name="apikey" value="{{ env('APIKEY_BRIEF')}}">
            <input type="hidden" name="cuit" value="{{ $datos_contraparte->identificacion }}">
            <input type="hidden" name="cliente_login" value="1">
            <input type="hidden" name="ic_new" value="1">
            <input type="hidden" name="idioma" value="{{Session::get('usuario')->codigo_idioma}}">
        </form>
        <!-- FORMULARIO PARA CARGAR LOS DISTINTOS COMPONENTES DEL INFORME -->
        <form id="frmComponentesInforme" method="POST">
            {{ csrf_field() }}
            <input type="hidden" name="contraparte" value="{{ $datos_contraparte->contraparte }}">
            <input type="hidden" name="cuit" value="{{ $datos_contraparte->identificacion }}">
            <input type="hidden" name="cliente" value="{{ $datos_contraparte->cliente }}">
            <input type="hidden" name="gestion" value="{{ $datos_contraparte->gestion }}">
            <input type="hidden" name="componente">
            <input type="hidden" name="tipo_doc">
        </form>
        <!-- FORMULARIO PARA GENERAR EL PDF DEL INFORME -->
        <form id="generarPDF" action="/iv-informe/generar-pdf" method="POST">
            {{ csrf_field() }}
            <input type="hidden" name="contenido" id="contenidoExportable">
            <input type="hidden" name="contraparte" value="{{$datos_contraparte->contraparte}}">
            <input type="hidden" name="cliente" value="{{$datos_contraparte->cliente}}">
            <input type="hidden" name="gestion" value="{{$datos_contraparte->gestion}}">
            <input type="hidden" name="producto" value="{{$datos_contraparte->servicio_contratado}}">
            <input type="hidden" name="informe" value="{{$informesSeleccionar[0]->informe}}">
            <input type="hidden" name="tipo_informe" value="{{$informesSeleccionar[0]->id_tipo_informe}}">
            <input type="hidden" name="nombre_tipo_informe" value="{{$informesSeleccionar[0]->nombre_tipo_informe}}">
            <!-- -->
            <input type="hidden" name="graficoFinanciero">
            <input type="hidden" name="graficoSituaciones">
            <input type="hidden" name="graficoGarantias">
            <input type="hidden" name="graficoCheques">
            <!-- -->
            <input type="hidden" name="graficoFinancieroBrief">
            <input type="hidden" name="graficoChequesBrief">
            <input type="hidden" name="graficoEmpleadosBrief">
            <input type="hidden" name="graficoComexBrief">
            <!-- -->
            <input type="hidden" name="graficoSociedades">
        </form>
        <!-- -->
        <form id="frmReportesRedireccion" action="/blue/servicios-contratados-contrapartes-acciones" method="POST">
            {{ csrf_field() }}
            <input type="hidden" name="accion" value="reportes">
            <input type="hidden" name="contraparte" value="{{$datos_contraparte->contraparte}}">
            <input type="hidden" name="cli_cuit" value="{{$datos_contraparte->identificacion}}">
            <input type="hidden" name="cli_codigo" value="{{$datos_cliente->cli_codigo}}">
            <input type="hidden" name="direccion">
        </form>
        <!-- -->
        <input type="hidden" id="url_fidelitas" value="https://ic.fidelitas.com.ar">
        <input type="hidden" id="url_legajos" value="{{ env('API_LEGAJOS') }}">
@endsection
@section('funcionesJs')
    <script src="{{ asset('/components/trumbowyg.2.18.0/trumbowyg.min.js') }}"></script>
    <script src="{{ asset('/components/trumbowyg.2.18.0/langs/es.min.js') }}"></script>
    <script src="{{ asset('/components/trumbowyg.2.18.0/plugins/fontfamily/trumbowyg.fontfamily.min.js') }}"></script>
    <script src="{{ asset('/components/trumbowyg.2.18.0/plugins/fontsize/trumbowyg.fontsize.min.js') }}"></script>
    <script src="{{ asset('/components/trumbowyg.2.18.0/plugins/colors/trumbowyg.colors.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/chart2.8.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/numeral2.6.min.js') }}"></script>
    <script type="text/javascript" src="{{ URL::asset('js/vis.min.js') }}"> </script>
    <script type="text/javascript" src="{{ env('URL_INTERNA') }}/Libreria_CA/Js/iv/iv_compacto_llamadas.js"> </script>
    <script type="text/javascript" src="{{ env('URL_INTERNA') }}/Libreria_CA/Js/iv/iv_compacto_funciones.js"> </script>
    <script type="text/javascript" src="{{ env('URL_INTERNA') }}/Libreria_CA/Js/iv/iv_compacto_eventos.js"> </script>
    <script src="/js/html2canvas.min.js"></script>
    <script src="{{ URL::asset('/Libreria_CA/Js/funciones_ic.js') }}"></script>
    <script src="{{ URL::asset('/Libreria_CA/Js/funciones_redaccion_informe.js') }}?v={{rand()}}"></script>
    <script>
        $(document).ready(function(){
            let permiso_pdf = <?php echo($permiso_generar_pdf);?>;
            eventosInformeRedaccion(permiso_pdf);
        });
    </script>
@endsection