{{-- resources/views/admin/akademik/kegiatan/create.blade.php --}}
@extends('layouts.admin')
@section('title', 'Tambah Kegiatan')

@section('content')
<div class="page-inner">
  <div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
    <div>
      <h3 class="fw-bold mb-3">Manajemen Akademik: Tambah Kegiatan</h3>
      <h6 class="op-7 mb-2">
        Form ini digunakan untuk menambahkan kegiatan baru beserta jadwal dan penanggung jawabnya.
      </h6>
    </div>
    <div class="ms-md-auto py-2 py-md-0">
      <a href="{{ route('admin.kegiatan.index') }}" class="btn btn-secondary btn-round">
        <i class="fa fa-arrow-left"></i> Kembali
      </a>
    </div>
  </div>

  @if ($errors->any())
    <div class="alert alert-danger">
      <strong>Terjadi kesalahan:</strong>
      <ul class="mb-0">
        @foreach ($errors->all() as $error)
          <li>{{ $error }}</li>
        @endforeach
      </ul>
    </div>
  @endif

  <div class="row">
    <div class="col-md-12">
      <div class="card card-round shadow-sm border-0">
        <div class="card-header">
          <div class="card-title">
            <i class="fa fa-calendar-plus me-2"></i> Form Tambah Kegiatan
          </div>
        </div>
        <div class="card-body">
          <form action="{{ route('admin.kegiatan.store') }}" method="POST">
            @csrf

            <div class="row">
              <div class="col-md-6">
                <div class="mb-3">
                  <label class="form-label">Jenis Kegiatan <span class="text-danger">*</span></label>
                  <select name="kegiatan_jenis_id" class="form-control" required>
                    <option value="">-- Pilih Jenis Kegiatan --</option>
                    @foreach($kegiatanJenis as $jenis)
                      <option value="{{ $jenis->id }}" {{ old('kegiatan_jenis_id') == $jenis->id ? 'selected' : '' }}>
                        {{ $jenis->nama }}
                      </option>
                    @endforeach
                  </select>
                </div>

                <div class="mb-3">
                  <label class="form-label">Deskripsi</label>
                  <textarea name="deskripsi" class="form-control" rows="3" placeholder="Tuliskan deskripsi singkat kegiatan...">{{ old('deskripsi') }}</textarea>
                </div>

                <div class="mb-3">
                  <label class="form-label">Tanggal <span class="text-danger">*</span></label>
                  <input type="date" name="tanggal" class="form-control" value="{{ old('tanggal') }}" required>
                </div>

              </div>

              <div class="col-md-6">
                <div class="row">
                  <div class="col-md-6 mb-3">
                    <label class="form-label">Waktu Mulai <span class="text-danger">*</span></label>
                    <input type="time" name="waktu_mulai" class="form-control" value="{{ old('waktu_mulai') }}" required>
                  </div>
                  <div class="col-md-6 mb-3">
                    <label class="form-label">Waktu Selesai <span class="text-danger">*</span></label>
                    <input type="time" name="waktu_selesai" class="form-control" value="{{ old('waktu_selesai') }}" required>
                  </div>
                </div>

                <div class="mb-3">
                  <label class="form-label">Lokasi</label>
                  <input type="text" name="lokasi" class="form-control" value="{{ old('lokasi') }}" placeholder="Contoh: Aula, Ruang Guru, Lapangan">
                </div>

                <div class="mb-3">
                  <label class="form-label">Penanggung Jawab (Guru)</label>
                  <select name="guru_id" class="form-control">
                    <option value="">-- Tidak Ada --</option>
                    @foreach($gurus as $guru)
                      <option value="{{ $guru->id }}" {{ old('guru_id') == $guru->id ? 'selected' : '' }}>
                        {{ $guru->nama }}
                      </option>
                    @endforeach
                  </select>
                </div>

                <div class="row">
                  <div class="col-md-6 mb-3">
                    <label class="form-label">Jenis <span class="text-danger">*</span></label>
                    <select name="jenis" class="form-control" required>
                      <option value="Internal"  {{ old('jenis') == 'Internal' ? 'selected' : '' }}>Internal</option>
                      <option value="Eksternal" {{ old('jenis') == 'Eksternal' ? 'selected' : '' }}>Eksternal</option>
                      <option value="Rapat"     {{ old('jenis') == 'Rapat' ? 'selected' : '' }}>Rapat</option>
                    </select>
                  </div>
                  <div class="col-md-6 mb-3">
                    <label class="form-label">Status <span class="text-danger">*</span></label>
                    <select name="status" class="form-control" required>
                      <option value="Draft"      {{ old('status', 'Draft') == 'Draft' ? 'selected' : '' }}>Draft</option>
                      <option value="Terjadwal"  {{ old('status') == 'Terjadwal' ? 'selected' : '' }}>Terjadwal</option>
                      <option value="Selesai"    {{ old('status') == 'Selesai' ? 'selected' : '' }}>Selesai</option>
                      <option value="Dibatalkan" {{ old('status') == 'Dibatalkan' ? 'selected' : '' }}>Dibatalkan</option>
                    </select>
                  </div>
                </div>

              </div>
            </div>

            <div class="mt-3">
              <button type="submit" class="btn btn-primary">
                <i class="fa fa-save me-1"></i> Simpan
              </button>
              <a href="{{ route('admin.kegiatan.index') }}" class="btn btn-secondary ms-2">
                Batal
              </a>
            </div>

          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection