@extends('layouts.app')

@section('content')
    <!-- Header Start -->
    <div class="container-fluid bg-breadcrumb">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Dashboard</h4>
            <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                <li class="breadcrumb-item"><a href="#">Pages</a></li>
                <li class="breadcrumb-item active text-primary">Dashboard</li>
            </ol>
        </div>
    </div>
    <!-- Header End -->

    <div class="container-fluid bg-light py-5">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-8 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="bg-white rounded p-5 h-100">
                        <h4 class="text-primary">Bienvenue</h4>
                        @if (session('user'))
                            <p class="mb-2"><strong>Utilisateur:</strong> {{ session('user')['email'] ?? 'N/A' }}</p>
                        @else
                            <p class="mb-2">Vous n'êtes pas connecté.</p>
                        @endif
                        <p class="mb-4">Utilisez ce tableau de bord pour accéder rapidement à vos informations.</p>
                        <a href="{{ route('profil') }}" class="btn btn-primary rounded-pill py-2 px-4">Mon profil</a>
                    </div>
                </div>
                <div class="col-lg-4 wow fadeInUp" data-wow-delay="0.4s">
                    <div class="bg-white rounded p-5 h-100 text-center">
                        <h4 class="text-primary">Session</h4>
                        <form method="POST" action="{{ route('auth.logout') }}">
                            @csrf
                            <button class="btn btn-primary rounded-pill py-2 px-4 mt-3">Logout</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection