@include('admin.header', [
    'title' => 'Settings',
    'active' => 'setting',
    'searchPlaceholder' => 'Search settings, profile, security...'
])

<section class="page-hero mb-3">
    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
        <div>
            <h1 class="page-title mb-2">Setting</h1>
            <p class="mb-0 text-secondary">Manage your admin profile, password, and account session in the BAOPCL dashboard.</p>
        </div>
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button class="btn-outline-earth" type="submit">
                <i class="bi bi-box-arrow-right"></i>
                Logout
            </button>
        </form>
    </div>
</section>

@if (session('status') === 'profile-updated')
    <div class="alert alert-success border-0 shadow-sm">Profile updated successfully.</div>
@endif

@if (session('status') === 'password-updated')
    <div class="alert alert-success border-0 shadow-sm">Password updated successfully.</div>
@endif

<section class="row g-3">
    <div class="col-12 col-xl-6">
        <form class="content-card" method="POST" action="{{ route('profile.update') }}">
            @csrf
            @method('PATCH')
            <div class="card-head">
                <h2 class="card-title"><span class="title-icon"><i class="bi bi-person-fill"></i></span>Profile Information</h2>
            </div>
            <div class="card-body-pad">
                <div class="mb-3">
                    <label class="form-label fw-bold" for="name">Name</label>
                    <input class="form-control @error('name') is-invalid @enderror" id="name" name="name" type="text" value="{{ old('name', Auth::user()->name ?? '') }}" required autocomplete="name">
                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold" for="email">Email</label>
                    <input class="form-control @error('email') is-invalid @enderror" id="email" name="email" type="email" value="{{ old('email', Auth::user()->email ?? '') }}" required autocomplete="username">
                    @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <button class="btn-earth" type="submit"><i class="bi bi-save"></i> Save Profile</button>
            </div>
        </form>
    </div>

    <div class="col-12 col-xl-6">
        <form class="content-card" method="POST" action="{{ route('password.update') }}">
            @csrf
            @method('PUT')
            <div class="card-head">
                <h2 class="card-title"><span class="title-icon" style="background:#b8782d"><i class="bi bi-shield-lock-fill"></i></span>Update Password</h2>
            </div>
            <div class="card-body-pad">
                <div class="mb-3">
                    <label class="form-label fw-bold" for="current_password">Current Password</label>
                    <input class="form-control @error('current_password', 'updatePassword') is-invalid @enderror" id="current_password" name="current_password" type="password" autocomplete="current-password">
                    @error('current_password', 'updatePassword')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold" for="password">New Password</label>
                    <input class="form-control @error('password', 'updatePassword') is-invalid @enderror" id="password" name="password" type="password" autocomplete="new-password">
                    @error('password', 'updatePassword')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="mb-3">
                    <label class="form-label fw-bold" for="password_confirmation">Confirm Password</label>
                    <input class="form-control @error('password_confirmation', 'updatePassword') is-invalid @enderror" id="password_confirmation" name="password_confirmation" type="password" autocomplete="new-password">
                    @error('password_confirmation', 'updatePassword')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <button class="btn-earth" type="submit"><i class="bi bi-key-fill"></i> Update Password</button>
            </div>
        </form>
    </div>
</section>

@include('admin.footer')