@extends('layouts.dashboard')
@section('title', __('messages.dashboard_profile'))

@section('dashboard_content')
<h1 class="mb-6 font-display text-2xl font-bold">{{ __('messages.dashboard_profile') }}</h1>

<form method="POST" action="{{ route('dashboard.profile.update', ['locale' => app()->getLocale()]) }}" class="max-w-lg space-y-4">
    @csrf @method('PUT')
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.register_first_name') }}</label>
        <input type="text" name="first_name" value="{{ old('first_name', $user->first_name) }}" class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.register_last_name') }}</label>
        <input type="text" name="last_name" value="{{ old('last_name', $user->last_name) }}" class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.register_city') }}</label>
        <input type="text" name="city" value="{{ old('city', $user->city) }}" class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.register_region') }}</label>
        <input type="text" name="region" value="{{ old('region', $user->region) }}" class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">Bio</label>
        <textarea name="bio" rows="4" class="w-full rounded-md border border-ink/15 px-3 py-2">{{ old('bio', $user->bio) }}</textarea>
    </div>
    <button type="submit" class="btn-primary">{{ __('messages.action_save') }}</button>
</form>

<div class="mt-10 rounded-md border border-ink/10 bg-white p-4 text-sm text-ink/60">
    <p class="font-mono">{{ __('messages.dashboard_security') }}: {{ __('messages.dashboard_verify_email') }} · {{ __('messages.dashboard_verify_phone') }}</p>
</div>
@endsection