@csrf

<div class="grid gap-6 md:grid-cols-2">
    <div class="md:col-span-2">
        <x-input-label for="nama_kantor" value="Nama Kantor" />
        <x-text-input id="nama_kantor" name="nama_kantor" type="text" class="mt-2 w-full"
            placeholder="cth. Kantor Pusat"
            :value="old('nama_kantor', $kantor->nama_kantor ?? '')" required />
        <x-input-error :messages="$errors->get('nama_kantor')" class="mt-2" />
    </div>

    <div class="md:col-span-2">
        <x-input-label for="alamat" value="Alamat" />
        <textarea id="alamat" name="alamat" rows="3" class="mt-2 w-full rounded-xl border-slate-200 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-100"
            placeholder="Alamat lengkap kantor">{{ old('alamat', $kantor->alamat ?? '') }}</textarea>
        <x-input-error :messages="$errors->get('alamat')" class="mt-2" />
    </div>
</div>

<div class="mt-8 flex items-center justify-end gap-3">
    <a href="{{ route('kantor.index') }}" class="rounded-xl border border-slate-200 px-4 py-2 text-sm font-semibold text-slate-600 hover:bg-slate-100 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800">
        Batal
    </a>
    <x-primary-button class="px-6 py-2.5">
        Simpan
    </x-primary-button>
</div>