@extends('layouts.admin')

@section('content')
    <div class="container mx-auto p-8">
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 font-bold text-primary">
                    Tambah Pegawai
                </h6>
            </div>
            <form method="POST" action="{{ route('admin.pegawai.store') }}" class="space-y-4 mx-4">
                @csrf

                <div class="">
                    <label class="block mb-1 font-semibold" for="nip">NIP</label>
                    <input type="text" name="nip" id="nip" class="w-full p-2 border rounded" required>
                </div>

                <div class="">
                    <label class="block mb-1 font-semibold" for="nama_pegawai">Nama Pegawai</label>
                    <input type="text" name="nama_pegawai" id="nama_pegawai" class="w-full p-2 border rounded" required>
                </div>

                <div class="">
                    <label class="block mb-1 font-semibold" for="spesialisasi">Spesialisasi</label>
                    <input type="text" name="spesialisasi" id="spesialisasi" class="w-full p-2 border rounded">
                </div>

                <div class="">
                    <label class="block mb-1 font-semibold" for="ruang_pelayanan_id">Ruang Pelayanan</label>
                    <select name="ruang_pelayanan_id" id="ruang_pelayanan_id" class="w-full p-2 border rounded">
                        @foreach ($ruangPelayanans as $ruang)
                            <option value="{{ $ruang->id }}">
                                {{ $ruang->nama_ruang_pelayanan }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="my-4">
                    <button type="submit" class="px-4 py-2 font-semibold text-white bg-blue-600 rounded hover:bg-blue-700">
                        Simpan
                    </button>
                    <button type="button" onclick="location.href='{{ route('pegawai.index') }}'"
                        class="px-4 py-2 font-semibold text-white bg-gray-600  rounded hover:bg-gray-700">Batal</button>
                </div>
            </form>
        </div>
    </div>
@endsection