@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">
                    Edit Pegawai
                </h6>
            </div>
            <form method="POST" action="{{ route('admin.pegawai.update', $pegawai->id) }}" class="space-y-4 mx-4">
                @csrf
                @method('PUT')

                <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"
                        value="{{ old('nip', $pegawai->nip) }}" 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 "
                        value="{{ old('nama_pegawai', $pegawai->nama_pegawai) }}" 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"
                        value="{{ old('spesialisasi', $pegawai->spesialisasi) }}">
                </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 }}"
                                {{ $pegawai->ruang_pelayanan_id == $ruang->id ? 'selected' : '' }}>
                                {{ $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-green-600 rounded hover:bg-green-700">
                        Update
                    </button>
                    <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