@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('success') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('warning'))
                <div class="alert alert-warning text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('warning') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if(session()->has('error'))
                <div class="alert alert-danger text-center alert-dismissible" role="alert">
                    <strong>{{ session()->get('error') }}</strong>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger alert-dismissible" role="alert">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    <div class="ui big breadcrumb">
        <div class="section">SEATSA Internacional</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">International customers portal</div>
    </div>
    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    @include('Control_documentos.Notificacion.notificacion_documento_version')
    {{--
    <div class="ui segment">
        <form class="ui form" action="usuarioSearch" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Nombre del usuario…">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar usuario">
                </div>
            </div>
        </form>
    </div>
    --}}
	@if ($permisos->crear == 1)
     
	@endif
    <div class="row mt-3">
        <div class="col-lg-12">
            <a href="international_customers_portal" target="_blank" class="ui button blue fluid">
                <i class="home icon"></i>Portal de clientes internacionales
            </a>
        </div>
    </div>
    <div class="ui divider"></div>
    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                  <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Solicitudes de Clientes</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Administrar Usuarios del Portal</a>
                </li>                
              </ul>
              <div class="tab-content" id="myTabContent">
                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                    <br>
                    <p class="text-center" >{{ $solicitudes_usuarios->count() }}</strong> resultados en esta página</p>
                    <table class="ui celled table unstackable datatable-automatic-search">
                        <thead>
                            <tr>
                                <th>Folio</th>
                                <th>Fecha de solicitud</th>
                                <th>Cliente factura</th>
                                <th>Cliente informe</th>
                                <th>Contacto</th>
                                <th class="collapsing">Estatus</th>                                
                                <th class="collapsing">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($solicitudes_usuarios->count())
                            @php $i=1; @endphp
                            @foreach ($solicitudes_usuarios as $solicitud)
                                @php
                                    $fecha = date("d-m-Y",strtotime($solicitud->fecha));
                                    $datos_cliente_informe = datos_cliente_informe($solicitud->id_customer_report);

                                    if (!isset($datos_cliente_informe->id_customer_report)){
                                        continue;
                                    }                                        
                                        
                                    $datos_cliente_factura = datos_cliente_factura($solicitud->id_customer_invoice,$datos_cliente_informe->id_customer_report);
                                    $datos_cliente_contacto_factura = datos_cliente_contacto_factura($solicitud->id_customer_contact_invoice);
                                @endphp
                                {{-- {{$solicitud->folio}} --}}
                                <tr>
                                    <td>@if ($i>=10) 000{{$i}} @else 0000{{$i}} @endif</td>
                                    <td>{{$fecha}}</td>
                                    <td>{{$datos_cliente_factura->company_name}}</td>
                                    <td>{{$datos_cliente_informe->company_name}}</td>
                                    <td>{{$datos_cliente_contacto_factura->name}}</td>
                                    
                                    <td class="text-center">
                                        @switch($solicitud->status)
                                            @case(0)
                                                <span class="btn btn-danger">No Aprobado</span>
                                                @break
                                            @case(1)
                                                <span class="btn btn-success">Aprobado</span>
                                                @break
                                            @default 
                                        @endswitch
                                        
                                    </td>
                                    
                                    <td>
                                        <div class="ui tiny icon buttons">
                                            <a 
                                                title="Credenciales de acceso" 
                                                @switch($solicitud->status)
                                                    @case(0)
                                                        class="ui button blue send_credenciales_acceso disabled" 
                                                    @break
                                                    @case(1)
                                                        class="ui button blue send_credenciales_acceso" 
                                                    @break
                                                @endswitch
                                                data-id_cliente_informe="{{$datos_cliente_informe->id_customer_report}}"
                                                data-id_cliente_factura="{{$datos_cliente_factura->id_customer_invoice}}"
                                                data-id_cliente_contacto_factura="{{$datos_cliente_contacto_factura->id_customer_contact_invoice}}"
                                                data-id_portal_solicitud_usuario="{{$solicitud->id_portal_user_request}}"   
                                                >
                                                <i class="mail icon"></i>
                                            </a>
                                          @if ($permisos->actualizar == 1)
                                            <!-- Editar -->                                    
                                            <a class="ui button green edit_solicitud" 
                                               title="Modifica"
                                               data-id_cliente_informe="{{$datos_cliente_informe->id_customer_report}}"
                                               data-id_cliente_factura="{{$datos_cliente_factura->id_customer_invoice}}"
                                               data-id_cliente_contacto_factura="{{$datos_cliente_contacto_factura->id_customer_contact_invoice}}"
                                               data-id_portal_solicitud_usuario="{{$solicitud->id_portal_user_request}}"  
                                            >
                                                <i class="pencil alternate icon"></i>
                                            </a>
                                          @endif
                                            <!-- Eliminar -->
                                            {{--<form action="{{action('usuarios@destroy', $usuario->id_usuario)}}" method="post">
                                                {{csrf_field()}}
                                                <input name="_method" type="hidden" value="DELETE">
                                                <button class="ui button red" type="submit">
                                                    <i class="trash alternate icon"></i>
                                                </button>
                                            </form>--}}
                                          @if ($permisos->eliminar == 1)
                                            <button class="ui button red eliminarSolicitudCliente" 
                                            data-id_portal_solicitud_usuario="{{$solicitud->id_portal_user_request}}"  
                                            data-nombre_cliente="{{$datos_cliente_factura->company_name}}">
                                                <i class="trash alternate icon"></i>
                                            </button>
                                          @endif
                                            
                                        </div>
                                    </td>
                                </tr>
                                @php $i++; @endphp
                            @endforeach
                            @else
                            <tr>
                                <td colspan="8">No se encontraron registros</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                    <br>
                    <p class="text-center" >{{ $clientes_facturas->count() }}</strong> resultados en esta página</p>
                    <table class="ui celled table unstackable datatable-automatic-search">
                        <thead>
                            <tr>
                                <th>Cliente factura</th>
                                <th>Contactos</th>
                                <th class="collapsing">Estatus Usuario</th>
                               
                                <th class="collapsing">Acciones</th>
                                
                                
                            </tr>
                        </thead>
                        <tbody>
                            @if($clientes_facturas->count())
                            @foreach ($clientes_facturas as $cliente_factura)
                                @php
                                $datos_contacto = datos_contacto_cliente_factura($cliente_factura->id_cliente_factura);
                                $estatus = datos_usuario_cliente_factura($cliente_factura->id_cliente_factura);
                                @endphp
                                {{--@if ($datos_contacto->count())--}}
                                <tr>
                                    <td>{{$cliente_factura->nombre_empresa}}</td>
                                    <td>
                                        <table>
                                            <tbody>
                                                @foreach ($datos_contacto as $dato_contacto)
                                                    <tr>
                                                        <td>{{$dato_contacto->nombre_contacto}}</td>
                                                        <td>Tel. {{$dato_contacto->telefono}}</td>
                                                    </tr>  
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </td>
                                    <td class="text-center">
                                        @switch($estatus)
                                            @case(0)
                                                <span class="btn btn-danger">Inactivo</span>
                                                @break
                                            @case(1)
                                                <span class="btn btn-success">Activo</span>
                                                @break
                                            @default 
                                                <span class="btn btn-danger">Inactivo</span>
                                                @break
                                        @endswitch
                                        
                                    </td>
                                    
                                    <td>
                                        <div class="ui tiny icon buttons">
                                            <a 
                                            title="Credenciales de acceso" 
                                            @switch($estatus)
                                                    @case(0)
                                                        class="ui button blue send_credenciales_acceso_cliente_factura disabled" 
                                                    @break
                                                    @case(1)
                                                        class="ui button blue send_credenciales_acceso_cliente_factura" 
                                                    @break
                                            @endswitch
                                            data-id_cliente_factura="{{$cliente_factura->id_cliente_factura}}"
                                            >
                                             <i class="mail icon"></i>
                                            </a>
                                          @if ($permisos->actualizar == 1)
                                            <!-- Editar -->                                    
                                            <a class="ui button green edit_portal_usuario" 
                                               title="Modifica"
                                               data-id_cliente_factura="{{$cliente_factura->id_cliente_factura}}"
                                            
                                            >
                                                <i class="pencil alternate icon"></i>
                                            </a>
                                          @endif
                                        </div>
                                    </td>
                                </tr> 
                                {{--@endif--}}
                                
                            @endforeach
                            @else
                            <tr>
                                <td colspan="8">No se encontraron registros</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
              </div>
        </div>
    </div>
    @php
        use App\Customer_Report;
        use App\Customer_Invoice;
        use App\Customer_Contact_Invoice;
        use App\Portal_User;

        function datos_cliente_informe($id_customer_report){
            $datos_cliente_informe = Customer_Report::select('id_customer_report','company_name')->where('id_customer_report',$id_customer_report)->first();
            return $datos_cliente_informe;
        }

        function datos_cliente_factura($id_customer_invoice,$id_customer_report){
            $datos_cliente_factura = Customer_Invoice::select('id_customer_invoice','company_name')->where('id_customer_invoice',$id_customer_invoice)->first();
            if ($datos_cliente_factura == null) {
                $datos_cliente_factura = Customer_Invoice::select('customer_invoices.id_customer_invoice','customer_invoices.company_name')
                ->join('customer_invoice_x_customer_reports', 'cliente_invoices.id_customer_invoice', '=', 'customer_invoice_x_customer_reports.id_customer_invoice')
                ->where('customer_invoice_x_customer_reports.id_customer_report',$id_customer_report)
                ->first();
            }
            return $datos_cliente_factura;
        }

        function datos_cliente_contacto_factura($id_customer_contact_invoice){
            $datos_cliente_contacto_factura = Customer_Contact_Invoice::select('id_customer_contact_invoice','name')->where('id_customer_contact_invoice',$id_customer_contact_invoice)->first();
            
            return $datos_cliente_contacto_factura;
        }

        function datos_contacto_cliente_factura($id_customer_invoice){
            $datos_contacto = Customer_Contact_Invoice::select(
                'name as nombre_contacto',
                'cellphone as telefono'
            )
            ->leftjoin('portal_user_requests', 'customer_contact_invoices.id_customer_contact_invoice', '=', 'portal_user_requests.id_customer_contact_invoice')
            ->where(function($q){
                $q->where('portal_user_requests.status', 1);
                //->orWhere('customer_contact_invoices.portal_request', 0);
            })
            ->where('id_customer_invoice',$id_customer_invoice)
            ->get();
            
            return $datos_contacto;
        }
        
        function datos_usuario_cliente_factura($id_cliente_factura){
            $datos_usuario_cliente_factura = Portal_User::select(
                'user as usuario',
                'password as contrasena',
                'status as estatus'
            )
            ->where('id_customer_invoice',$id_cliente_factura)
            ->first();
            $estatus = 0;
            if ($datos_usuario_cliente_factura != null) {
                $estatus = $datos_usuario_cliente_factura->estatus;
            }

            return $estatus;
        }
        
    @endphp
    @include('International_Customer_Portal.Solicitudes_clientes.edit_portal_solicitud_cliente_modal')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_solicitud').on('click', function(){
                //$('#edit_portal_solicitud_cliente_modal').modal('show');
                //idUsuario = $(this).attr('id');
                id_cliente_informe = $(this).data('id_cliente_informe');
                id_cliente_factura = $(this).data('id_cliente_factura');
                id_cliente_contacto_factura = $(this).data('id_cliente_contacto_factura');
                id_portal_solicitud_usuario = $(this).data('id_portal_solicitud_usuario');

                $('#id_cliente_informe').val(id_cliente_informe);
                $('#id_cliente_factura').val(id_cliente_factura);
                $('#id_cliente_contacto_factura').val(id_cliente_contacto_factura);
                $('#id_portal_solicitud_usuario').val(id_portal_solicitud_usuario);
            
                $.ajax({
                    url:"show_datos_portal_solicitud_usuario_internacional",
                    method:"POST",
                    data:{'id_portal_solicitud_usuario': id_portal_solicitud_usuario,'id_cliente_informe': id_cliente_informe,'id_cliente_factura': id_cliente_factura,'id_cliente_contacto_factura': id_cliente_contacto_factura, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        $('#edit_portal_solicitud_cliente_modal').modal('show');
                    }
                });
        
            });
        });
        
        $('#edit_portal_solicitud_cliente_modal').on('show.bs.modal', function () {
            $('#estatus_solicitud').selectpicker('val', resultData['datos_solicitud']['estatus']);

            $("#nav-empresa :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                if(input in resultData['datos_cliente_factura']){
                    
                    $('#nav-empresa #'+input).val(resultData['datos_cliente_factura'][input]);
                    $('#nav-empresa #'+input).selectpicker('val', resultData['datos_cliente_factura'][input]);
                }
            });
            
            rfc_archivo_factura = "";
            rfc_archivo_factura += "<div class='form-row col-md-12'><a target='blank_' class='ui button blue fluid' href='storage/customer_invoice_files/"+resultData['datos_cliente_factura']['tax_number_file']+"'>Ver archivo Tax-ID</a></div>";
            //
            //storage_path('app/public/cliente_factura_rfc/1413422021-05-31_01-54-17.jpg')
            $('#div_rfc_archivo_factura').html(rfc_archivo_factura);
            
            $("#nav-informe :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                if(input in resultData['datos_cliente_informe']){
                    
                    $('#nav-informe #'+input).val(resultData['datos_cliente_informe'][input]);
                    $('#nav-informe #'+input).selectpicker('val', resultData['datos_cliente_informe'][input]);
                }
            });
            datos_rep_legal = "";
            $.each(resultData['datos_rep_legal_cliente_informe'], function(key, value) {
                datos_rep_legal += "<div class='form-row'><div class='form-group col-md-12'><label class='col-form-label'>Representante Legal</label><input type='text' class='form-control' placeholder='Representante Legal' id='representante_legal_informe' name='representante_legal_informe' value='"+value['representante_legal']+"'></div></div>";                            
            });
            $('#div_datos_rep_legal').html(datos_rep_legal);
            

            $("#nav-contacto :input").each(function(){
                
                input = $(this).attr('id'); // This is the jquery object of the input, do what you will
                if(input in resultData['datos_cliente_contacto_factura']){
                    
                    $('#nav-contacto #'+input).val(resultData['datos_cliente_contacto_factura'][input]);
                    $('#nav-contacto #'+input).selectpicker('val', resultData['datos_cliente_contacto_factura'][input]);
                }
            });
            
            if (resultData['datos_portal_usuario'] != null) {
                $('#datos_usuario_autom_div').hide();
                $('#nombre_usuario').val(resultData['datos_portal_usuario']['user']);
                $('#contrasena_usuario').val(resultData['datos_portal_usuario']['password']);
            }else{
                $('#datos_usuario_autom_div').show();
            }
            
    
            
             
        });
    </script>
    <script>
        $(".generar-credenciales").on("change", () => {
            if ($(this).is(":checked")){
                
                usuario = $('#rfc_factura').val();
                usuario = usuario.slice(0,3);  

                num_random = random(100, 1000);
                usuario = usuario+num_random;

                password = generarContrasena();
                $('#nombre_usuario').val(usuario);
                $('#contrasena_usuario').val(password);

                
            }else{
                $('#nombre_usuario').val('');
                $('#contrasena_usuario').val('');
            }
        });
        
    </script>
    @include('International_Customer_Portal.Solicitudes_clientes.send_email_portal_solicitud_cliente')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.send_credenciales_acceso').on('click', function(){
                
                id_cliente_informe = $(this).data('id_cliente_informe');
                id_cliente_factura = $(this).data('id_cliente_factura');
                id_cliente_contacto_factura = $(this).data('id_cliente_contacto_factura');
                id_portal_solicitud_usuario = $(this).data('id_portal_solicitud_usuario');

                $('#id_cliente_factura_mail').val(id_cliente_factura);
                
                $.ajax({
                    url:"show_datos_portal_solicitud_usuario_internacional",
                    method:"POST",
                    data:{'id_portal_solicitud_usuario': id_portal_solicitud_usuario,'id_cliente_informe': id_cliente_informe,'id_cliente_factura': id_cliente_factura,'id_cliente_contacto_factura': id_cliente_contacto_factura, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        $('#email_destinatario_1').val(resultData['datos_cliente_contacto_factura']['contact_email'])
                        $('#modal_send_credenciales_portal_solicitud_cliente').modal('show');
                    }
                });
                
            });
        });
    </script>
    @include('International_Customer_Portal.Solicitudes_clientes.delete_portal_solicitud')
    <script>
        $(document).on('click','.eliminarSolicitudCliente',function(){
            var id_portal_solicitud_usuario=$(this).attr('data-id_portal_solicitud_usuario');
            var nombre_cliente=$(this).attr('data-nombre_cliente');
           
            //$('#id_usr').val(id_usuario);
            $('#nombre_cliente_delete').html(nombre_cliente);
            $('#id_portal_solicitud_usuario_del').val(id_portal_solicitud_usuario);

            $('#delete_portal_solicitud_cliente').modal('show'); 
        });
    </script>
    @include('International_Customer_Portal.Solicitudes_clientes.send_email_cliente_factura')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.send_credenciales_acceso_cliente_factura').on('click', function(){
                
                id_cliente_factura = $(this).data('id_cliente_factura');

                $.ajax({
                    url:"datos_contactos_cliente_factura_internacional",
                    method:"POST",
                    data:{'id_cliente_factura': id_cliente_factura, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        num_destinatario = 1;
                        datos_contactos = "";
                        $.each(resultData['datos_clientes_contactos_facturas'], function(key, value) {
                            datos_contactos += '<label for="destinatario" class="col-sm-2 col-form-label">Para:</label><div class="col-sm-10"><div class="form-group"><input class="form-control" type="email" id="email_destinatario_'+(num_destinatario)+'" name="email_destinatario_'+(num_destinatario)+'" value='+(value['correo'])+'></div></div>';
                            num_destinatario++;
                        });
                        $('#div_contactos_cliente_factura').html(datos_contactos);
                        $('#modal_send_credenciales_cliente_factura').modal('show');
                        $('#modal_send_credenciales_cliente_factura #id_cliente_factura_mail').val(id_cliente_factura);
                    }
                });
                
            });
        });
    </script>
    @include('International_Customer_Portal.Solicitudes_clientes.modal_datos_portal_usuario')
    <script>
        var resultData = {};
        $(document).ready(function(){
            $('a.edit_portal_usuario').on('click', function(){
                //alert('edit_portal_usuario');
                id_cliente_factura = $(this).data('id_cliente_factura');
                usuario = "";
                contrasena = "";
                $.ajax({
                    url:"internacional_datos_usuario_cliente_factura",
                    method:"POST",
                    data:{'id_cliente_factura': id_cliente_factura, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        result = JSON.parse(response); 
                        resultData = result.data;
                        console.log('resultData',resultData);
                        if (resultData['datos_usuario_cliente_factura'] != null) {
                            $('#portal_estatus').selectpicker('val', resultData['datos_usuario_cliente_factura']['estatus']);

                            $('#portal_datos_usuario_autom_div').hide();
                            usuario = resultData['datos_usuario_cliente_factura']['usuario'];
                            contrasena = resultData['datos_usuario_cliente_factura']['contrasena'];
                            
                        }else{
                            $('#portal_estatus').selectpicker('val', '');

                            $('#portal_datos_usuario_autom_div').show();
                        }
                        
                        $('#portal_usuario').val(usuario);
                        
                        $('#id_cliente_factura_portal').val(id_cliente_factura);
                        $('#modal_datos_portal_usuario').modal('show');
                        
                        $("#customCheckPortal").on("change",checked);
                    }
                });
                
            });
        });
        $('#togglePassword2').on('click', function() {
            const input = $('#modal_datos_portal_usuario #contra');
            const icon = $(this).find('i');
            const type = input.attr('type') === 'password' ? 'text' : 'password';
            input.attr('type', type);
            // Cambia el icono según el tipo
            if (type === 'password') {
                icon.removeClass('eye slash').addClass('eye');
            } else {
                icon.removeClass('eye').addClass('eye slash');
            }
        });
        $('#copyPassword2').on('click', function() {
            const passwordInput = $('#modal_datos_portal_usuario #contra');
            const passwordValue = passwordInput.val();
            navigator.clipboard.writeText(passwordValue).then(() => {
                $('#copyPassword2').html('Copiado(a) <i class="check icon"></i>');
                setTimeout(() => {
                    $('#copyPassword2').html('Copiar <i class="copy icon"></i>');
                },3000);
            }).catch(err => {
                console.error('Error al copiar la contraseña:', err);
            });
        });
        $('#generatePassword2').on('click', function() {
            const newPassword = generarContrasena();
            $('#modal_datos_portal_usuario #contra').val(newPassword);
        });
        const checked = function(){
            if ($(this).is(":checked")){
                rfc = resultData?.datos_cliente_factura?.rfc || 'XAXX010101000';
                usuario = rfc.slice(0,3);  

                num_random = random(100, 1000);
                usuario = usuario+num_random;

                password = generarContrasena();
                console.log(password,usuario);
                $('#modal_datos_portal_usuario #portal_usuario').val(usuario);
                $('#modal_datos_portal_usuario #contra').val(password);

                
            }else{
                $('#modal_datos_portal_usuario #portal_usuario').val('');
                $('#modal_datos_portal_usuario #contra').val('');
            }
        }
        const closeModalPortal = function(){
            // eliminamos el evento change para que no se duplique
            $('#customCheckPortal').off('change',checked);
            $("#customCheckPortal").prop("checked", false);
        }
    </script>
@endsection