@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Tambah Jadwal Kegiatan Harian</h1>

    <form action="{{ route('jadwal_kegiatan_harian.store') }}" method="POST">
        @csrf
        <div class="form-group">
            <label for="jenis_kegiatan_id">Jenis Kegiatan</label>
            <select name="jenis_kegiatan_id" class="form-control" required>
                <option value="">Pilih Jenis Kegiatan</option>
                @foreach($jenisKegiatan as $jenis)
                    <option value="{{ $jenis->id }}">{{ $jenis->nama_jenis_kegiatan }}</option>
                @endforeach
            </select>
        </div>
        <div class="form-group">
            <label for="kegiatan">Kegiatan</label>
            <input type="text" name="kegiatan" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="waktu">Waktu (HH:MM)</label>
            <input type="time" name="waktu" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="hari">Hari</label>
            <select name="hari" class="form-control" required>
                <option value="">Pilih Hari</option>
                <option value="Senin">Senin</option>
                <option value="Selasa">Selasa</option>
                <option value="Rabu">Rabu</option>
                <option value="Kamis">Kamis</option>
                <option value="Jumat">Jumat</option>
                <option value="Sabtu">Sabtu</option>
                <option value="Minggu">Minggu</option>
            </select>
        </div>
        <div class="form-group">
            <label for="petugas_id">Petugas</label>
            <select name="petugas_id" class="form-control" required>
                <option value="">Pilih Pengawas</option>
                @foreach ($pengawas as $petugas)
                    <option value="{{ $petugas->id }}">{{ $petugas->nama_petugas }}</option>
                @endforeach
            </select>
        </div>
        <br>
        <button type="submit" class="btn btn-primary">Simpan</button>
    </form>
</div>
@endsection