@props(['action', 'method' => null, 'item' => null, 'penyelenggaras' => collect()])

<form action="{{ $action }}" method="POST">
    @csrf
    @if ($method)
        @method($method)
    @endif

    <div class="modal-body grid columns-12 gap-4 gap-y-3">
        {{-- Kategori Acara --}}
        <div class="g-col-12 mb-3">
            <label class="form-label m-0">Kategori Acara</label>
            <input name="kategori_acara" value="{{ old('kategori_acara', $item->kategori_acara ?? '') }}" type="text"
                class="form-control" placeholder="Masukkan nama kategori acara..." required>
            @error('kategori_acara')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>

        <div class="g-col-12 mb-3">
            <label class="form-label m-0">Nama Penyelenggara</label>
            <select name="nama_penyelenggara" class="form-control js-select2" required>
                <option value="" selected disabled>Pilih Penyelenggara</option>
                @foreach ($penyelenggaras as $penyelenggara)
                    <option value="{{ $penyelenggara->nama_penyelenggara }}"
                        data-nip="{{ $penyelenggara->nip_penyelenggara }}"
                        @if (old('nama_penyelenggara')) {{ old('nama_penyelenggara') == $penyelenggara->nama_penyelenggara ? 'selected' : '' }}
                @elseif(isset($item) && $item->nama_penyelenggara == $penyelenggara->nama_penyelenggara)
                    selected @endif>
                        {{ $penyelenggara->nama_penyelenggara }}
                    </option>
                @endforeach
            </select>
            @error('nama_penyelenggara')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>


        {{-- NIP Penyelenggara --}}
        <div class="g-col-12 mb-3">
            <label class="form-label m-0">NIP Penyelenggara</label>
            <input name="nip" value="{{ old('nip', $item->nip ?? '') }}" type="text"
                class="form-control nip-input" placeholder="Hanya 18 karakter" maxlength="18" readonly>
            @error('nip')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>

        {{-- Tempat Acara --}}
        <div class="g-col-12 mb-3">
            <label class="form-label m-0">Tempat Acara</label>
            <input name="tempat_acara" value="{{ old('tempat_acara', $item->tempat_acara ?? '') }}" type="text"
                class="form-control" placeholder="Masukkan tempat acara..." required>
            @error('tempat_acara')
                <div class="text-danger">{{ $message }}</div>
            @enderror
        </div>

        {{-- Waktu Mulai & Waktu Selesai --}}
        <div class="g-col-12 mb-3 row">
            <div class="col-6">
                <label class="form-label m-0">Waktu Mulai</label>
                <input name="waktu_mulai"
                    value="{{ old('waktu_mulai', isset($item->waktu_mulai) ? \Carbon\Carbon::parse($item->waktu_mulai)->format('Y-m-d\TH:i') : '') }}"
                    type="datetime-local" class="form-control" required>
                @error('waktu_mulai')
                    <div class="text-danger">{{ $message }}</div>
                @enderror
            </div>

            <div class="col-6">
                <label class="form-label m-0">Waktu Selesai</label>
                <input name="waktu_selesai"
                    value="{{ old('waktu_selesai', isset($item->waktu_selesai) ? \Carbon\Carbon::parse($item->waktu_selesai)->format('Y-m-d\TH:i') : '') }}"
                    type="datetime-local" class="form-control" required>
                @error('waktu_selesai')
                    <div class="text-danger">{{ $message }}</div>
                @enderror
            </div>
        </div>
    </div>

    {{-- Tombol Aksi --}}
    <div class="modal-footer text-end">
        <button type="button" data-bs-dismiss="modal" class="btn btn-outline-secondary w-20 me-1">
            Batal
        </button>
        <button type="submit" class="btn btn-primary w-20">
            Simpan
        </button>
    </div>
</form>