@php
  $tz = old('timezone', $user->timezone);
  $df = old('date_format', $user->date_format ?? 'd M Y');
@endphp
<div class="dp">
  <p class="font-bold text-slate-900 mb-1"><i class="fa-solid fa-id-card text-blue-600 mr-2"></i>Personal information</p>
  <p class="text-slate-500 text-[12px] mb-4">Contact details shown where your account is referenced.</p>
  <form action="{{ route('profile.update') }}" method="post" class="grid grid-cols-1 md:grid-cols-2 gap-4">@csrf @method('PUT')
    <div class="md:col-span-2">
      <label class="fl">Full name</label>
      <input class="fi" name="name" value="{{ old('name', $user->name) }}" required>
    </div>
    <div class="md:col-span-2">
      <label class="fl">Email address</label>
      <input class="fi" type="email" name="email" value="{{ old('email', $user->email) }}" required autocomplete="email">
    </div>
    <div>
      <label class="fl">Phone</label>
      <input class="fi" type="tel" name="phone" value="{{ old('phone', $user->phone) }}" autocomplete="tel">
    </div>
    <div>
      <label class="fl">Locale</label>
      <input class="fi" name="locale" value="{{ old('locale', $user->locale) }}" placeholder="e.g. en">
    </div>
    <div>
      <label class="fl">Job title</label>
      <input class="fi" name="job_title" value="{{ old('job_title', $user->job_title) }}">
    </div>
    <div>
      <label class="fl">Department</label>
      <input class="fi" name="department" value="{{ old('department', $user->department) }}">
    </div>
    <div>
      <label class="fl">Timezone</label>
      <input class="fi" name="timezone" value="{{ $tz }}" placeholder="e.g. Africa/Blantyre">
    </div>
    <div>
      <label class="fl">Date format</label>
      <input class="fi" name="date_format" value="{{ $df }}" placeholder="d M Y">
    </div>
    <div class="md:col-span-2"><button type="submit" class="bp"><i class="fa-solid fa-check mr-2"></i>Save changes</button></div>
  </form>
</div>