@extends('layouts.dashboard')

@section('title', 'Profil Saya')

@section('content')
<div class="rounded-lg bg-white p-6 shadow-sm">
    <form method="POST" action="{{ route('user.profile.update') }}" enctype="multipart/form-data" class="grid gap-4 md:grid-cols-2">
        @csrf
        @method('PUT')
        <label class="grid gap-1 text-sm font-bold">Nama
            <input name="name" value="{{ old('name', $user->name) }}" class="rounded-lg border border-slate-300 px-3 py-2" required>
        </label>
        <label class="grid gap-1 text-sm font-bold">Nomor HP
            <input name="phone" value="{{ old('phone', $user->phone) }}" class="rounded-lg border border-slate-300 px-3 py-2">
        </label>
        <label class="grid gap-1 text-sm font-bold md:col-span-2">Alamat
            <textarea name="address" class="rounded-lg border border-slate-300 px-3 py-2">{{ old('address', $user->address) }}</textarea>
        </label>
        <label class="grid gap-1 text-sm font-bold">Foto Profil
            <input name="photo" type="file" accept="image/*" class="rounded-lg border border-slate-300 px-3 py-2">
        </label>
        <div class="md:col-span-2">
            <button class="rounded-lg bg-sky-700 px-4 py-2 font-bold text-white">Simpan Profil</button>
        </div>
    </form>
</div>
@endsection