{{-- @extends('index')
@section('title', 'Dashboard')
@section('content')
    <!-- Account Section -->
    <section class="py-5 mt-5">
        <div class="container">
            <div class="row">
                <!-- Account Sidebar -->
                <div class="col-lg-3 mb-4" data-aos="fade-right">  
                    @include('dashboard.includes.sidebar') 
                </div>
                <!-- Account Content -->
                <div class="col-lg-9" data-aos="fade-left">
                    <div class="tab-content">
                        @include('dashboard.pages.main')
                        @include('dashboard.pages.orders')
                        @include('dashboard.pages.wishlist')
                        @include('dashboard.pages.addresses')
                        @include('dashboard.pages.profile')
                        @include('dashboard.pages.security')
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Add Address Modal -->
    <div class="modal fade" id="addAddressModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Ajouter une adresse</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="mb-3">
                            <label for="addressName" class="form-label">Nom de l'adresse</label>
                            <input type="text" class="form-control" id="addressName"
                                placeholder="Ex: Maison, Bureau">
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="modalFirstName" class="form-label">Prénom</label>
                                <input type="text" class="form-control" id="modalFirstName">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="modalLastName" class="form-label">Nom</label>
                                <input type="text" class="form-control" id="modalLastName">
                            </div>
                        </div>
                        <div class="mb-3">
                            <label for="modalAddress" class="form-label">Adresse</label>
                            <input type="text" class="form-control" id="modalAddress">
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="modalCity" class="form-label">Ville</label>
                                <input type="text" class="form-control" id="modalCity">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label for="modalPostal" class="form-label">Code postal</label>
                                <input type="text" class="form-control" id="modalPostal">
                            </div>
                        </div>
                        <div class="mb-3">
                            <label for="modalPhone" class="form-label">Téléphone</label>
                            <input type="tel" class="form-control" id="modalPhone">
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="setDefault">
                            <label class="form-check-label" for="setDefault">
                                Définir comme adresse par défaut
                            </label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                    <button type="button" class="btn btn-primary">Sauvegarder</button>
                </div>
            </div>
        </div>
    </div>
@endsection --}}

<!DOCTYPE html>
<html lang="fr">
@include('includes.head')

<body>
    @include('includes.header')
    @include('includes.sidebar')
    @component('components.breadcrumb', ['main' => 'dashboard'])
    @endcomponent
    @component('components.alert')
    @endcomponent
    <section class="py-3">
        <div class="container">
            <div class="row">
                @yield('content')
            </div>
        </div>
    </section>
    @include('includes.footer')
    @include('includes.js')

</body>

</html>