@extends('layouts.app')

@section('content')
    <main class="page">
        <h1>Profile</h1>
        <p class="subtitle">Kemaskini emel dan password akaun.</p>

        @if (session('status'))
            <div class="notice">{{ session('status') }}</div>
        @endif

        @if ($errors->any())
            <div class="error">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('profile.email.update') }}">
            @csrf
            @method('PUT')

            <label for="email">Emel</label>
            <input id="email" type="email" name="email" value="{{ old('email', $user->email) }}" required>

            <div class="actions">
                <button type="submit">Kemaskini Emel</button>
            </div>
        </form>

        <hr style="border: 0; border-top: 1px solid #d8dde3; margin: 28px 0;">

        <form method="POST" action="{{ route('profile.password.update') }}">
            @csrf
            @method('PUT')

            <label for="current_password">Password Semasa</label>
            <input id="current_password" type="password" name="current_password" required>

            <label for="password">Password Baru</label>
            <input id="password" type="password" name="password" required>

            <label for="password_confirmation">Sahkan Password Baru</label>
            <input id="password_confirmation" type="password" name="password_confirmation" required>

            <div class="actions">
                <button type="submit">Tukar Password</button>
                <a class="button secondary" href="{{ route('tables.index') }}">Kembali</a>
            </div>
        </form>
    </main>
@endsection