{{-- Personal detail fields shared by the rider and driver edit forms. --}}
<div class="grid gap-5 sm:grid-cols-2">
    <x-admin.input name="name" :label="__('Full name')" :value="$user->name" required />
    <x-admin.input name="email" type="email" :label="__('Email')" :value="$user->email" />
    <div class="grid grid-cols-3 gap-3">
        <x-admin.input name="country_code" :label="__('Code')" :value="$user->country_code" required />
        <div class="col-span-2"><x-admin.input name="phone" :label="__('Phone')" :value="$user->phone" required /></div>
    </div>
    <x-admin.select name="gender" :label="__('Gender')" :options="['male' => 'Male', 'female' => 'Female', 'other' => 'Other']" :value="$user->gender" :placeholder="__('Not specified')" />
    <x-admin.input name="date_of_birth" type="date" :label="__('Date of birth')" :value="$user->date_of_birth?->toDateString()" />
    <x-admin.select name="language" :label="__('App language')" :options="$languages" :value="$user->language" required />
    <div class="sm:col-span-2"><x-admin.input name="address" :label="__('Address')" :value="$user->address" /></div>
</div>