@include('admin.partials.header')
@include('admin.partials.sidebar')
@include('admin.partials.topbar')
@include('admin.partials.management-styles')

<main id="main" class="pt-4">
    <section class="mb-4">
        <div class="admin-breadcrumb">
            <span>Admin</span>
            <span class="material-symbols-outlined" style="font-size:16px;">chevron_right</span>
            <span class="active">Settings</span>
        </div>
        <h2 class="admin-page-title">Account Settings</h2>
        <p class="admin-page-subtitle">Manage your administrator profile, password, and account access.</p>
    </section>

    <section class="row g-4">
        <div class="col-12 col-xl-7">
            <div class="admin-card">
                <div class="admin-card-body">
                    @include('profile.partials.update-profile-information-form')
                </div>
            </div>
        </div>

        <div class="col-12 col-xl-5">
            <div class="admin-card">
                <div class="admin-card-body">
                    @include('profile.partials.update-password-form')
                </div>
            </div>
        </div>

        <div class="col-12">
            <div class="admin-card border-danger-subtle">
                <div class="admin-card-body">
                    @include('profile.partials.delete-user-form')
                </div>
            </div>
        </div>
    </section>
</main>

@include('admin.partials.footer')