@extends('layouts.app')

@section('content')

<div class="max-w-3xl mx-auto">

    <div class="bg-white rounded-xl shadow p-6">

        <h1 class="text-2xl font-bold mb-6">
            Tambah Pejabat
        </h1>

        <form action="{{ route('admin.pejabat.store') }}" method="POST">
            @csrf

            <div class="mb-4">
                <label class="block font-medium mb-2">
                    Nama Pejabat
                </label>

                <input
                    type="text"
                    name="nama_pejabat"
                    class="w-full border rounded-lg px-3 py-2"
                    required>
            </div>

            <div class="mb-6">
                <label class="block font-medium mb-2">
                    Jabatan
                </label>

                <input
                    type="text"
                    name="jabatan"
                    class="w-full border rounded-lg px-3 py-2"
                    required>
            </div>

            <div class="flex gap-2">

                <button
                    type="submit"
                    class="bg-[#1c1d56] text-white px-4 py-2 rounded-lg">
                    Simpan
                </button>

                <a
                    href="{{ route('admin.pejabat.index') }}"
                    class="bg-gray-500 text-white px-4 py-2 rounded-lg">
                    Kembali
                </a>

            </div>

        </form>

    </div>

</div>

@endsection