{{-- resources/views/admin/akademik/pengaturan-jadwal/_tab_jam.blade.php --}}

<div class="table-responsive">
    <table class="table table-bordered table-hover align-middle">
        <thead class="table-dark text-center">
            <tr>
                <th width="5%">No</th>
                <th width="10%">Jam Ke</th>
                <th width="20%">Waktu (24 Jam)</th>
                <th width="15%">Durasi</th>
                <th>Tipe Slot</th>
                <th width="15%">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($jamPelajarans as $item)
                <tr class="text-center {{ $item->tipe != 'KBM' ? 'table-secondary' : '' }}">
                    <td>{{ $loop->iteration }}</td>
                    
                    <td class="fw-bold">{{ $item->jam_ke }}</td>
                    
                    <td>
                        <span class="badge bg-light text-dark border">
                            {{ date('H:i', strtotime($item->waktu_mulai)) }} 
                            - 
                            {{ date('H:i', strtotime($item->waktu_selesai)) }}
                        </span>
                    </td>

                    <td>
                        @php
                            $start = \Carbon\Carbon::parse($item->waktu_mulai);
                            $end = \Carbon\Carbon::parse($item->waktu_selesai);
                            $diff = $end->diffInMinutes($start);
                        @endphp
                        {{ $diff }} Menit
                    </td>

                    <td>
                        @if($item->tipe == 'KBM')
                            <span class="badge bg-success">KBM (Pelajaran)</span>
                        @elseif($item->tipe == 'ISTIRAHAT')
                            <span class="badge bg-warning text-dark">ISTIRAHAT</span>
                        @elseif($item->tipe == 'UPACARA')
                            <span class="badge bg-info">UPACARA</span>
                        @elseif($item->tipe == 'SHOLAT')
                            <span class="badge bg-primary">SHOLAT</span>
                        @else
                            <span class="badge bg-secondary">{{ $item->tipe }}</span>
                        @endif
                    </td>

                    <td>
                        <div class="btn-group" role="group">
                            <button class="btn btn-warning btn-sm" 
                                    data-bs-toggle="modal" 
                                    data-bs-target="#modalEditJam-{{ $item->id }}" 
                                    title="Edit">
                                <i class="fa fa-edit"></i>
                            </button>
                            
                            <form action="{{ route('admin.pengaturan-jadwal.destroy', $item->id) }}" 
                                  method="POST" 
                                  class="d-inline" 
                                  onsubmit="return confirm('Hapus slot waktu ini?');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm" title="Hapus">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="text-center text-muted py-5">
                        <div class="d-flex flex-column align-items-center">
                            <i class="fas fa-calendar-times fa-3x mb-3 opacity-25"></i>
                            <span>Belum ada slot waktu untuk hari <strong>{{ $selectedHari }}</strong>.</span>
                            <small>Klik tombol "Tambah Slot" di atas untuk memulai.</small>
                        </div>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="modal fade" id="modalTambahJam" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title"><i class="fa fa-plus-circle me-2"></i>Tambah Slot: {{ $selectedHari }}</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form method="POST" action="{{ route('admin.pengaturan-jadwal.store') }}">
        @csrf
        <input type="hidden" name="tahun_ajaran_id" value="{{ $selectedTahunId }}">

        <div class="modal-body">
          <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Hari</label>
                <input type="text" name="hari" class="form-control bg-light" value="{{ $selectedHari }}" readonly>
            </div>

            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Jam Ke-</label>
                <input type="number" name="jam_ke" class="form-control" required placeholder="Contoh: 1">
            </div>
          </div>

          <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Waktu Mulai</label>
                <input type="time" name="waktu_mulai" class="form-control" required>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Waktu Selesai</label>
                <input type="time" name="waktu_selesai" class="form-control" required>
            </div>
          </div>

          <div class="mb-3">
            <label class="form-label fw-bold">Tipe Kegiatan</label>
            <select name="tipe" class="form-select" required>
                @foreach($tipeSlot as $tipe)
                    <option value="{{ $tipe }}">{{ $tipe }}</option>
                @endforeach
            </select>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-primary">Simpan</button>
        </div>
      </form>
    </div>
  </div>
</div>

@foreach ($jamPelajarans as $item)
<div class="modal fade" id="modalEditJam-{{ $item->id }}" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header bg-warning">
        <h5 class="modal-title text-dark"><i class="fa fa-edit me-2"></i>Edit Slot Waktu</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form method="POST" action="{{ route('admin.pengaturan-jadwal.update', $item->id) }}">
        @csrf
        @method('PUT')
        <div class="modal-body">
          <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Hari</label>
                <input type="text" name="hari" class="form-control bg-light" value="{{ $item->hari }}" readonly>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Jam Ke-</label>
                <input type="number" name="jam_ke" class="form-control" value="{{ $item->jam_ke }}" required>
            </div>
          </div>

          <div class="row">
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Waktu Mulai</label>
                <input type="time" name="waktu_mulai" class="form-control" 
                       value="{{ date('H:i', strtotime($item->waktu_mulai)) }}" required>
            </div>
            <div class="col-md-6 mb-3">
                <label class="form-label fw-bold">Waktu Selesai</label>
                <input type="time" name="waktu_selesai" class="form-control" 
                       value="{{ date('H:i', strtotime($item->waktu_selesai)) }}" required>
            </div>
          </div>

          <div class="mb-3">
            <label class="form-label fw-bold">Tipe Kegiatan</label>
            <select name="tipe" class="form-select" required>
                @foreach($tipeSlot as $tipe)
                    <option value="{{ $tipe }}" {{ $item->tipe == $tipe ? 'selected' : '' }}>{{ $tipe }}</option>
                @endforeach
            </select>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
          <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
        </div>
      </form>
    </div>
  </div>
</div>
@endforeach