@extends('layouts.admin')

@section('page_kicker', 'Preferences')
@section('page_title', 'Settings')

@section('content')
    <div class="mx-auto max-w-lg space-y-8">
        <div class="admin-content-card">
            <h3 class="admin-card-title">Change password</h3>
            <p class="admin-card-desc">Protect your account and patient data</p>
            <form method="POST" action="{{ route('aim4wellness.settings.password') }}" class="mt-6 space-y-5">
                @csrf
                @method('PATCH')
                <div>
                    <label class="admin-form-label" for="current_password">Current password</label>
                    <input id="current_password" type="password" name="current_password" required class="admin-input" autocomplete="current-password">
                </div>
                <div>
                    <label class="admin-form-label" for="password">New password</label>
                    <input id="password" type="password" name="password" required class="admin-input" autocomplete="new-password">
                </div>
                <div>
                    <label class="admin-form-label" for="password_confirmation">Confirm new password</label>
                    <input id="password_confirmation" type="password" name="password_confirmation" required class="admin-input" autocomplete="new-password">
                </div>
                <button type="submit" class="admin-btn-dark">Update password</button>
            </form>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Notification preferences</h3>
            <p class="mt-3 text-sm leading-relaxed text-slate-600">Email, SMS, and in-app toggles can be stored on <code class="rounded-md bg-slate-100 px-1.5 py-0.5 text-xs">user_settings</code>. Not wired in this build.</p>
            <div class="mt-5 space-y-3 text-sm">
                <label class="flex cursor-not-allowed items-center gap-3 rounded-xl border border-slate-100 bg-slate-50/80 px-4 py-3 opacity-70">
                    <input type="checkbox" class="admin-checkbox" checked disabled> <span>Appointment reminders</span>
                </label>
                <label class="flex cursor-not-allowed items-center gap-3 rounded-xl border border-slate-100 bg-slate-50/80 px-4 py-3 opacity-70">
                    <input type="checkbox" class="admin-checkbox" checked disabled> <span>New patient messages</span>
                </label>
                <label class="flex cursor-not-allowed items-center gap-3 rounded-xl border border-slate-100 bg-slate-50/80 px-4 py-3 opacity-70">
                    <input type="checkbox" class="admin-checkbox" checked disabled> <span>Payment receipts</span>
                </label>
            </div>
        </div>
        <div class="admin-content-card border-teal-100 bg-gradient-to-br from-teal-50/50 to-white">
            <h3 class="admin-card-title">Privacy</h3>
            <p class="mt-3 text-sm leading-relaxed text-slate-600">Patient data is limited to telehealth relationships. Do not export PHI outside approved workflows. Keep <code class="rounded-md bg-white px-1.5 py-0.5 text-xs ring-1 ring-slate-200">hospital_id</code> empty for independent practice.</p>
        </div>
    </div>
@endsection