@extends('fragments.fullTemplate')

@section('titulo')
Acceso del cliente
@endsection

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

    .portal-acceso-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
        gap: 16px;
    }

    .portal-acceso-title {
        color: #111827;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 12px;
    }

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

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

    @media (max-width: 900px) {
        .portal-acceso-grid {
            grid-template-columns: 1fr;
        }

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

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

<div class="portal-acceso-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>
        <a href="{{ route('portal.validacion.usuarios.show', $usuario->id_portal_usuario) }}" class="section">Detalle</a>
        <i class="right chevron icon divider"></i>
        <div class="active section">Acceso</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('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

    @if (count($errors) > 0)
        <div class="alert alert-danger alert-dismissible" role="alert">
            <strong>Revisa los campos marcados.</strong>
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="ui segment">
        <div class="d-flex justify-content-between align-items-start flex-wrap">
            <div>
                <h3 class="ui header mb-1">
                    Acceso del cliente
                    <div class="sub header">
                        Administra correo, contraseña y restablecimiento de acceso del portal.
                    </div>
                </h3>
                <div class="portal-acceso-muted">
                    {{ $usuario->name ?? 'Sin nombre' }} {{ $usuario->last_name ?? '' }} | ID {{ $usuario->id_portal_usuario }}
                </div>
            </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>

    <div class="portal-acceso-grid">
        <div class="ui segment">
            <div class="portal-acceso-title">Editar credenciales</div>

            <form method="POST"
                  action="{{ route('portal.validacion.usuarios.acceso.actualizar', $usuario->id_portal_usuario) }}"
                  class="ui form">
                {{ csrf_field() }}

                <div class="field {{ $errors->has('email') ? 'error' : '' }}">
                    <label>Correo</label>
                    <input type="email"
                           name="email"
                           value="{{ old('email', $usuario->email) }}"
                           maxlength="90"
                           required>
                    @if($errors->has('email'))
                        <div class="ui pointing red basic label">{{ $errors->first('email') }}</div>
                    @endif
                </div>

                <div class="fields">
                    <div class="eight wide field {{ $errors->has('password') ? 'error' : '' }}">
                        <label>Nueva contraseña</label>
                        <input type="password"
                               name="password"
                               minlength="10"
                               autocomplete="new-password"
                               placeholder="Dejar vacío para no cambiar">
                        @if($errors->has('password'))
                            <div class="ui pointing red basic label">{{ $errors->first('password') }}</div>
                        @endif
                    </div>

                    <div class="eight wide field">
                        <label>Confirmar contraseña</label>
                        <input type="password"
                               name="password_confirmation"
                               minlength="10"
                               autocomplete="new-password"
                               placeholder="Solo si cambias contraseña">
                    </div>
                </div>

                <button type="submit" class="ui green button">
                    <i class="save icon"></i>
                    Guardar acceso
                </button>
            </form>
        </div>

        <div class="ui segment">
            <div class="portal-acceso-title">Restablecer por correo</div>
            <p class="portal-acceso-muted">
                Envía un enlace al correo actual del cliente para que cree o restablezca su contraseña desde el portal.
            </p>

            <div class="ui list">
                <div class="item">
                    <i class="mail icon"></i>
                    <div class="content">{{ $usuario->email }}</div>
                </div>
                <div class="item">
                    <i class="clock icon"></i>
                    <div class="content">
                        Último envío:
                        {{ $usuario->fecha_envio_email ? \Carbon\Carbon::parse($usuario->fecha_envio_email)->format('d/m/Y H:i:s') : 'Sin registro' }}
                    </div>
                </div>
            </div>

            <form method="POST"
                  action="{{ route('portal.validacion.usuarios.acceso.restablecer', $usuario->id_portal_usuario) }}">
                {{ csrf_field() }}
                <button type="submit" class="ui blue button">
                    <i class="paper plane icon"></i>
                    Enviar restablecimiento
                </button>
            </form>
        </div>
    </div>

    <div class="ui segment">
        <div class="portal-acceso-actions">
            <a href="{{ route('portal.validacion.usuarios.index') }}" class="ui button">
                <i class="arrow left icon"></i>
                Regresar
            </a>
            <a href="{{ route('portal.validacion.usuarios.show', $usuario->id_portal_usuario) }}" class="ui blue button">
                <i class="eye icon"></i>
                Ver detalle
            </a>
        </div>
    </div>

</div>

@endsection