@extends('layouts.app')

@push('css')
<link rel="stylesheet" href="{{ asset('assets/css/member.css') }}">
@endpush

@section('content')

<div class="ht__bradcaump__area mb-5" style="background: rgba(0, 0, 0, 0) url({{ asset('assets/images/bg/2.jpg') }}) no-repeat scroll center center / cover ;">
    <div class="ht__bradcaump__wrap_small">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="bradcaump__inner text-center">
                        <h2 class="bradcaump-title">{{ Str::headline(collect(request()->segments())->last()) }}</h2>
                        <!-- <small class="">{{ __('member.customer_access') }}</small> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container mt-2 h-100 mb-10 dashboard-modern">
    @if(request()->query('verified') == '1')
    <div class="alert alert-success">
        Votre email a été vérifié avec succès !
        Vous pouvez désormais avoir accès à votre compte.
    </div>
    @endif

    <div class="row">
        <div class="col-md-12">
            <section class="welcome-card mb-4">
                <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-3">
                    <div>
                        <div class="fs-6 text-muted">Bonjour 👋</div>
                        <h3 class="mb-1">Heureux de vous revoir, <span class="fw-bold">John</span></h3>
                        <div class="text-muted">Dernière connexion : <strong>14/08/2025 à 17:32</strong></div>
                    </div>
                    <div class="quick-links d-flex flex-wrap gap-2">
                        <a href="#profil" class="btn btn-outline-primary btn-sm"><i class="ri-dashboard-2-line me-1"></i>Aperçu</a>
                        <a href="#commandes" class="btn btn-outline-secondary btn-sm"><i class="ri-shopping-bag-3-line me-1"></i>Commandes</a>
                        <a href="#adresses" class="btn btn-outline-secondary btn-sm"><i class="ri-map-pin-line me-1"></i>Adresses</a>
                        <a href="#securite" class="btn btn-outline-secondary btn-sm"><i class="ri-shield-keyhole-line me-1"></i>Sécurité</a>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div class="row">
        <!-- Barre latérale -->
        <div class="col-md-3">
            @include('member.sidebar')
        </div>

        <!-- Contenu principal -->
        <div class="col-md-9">
            @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
            @endif

            @yield('member-content')
        </div>
    </div>
</div>

</div>
@endsection