@extends('fragments.fullTemplate')

@section('titulo')
Validación de usuarios del portal
@endsection

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

    .portal-validacion-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .portal-validacion-table th,
    .portal-validacion-table td {
        vertical-align: middle !important;
        font-size: 13px;
    }

    .portal-validacion-actions {
        white-space: nowrap;
    }

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

        .portal-validacion-header {
            display: block;
        }

        .portal-validacion-actions .ui.button {
            margin-bottom: 4px;
        }

        .portal-validacion-table td:nth-child(2) {
            word-break: break-word;
        }

        .portal-validacion-table td:nth-child(3) {
            white-space: nowrap;
        }
    }
</style>
@endsection

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

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

    <div class="ui big breadcrumb">
        <div class="section">Portal clientes</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">Solicitud clientes</div>
    </div>

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

    @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">&times;</button>
        </div>
    @endif

    @if(session()->has('info'))
        <div class="alert alert-info text-center alert-dismissible" role="alert">
            <strong>{{ session()->get('info') }}</strong>
            <button type="button" class="close" data-dismiss="alert">&times;</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">&times;</button>
        </div>
    @endif

    <div class="ui segment">
        <div class="portal-validacion-header">
            <div>
                <h3 class="ui header mb-1">
                    Validación de usuarios del portal
                    <div class="sub header">
                        Revisa, aprueba o rechaza los registros iniciales del portal de clientes. Al aprobar, el cliente entra con el correo y contraseña que registró.
                    </div>
                </h3>
            </div>

            <div>
                <a href="{{ route('portal.validacion.usuarios.solicitudes.index') }}" class="ui tiny blue button mb-2">
                    <i class="building icon"></i>
                    Solicitudes de empresas
                </a>

                <div class="ui tiny buttons">
                    <a href="{{ route('portal.validacion.usuarios.index', ['estatus' => 'pendientes']) }}"
                       class="ui button {{ $estatus === 'pendientes' ? 'yellow' : '' }}">
                        Pendientes
                    </a>

                    <a href="{{ route('portal.validacion.usuarios.index', ['estatus' => 'aprobados']) }}"
                       class="ui button {{ $estatus === 'aprobados' ? 'green' : '' }}">
                        Aprobados
                    </a>

                    <a href="{{ route('portal.validacion.usuarios.index', ['estatus' => 'rechazados']) }}"
                       class="ui button {{ $estatus === 'rechazados' ? 'red' : '' }}">
                        Rechazados
                    </a>

                    <a href="{{ route('portal.validacion.usuarios.index', ['estatus' => 'todos']) }}"
                       class="ui button {{ $estatus === 'todos' ? 'blue' : '' }}">
                        Todos
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="ui segment">
       <form method="GET" action="{{ route('portal.validacion.usuarios.index') }}" class="ui form">
            <div class="fields">
                <div class="twelve wide field">
                    <label>Búsqueda general</label>
                    <input type="text"
                        name="buscar"
                        value="{{ request('buscar') }}"
                        placeholder="Buscar por nombre o correo">
                </div>

                <div class="four wide field d-flex align-items-end">
                    <button type="submit" class="ui blue button">
                        <i class="search icon"></i>
                        Buscar
                    </button>

                    <a href="{{ route('portal.validacion.usuarios.index') }}" class="ui button">
                        Limpiar
                    </a>
                </div>
            </div>
        </form>
    </div>

    <div class="ui segment">
        <div class="d-flex justify-content-between align-items-center mb-2">
            <strong>Solicitudes registradas</strong>
            <small class="text-muted">
                Total mostrados: {{ $usuarios->count() }}
            </small>
        </div>

        <div class="sx-scroll-x">
            <table class="ui celled table unstackable structured portal-validacion-table">
                <thead>
                    <tr>
                        <th>Cliente</th>
                        <th>Correo</th>
                        <th class="collapsing" style="width: 15%">Fecha registro</th>
                        <th class="collapsing">Estatus</th>
                        <th class="collapsing text-center">Acciones</th>
                    </tr>
                </thead>

                <tbody>
                    @forelse($usuarios as $usuario)
                        <tr>
                            <td>
                                <strong>
                                    {{ $usuario->name ?? 'Sin nombre' }}
                                    {{ $usuario->last_name ?? '' }}
                                </strong>
                                <br>
                                <small class="text-muted">
                                    ID: {{ $usuario->id_portal_usuario }}
                                </small>
                            </td>

                            <td>{{ $usuario->email }}</td>

                            <td>
                                {{ $usuario->created_at ? $usuario->created_at->format('d/m/Y H:i:s') : 'N/A' }}
                            </td>

                            <td>
                                @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
                            </td>

                            <td class="portal-validacion-actions text-center">
                                <div class="ui tiny icon buttons">
                                    <a href="{{ route('portal.validacion.usuarios.show', $usuario->id_portal_usuario) }}"
                                       class="ui blue button"
                                       title="Ver detalle">
                                        <i class="eye icon"></i>
                                    </a>

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

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

                                    @if((int) $usuario->active !== 2)
                                        <form method="POST"
                                              action="{{ route('portal.validacion.usuarios.rechazar', $usuario->id_portal_usuario) }}"
                                              style="display:inline;">
                                            {{csrf_field()}}
                                            <button type="submit" class="ui red button" title="Rechazar">
                                                <i class="times icon"></i>
                                            </button>
                                        </form>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted">
                                No hay usuarios para mostrar.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if ($usuarios->lastPage() > 1)
            <div class="d-flex justify-content-between align-items-center mt-3">

                <div class="text-muted small">
                    Mostrando {{ $usuarios->firstItem() }} a {{ $usuarios->lastItem() }}
                    de {{ $usuarios->total() }} registros
                </div>

                <div class="ui pagination menu">

                    @if ($usuarios->onFirstPage())
                        <div class="disabled item">«</div>
                    @else
                        <a class="item" href="{{ $usuarios->appends(request()->query())->previousPageUrl() }}">«</a>
                    @endif

                    @foreach ($usuarios->appends(request()->query())->getUrlRange(1, $usuarios->lastPage()) as $page => $url)
                        @if ($page == $usuarios->currentPage())
                            <div class="active item">{{ $page }}</div>
                        @else
                            <a class="item" href="{{ $url }}">{{ $page }}</a>
                        @endif
                    @endforeach

                    @if ($usuarios->hasMorePages())
                        <a class="item" href="{{ $usuarios->appends(request()->query())->nextPageUrl() }}">»</a>
                    @else
                        <div class="disabled item">»</div>
                    @endif

                </div>
            </div>
        @endif
    </div>

</div>

@endsection