@extends('layouts.app')

@section('page-title', 'Edit Profil')
@section('page-subtitle', 'Akun')

@section('content')
    @php $user = auth()->user(); @endphp

    <a href="{{ route('profile.show') }}" class="back-link">
        <i data-lucide="arrow-left"></i>
        <span>Kembali ke profil</span>
    </a>

    <x-page-header eyebrow="Akun" title="Edit Profil" />

    <div class="panel">
        <div class="panel__body">
            <form method="POST" action="{{ route('profile.update') }}">
                @csrf
                @method('PUT')
                <div class="form-grid form-grid--single">
                    <div class="field">
                        <label for="name">Nama Lengkap</label>
                        <input type="text" id="name" name="name" value="{{ old('name', $user->name) }}">
                        @error('name')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="email">Email</label>
                        <input type="email" id="email" name="email" value="{{ old('email', $user->email) }}">
                        @error('email')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                    <div class="field">
                        <label for="phone">Telepon</label>
                        <input type="text" id="phone" name="phone" value="{{ old('phone', $user->phone) }}" placeholder="08xxxxxxxxxx">
                        @error('phone')<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn">
                        <i data-lucide="check"></i>
                        <span>Simpan Perubahan</span>
                    </button>
                    <a href="{{ route('profile.show') }}" class="btn btn--ghost">Batal</a>
                </div>
            </form>
        </div>
    </div>
@endsection