@extends('layouts.admin')

@section('page_kicker', 'Security')
@section('page_title', 'Account settings')

@section('content')
    <div class="admin-content-card mx-auto max-w-lg">
        <h3 class="admin-card-title">Change password</h3>
        <p class="admin-card-desc">Use a strong password you do not reuse elsewhere.</p>
        <form method="POST" action="{{ route('patient.telehealth.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>
        <p class="mt-8 border-t border-slate-100 pt-6 text-xs text-slate-500">Name and email: <a href="{{ route('profile.edit') }}" class="font-semibold text-teal-700 underline decoration-teal-600/30 underline-offset-2 hover:text-teal-800">standard profile</a>.</p>
    </div>
@endsection