@extends('fragments.fullTemplate')

@section('titulo')
Detalle usuario portal
@endsection

@section('estilos')
<style>
    .portal-show-wrapper {
        max-width: 1650px;
        margin: 0 auto;
    }

    .portal-user-card {
        border-radius: 6px;
    }

    .portal-info-label {
        color: #6c757d;
        font-size: 12px;
        margin-bottom: 4px;
    }

    .portal-info-value {
        font-weight: 600;
        color: #1f2d3d;
        word-break: break-word;
    }

    .portal-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .portal-doc-table th,
    .portal-doc-table td {
        vertical-align: top !important;
    }

    .portal-doc-actions {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .portal-doc-comment {
        min-height: 62px;
        resize: vertical;
    }

    .portal-muted {
        color: #6c757d;
        font-size: 12px;
    }

    @media (max-width: 768px) {
        .portal-show-wrapper {
            max-width: 100%;
        }

        .portal-actions {
            justify-content: flex-start;
        }
    }
</style>
@endsection

@section('contenido')
<div data-module-notifications-anchor></div>

<div class="portal-show-wrapper">

    <div class="ui big breadcrumb">
        <a href="{{ route('portal.validacion.usuarios.index') }}" class="section">
            Portal clientes
        </a>
        <i class="right chevron icon divider"></i>
        <div class="active section">Detalle de solicitud</div>
    </div>

    <div class="ui divider"></div>

    @if(session('error'))
        <div class="alert alert-danger text-center alert-dismissible" role="alert">
            <strong>{{ session('error') }}</strong>
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    @endif

    <div class="ui segment portal-user-card">

        <div class="d-flex justify-content-between align-items-start flex-wrap mb-3">
            <div>
                <h3 class="ui header mb-1">
                    Detalle del usuario portal
                    <div class="sub header">
                        Revisa la información del registro antes de aprobarlo. Desde Acceso puedes administrar correo, contraseña y restablecimiento.
                    </div>
                </h3>
            </div>

            <div>
                @if((int) $usuario->active === 1)
                    <span class="ui green label">Aprobado</span>
                @elseif((int) $usuario->active === 2)
                    <span class="ui red label">Rechazado</span>
                @else
                    <span class="ui yellow label">Pendiente</span>
                @endif
            </div>
        </div>

        <div class="ui divider"></div>

        <div class="mb-3">
            <h4 class="ui header mb-1">
                Datos del tramitador
                <div class="sub header">
                    Información personal necesaria para validar la cuenta del usuario.
                </div>
            </h4>
        </div>

        <div class="row">

            <div class="col-md-6 mb-4">
                <div class="portal-info-label">Nombre</div>
                <div class="portal-info-value">
                    {{ $usuario->name ?: 'Sin nombre' }}
                </div>
            </div>

            <div class="col-md-6 mb-4">
                <div class="portal-info-label">Apellido</div>
                <div class="portal-info-value">
                    {{ $usuario->last_name ?: 'Sin apellido' }}
                </div>
            </div>

            <div class="col-md-6 mb-4">
                <div class="portal-info-label">Correo electrónico</div>
                <div class="portal-info-value">
                    {{ $usuario->email ?: 'Sin correo' }}
                </div>
            </div>

            <div class="col-md-6 mb-4">
                <div class="portal-info-label">Teléfono</div>
                <div class="portal-info-value">
                    {{ $telefonoTramitador ?: 'Sin teléfono personal' }}
                </div>
            </div>

            <div class="col-md-6 mb-4">
                <div class="portal-info-label">Fecha de registro</div>
                <div class="portal-info-value">
                    {{ $usuario->created_at ? $usuario->created_at->format('d/m/Y H:i') : 'N/A' }}
                </div>
            </div>

            <div class="col-md-6 mb-4">
                <div class="portal-info-label">Último acceso</div>
                <div class="portal-info-value">
                    {{ $usuario->last_login ? \Carbon\Carbon::parse($usuario->last_login)->format('d/m/Y H:i') : 'Sin acceso registrado' }}
                </div>
            </div>

        </div>

        @if(!$telefonoPersonalHabilitado)
            <div class="alert alert-warning">
                El campo de teléfono personal no existe en portal_usuarios. No se puede considerar completo el perfil del tramitador sin persistencia personal.
            </div>
        @endif

        <div class="row mb-3">
            <div class="col-md-4 mb-2">
                <div class="portal-info-label">Perfil</div>
                <span class="ui {{ $perfilTramitadorCompleto ? 'green' : 'yellow' }} label">
                    {{ $perfilTramitadorCompleto ? 'Completo' : 'Incompleto' }}
                </span>
            </div>
            <div class="col-md-4 mb-2">
                <div class="portal-info-label">Documentos personales</div>
                <span class="ui {{ $documentosPersonalesAprobados ? 'green' : 'yellow' }} label">
                    {{ $resumenDocumentosPersonales['requeridos_aprobados'] ?? 0 }}/{{ $resumenDocumentosPersonales['requeridos'] ?? 0 }} aprobados
                </span>
            </div>
            <div class="col-md-4 mb-2">
                <div class="portal-info-label">Cuenta</div>
                @if((int) $usuario->active === 1)
                    <span class="ui green label">Aprobada</span>
                @elseif((int) $usuario->active === 2)
                    <span class="ui red label">Rechazada</span>
                @else
                    <span class="ui yellow label">Pendiente</span>
                @endif
            </div>
        </div>

        <div class="ui divider"></div>

        <div class="mb-3">
            <h4 class="ui header mb-1">
                Documentos personales
                <div class="sub header">
                    Expediente documental del tramitador. Este estado es independiente de la aprobación del usuario y de las empresas.
                </div>
            </h4>

            @if(isset($resumenDocumentosPersonales))
                <div class="mb-2">
                    <span class="ui tiny blue label">
                        {{ $resumenDocumentosPersonales['requeridos_aprobados'] ?? 0 }}/{{ $resumenDocumentosPersonales['requeridos'] ?? 0 }} aprobados
                    </span>
                    <span class="ui tiny yellow label">
                        {{ $resumenDocumentosPersonales['pendientes'] ?? 0 }} por revisar
                    </span>
                    <span class="ui tiny red label">
                        {{ $resumenDocumentosPersonales['rechazados'] ?? 0 }} por volver a subir
                    </span>
                    <span class="ui tiny grey label">
                        {{ $resumenDocumentosPersonales['sin_cargar'] ?? 0 }} sin cargar
                    </span>
                </div>
            @endif

            @if(!$documentosPersonalesHabilitados)
                <div class="alert alert-warning mb-0">
                    La tabla portal_usuario_documentos aún no existe. Ejecuta las migraciones para habilitar la revisión de documentos.
                </div>
            @elseif($documentosPersonales->isEmpty())
                <div class="alert alert-warning mb-0">
                    No hay documentos personales requeridos configurados para este usuario.
                </div>
            @else
                <div class="sx-scroll-x">
                    <table class="ui celled table unstackable portal-doc-table">
                        <thead>
                            <tr>
                                <th style="width: 24%">Documento</th>
                                <th style="width: 12%">Formato</th>
                                <th style="width: 12%">Estatus</th>
                                <th style="width: 18%">Comentario</th>
                                <th style="width: 34%">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($documentosPersonales as $documento)
                                @php
                                    $cargado = $documentosPersonalesPortal->get($documento->id);
                                    $extensiones = collect(explode(',', (string) $documento->extensiones))
                                        ->map(function ($extension) { return strtoupper(trim($extension)); })
                                        ->filter()
                                        ->implode(', ');
                                    $estatus = $cargado ? $cargado->estatus : 'pendiente';
                                    $colorEstatus = [
                                        'pendiente' => 'grey',
                                        \App\PortalUsuarioDocumento::ESTATUS_PENDIENTE => 'yellow',
                                        \App\PortalUsuarioDocumento::ESTATUS_APROBADO => 'green',
                                        \App\PortalUsuarioDocumento::ESTATUS_RECHAZADO => 'red',
                                    ][$estatus] ?? 'grey';
                                    $textoEstatus = $cargado ? $cargado->estatus_texto : 'Pendiente';
                                @endphp
                                <tr>
                                    <td>
                                        <strong>{{ $documento->document }}</strong>
                                        <span class="ui tiny red label">Requerido</span>
                                        @if($documento->description)
                                            <br>
                                            <span class="portal-muted">{{ $documento->description }}</span>
                                        @endif
                                    </td>
                                    <td>{{ $extensiones ?: 'Formatos permitidos' }}</td>
                                    <td>
                                        <span class="ui {{ $colorEstatus }} label">{{ $textoEstatus }}</span>
                                    </td>
                                    <td>
                                        @if($cargado && $cargado->comentario_revision)
                                            {{ $cargado->comentario_revision }}
                                        @else
                                            <span class="portal-muted">Sin comentario</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($cargado)
                                            <div class="portal-doc-actions">
                                                @if(!empty($cargado->archivo_disponible) && !empty($cargado->archivo_url))
                                                    <a href="{{ $cargado->archivo_url }}" target="_blank" rel="noopener noreferrer" class="ui tiny blue button">
                                                        <i class="file alternate icon"></i>
                                                        Ver
                                                    </a>
                                                @endif
                                                @if(!empty($cargado->archivo_disponible) && !empty($cargado->archivo_descarga_url))
                                                    <a href="{{ $cargado->archivo_descarga_url }}" class="ui tiny button">
                                                        <i class="download icon"></i>
                                                        Descargar
                                                    </a>
                                                @endif
                                                <form method="POST" action="{{ route('portal.validacion.usuarios.documentos-personales.validar', [$usuario->id_portal_usuario, $cargado->id]) }}">
                                                    {{ csrf_field() }}
                                                    <input type="hidden" name="estatus_documento" value="aprobado">
                                                    <button type="submit" class="ui tiny green button">
                                                        <i class="check icon"></i>
                                                        Aprobar
                                                    </button>
                                                </form>
                                            </div>

                                            <form method="POST" action="{{ route('portal.validacion.usuarios.documentos-personales.validar', [$usuario->id_portal_usuario, $cargado->id]) }}" class="ui form mt-2">
                                                {{ csrf_field() }}
                                                <input type="hidden" name="estatus_documento" value="rechazado">
                                                <textarea name="comentario_revision" class="form-control portal-doc-comment" placeholder="Motivo obligatorio para volver a subir">{{ old('comentario_revision') }}</textarea>
                                                <button type="submit" class="ui tiny orange button mt-1">
                                                    <i class="redo icon"></i>
                                                    Volver a subir
                                                </button>
                                            </form>
                                        @else
                                            <span class="portal-muted">Esperando carga desde el portal.</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>

        <div class="ui divider"></div>

        @if((int) $usuario->active !== 1 && !$puedeAprobarUsuario)
            <div class="alert alert-warning">
                No es posible aprobar al usuario hasta completar sus datos y aprobar sus documentos personales.
            </div>
        @endif

        <div class="d-flex justify-content-between align-items-center flex-wrap">

            <div>
                <a href="{{ route('portal.validacion.usuarios.index') }}" class="ui button">
                    <i class="arrow left icon"></i>
                    Regresar
                </a>

                <!-- Retiramos el botón porque es confuso para el usuario
                <a href="{{ route('portal.validacion.usuarios.solicitudes.index') }}" class="ui blue button">
                    <i class="building icon"></i>
                    Solicitudes de empresas
                </a> -->

                <a href="{{ route('portal.validacion.usuarios.acceso', $usuario->id_portal_usuario) }}" class="ui teal button">
                    <i class="key icon"></i>
                    Acceso del cliente
                </a>
            </div>

            <div class="portal-actions">

                @if((int) $usuario->active !== 1)
                    <form method="POST"
                          action="{{ route('portal.validacion.usuarios.aprobar', $usuario->id_portal_usuario) }}">
                        {{ csrf_field() }}
                        <button type="submit" class="ui green button" {{ $puedeAprobarUsuario ? '' : 'disabled' }}>
                            <i class="check icon"></i>
                            Aprobar usuario
                        </button>
                    </form>
                @endif

                @if((int) $usuario->active !== 2)
                    <form method="POST"
                          action="{{ route('portal.validacion.usuarios.rechazar', $usuario->id_portal_usuario) }}">
                        {{ csrf_field() }}
                        <button type="submit" class="ui red button">
                            <i class="times icon"></i>
                            Rechazar usuario
                        </button>
                    </form>
                @endif

            </div>

        </div>

    </div>

</div>

@endsection