@php
  $s = $supplier ?? null;
  $input = 'w-full h-12 px-4 rounded-xl border border-slate-300 dark:border-slate-700 bg-slate-50 dark:bg-slate-800 text-sm outline-none focus:ring-2 ring-brand-500 focus:bg-white dark:focus:bg-slate-900';
  $label = 'block text-sm font-semibold mb-2';
@endphp

@csrf

<div class="grid md:grid-cols-2 gap-6">
  <div>
    <label class="{{ $label }}">Name <span class="text-red-500">*</span></label>
    <input type="text" name="name" value="{{ old('name', $s?->name) }}" maxlength="255" placeholder="Supplier / company name" class="{{ $input }}">
    @error('name') <p class="text-xs text-red-500 mt-1.5">{{ $message }}</p> @enderror
  </div>

  <div>
    <label class="{{ $label }}">Phone</label>
    <input type="text" name="phone" value="{{ old('phone', $s?->phone) }}" maxlength="30" placeholder="+971 …" class="{{ $input }}">
    @error('phone') <p class="text-xs text-red-500 mt-1.5">{{ $message }}</p> @enderror
  </div>

  <div>
    <label class="{{ $label }}">Email</label>
    <input type="email" name="email" value="{{ old('email', $s?->email) }}" maxlength="255" class="{{ $input }}">
    @error('email') <p class="text-xs text-red-500 mt-1.5">{{ $message }}</p> @enderror
  </div>

  <div>
    <label class="{{ $label }}">City</label>
    <input type="text" name="city" value="{{ old('city', $s?->city) }}" maxlength="100" placeholder="Dubai" class="{{ $input }}">
    @error('city') <p class="text-xs text-red-500 mt-1.5">{{ $message }}</p> @enderror
  </div>

  <div>
    <label class="{{ $label }}">Tax number (TRN)</label>
    <input type="text" name="trn" value="{{ old('trn', $s?->trn) }}" maxlength="50" class="{{ $input }}">
    @error('trn') <p class="text-xs text-red-500 mt-1.5">{{ $message }}</p> @enderror
  </div>

  <div>
    <label class="{{ $label }}">Address</label>
    <input type="text" name="address" value="{{ old('address', $s?->address) }}" maxlength="255" class="{{ $input }}">
    @error('address') <p class="text-xs text-red-500 mt-1.5">{{ $message }}</p> @enderror
  </div>
</div>