@extends('layouts.navfot')

@section('content')
<div class="container py-5">

    {{-- Pesan sukses / error --}}
    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif

    {{-- Edit Profil --}}
    <div class="card mb-4">
        <div class="card-header">Edit Profil</div>
        <div class="card-body">
            <form action="{{ route('profile.updateProfile') }}" method="POST">
                @csrf
                @method('PATCH')

                <div class="mb-3">
                    <label>Nama</label>
                    <input type="text" name="name" class="form-control"
                        value="{{ old('name', $user->name) }}" required>
                </div>

                <div class="mb-3">
                    <label>Email</label>
                    <input type="email" name="email" class="form-control"
                        value="{{ old('email', $user->email) }}" required>
                </div>

                <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
            </form>
        </div>
    </div>

    {{-- Ganti Password --}}
    <div class="card mb-4">
        <div class="card-header">Ganti Password</div>
        <div class="card-body">
            <form action="{{ route('profile.updatePassword') }}" method="POST">
                @csrf
                @method('PATCH')

                <div class="mb-3">
                    <label>Password Lama</label>
                    <input type="password" name="current_password" class="form-control" required>
                </div>

                <div class="mb-3">
                    <label>Password Baru</label>
                    <input type="password" name="password" class="form-control" required>
                </div>

                <div class="mb-3">
                    <label>Konfirmasi Password Baru</label>
                    <input type="password" name="password_confirmation" class="form-control" required>
                </div>

                <button type="submit" class="btn btn-warning">Ubah Password</button>
            </form>
        </div>
    </div>

    {{-- Hapus Akun --}}
    <div class="card">
        <div class="card-header text-danger">Hapus Akun</div>
        <div class="card-body">
            <form action="{{ route('profile.destroy') }}" method="POST"
                onsubmit="return confirm('Yakin ingin menghapus akun? Tindakan ini tidak bisa dibatalkan.')">
                @csrf
                @method('DELETE')

                <div class="mb-3">
                    <label>Masukkan Password</label>
                    <input type="password" name="password" class="form-control" required>
                </div>

                <button type="submit" class="btn btn-danger">Hapus Akun</button>
            </form>
        </div>
    </div>

</div>
@endsection