@extends('layouts.app')

@section('content')
    <h1 class="mb-4">Account settings</h1>

    <section class="mb-4">
        <h2 class="mb-3">Update email address</h2>
        <form method="POST" action="{{ route('settings.update-email') }}">
            @csrf
            @method('PUT')
            <div class="mb-3">
                <label for="email" class="form-label">Email</label>
                <input type="email" id="email" name="email" class="form-control" value="{{ old('email', $user->email) }}" required>
            </div>
            <button type="submit" class="button button-primary">Update email</button>
        </form>
    </section>

    <section>
        <h2 class="mb-3">Change password</h2>
        <form method="POST" action="{{ route('settings.update-password') }}">
            @csrf
            @method('PUT')
            <div class="mb-3">
                <label for="current_password" class="form-label">Current password</label>
                <input type="password" id="current_password" name="current_password" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">New password</label>
                <input type="password" id="password" name="password" class="form-control" required>
            </div>
            <div class="mb-3">
                <label for="password_confirmation" class="form-label">Confirm new password</label>
                <input type="password" id="password_confirmation" name="password_confirmation" class="form-control" required>
            </div>
            <button type="submit" class="button button-primary">Update password</button>
        </form>
    </section>
@endsection