@extends('layouts.app')

@section('title', 'Mon profil')
@section('heading', 'Mon profil')

@section('content')
    @if ($user->must_change_password)
        <div class="alert alert-warning d-flex gap-2">
            <i class="bi bi-key-fill"></i>
            <div>
                <strong>Votre mot de passe est temporaire.</strong>
                Choisissez-en un nouveau ci-contre : l'accès au reste de l'application est
                bloqué tant que ce n'est pas fait.
            </div>
        </div>
    @endif

    <div class="row g-3">
        <div class="col-lg-7">
            @include('profile.partials.update-profile-information-form')
        </div>
        <div class="col-lg-5">
            @include('profile.partials.update-password-form')

            <div class="card mt-3">
                <div class="card-header bg-white fw-semibold">
                    <i class="bi bi-shield-check me-2"></i>Votre accès
                </div>
                <div class="card-body small">
                    <dl class="row mb-0">
                        <dt class="col-5 fw-normal text-secondary">Rôle</dt>
                        <dd class="col-7">{{ $user->role->label() }}</dd>

                        <dt class="col-5 fw-normal text-secondary">Établissement</dt>
                        <dd class="col-7">{{ $user->school?->name ?? '—' }}</dd>

                        <dt class="col-5 fw-normal text-secondary">Dernière connexion</dt>
                        <dd class="col-7">
                            {{ $user->last_login_at?->format('d/m/Y à H:i') ?? 'Première connexion' }}
                        </dd>
                    </dl>
                    <hr>
                    <p class="text-secondary mb-0">
                        Votre rôle et votre établissement ne sont modifiables que par la direction.
                    </p>
                </div>
            </div>
        </div>
    </div>
@endsection