{{-- resources/views/admin/akademik/pengaturan-jadwal/index.blade.php --}}
@extends('layouts.admin')
@section('title', 'Pengaturan Jadwal')

@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">Pengaturan Jadwal</h3>
            <h6 class="op-7 mb-2">Master slot waktu per hari efektif KBM.</h6>
        </div>
        
        <div class="ms-md-auto py-2 py-md-0 d-flex gap-2 align-items-center">
            
            <button class="btn btn-secondary btn-sm btn-round" data-bs-toggle="modal" data-bs-target="#modalCopyTahun">
                <i class="fas fa-history me-1"></i> Salin dari Tahun Lain
            </button>

            <form action="{{ route('admin.pengaturan-jadwal.index') }}" method="GET" class="d-flex align-items-center bg-white p-2 rounded shadow-sm">
                <label class="me-2 fw-bold small text-nowrap">Tahun Ajaran:</label>
                <select name="tahun_ajaran_id" class="form-select form-select-sm" onchange="this.form.submit()">
                    @foreach($tahunAjarans as $ta)
                        <option value="{{ $ta->id }}" {{ $selectedTahunId == $ta->id ? 'selected' : '' }}>
                            {{ $ta->tahun_ajaran }}
                        </option>
                    @endforeach
                </select>
            </form>
        </div>
    </div>

    <div class="row">
        <div class="col-md-3">
            <div class="card card-round shadow-sm border-0 mb-3">
                <div class="card-header bg-primary text-white py-2 px-3">
                    <div class="d-flex align-items-center">
                        <i class="fa fa-calendar-day me-2"></i>
                        <span class="fw-bold text-uppercase" style="font-size: 0.85rem; letter-spacing: 0.5px;">Pilih Hari</span>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="list-group list-group-flush">
                        @foreach($hariList as $h)
                            @php $isActive = $selectedHari == $h; @endphp
                            <a href="{{ route('admin.pengaturan-jadwal.index', array_merge(request()->query(), ['hari' => $h])) }}" 
                               class="list-group-item list-group-item-action py-2 px-3 d-flex justify-content-between align-items-center 
                                      {{ $isActive ? 'bg-light text-primary fw-bold border-start border-primary border-3' : 'text-muted' }}"
                               style="font-size: 0.85rem; {{ $isActive ? 'background-color: #f8f9fa;' : '' }}">
                                <span>
                                    @if($isActive) <i class="fa fa-caret-right me-2 small"></i>
                                    @else <i class="fa fa-circle me-2 text-muted" style="font-size: 4px; vertical-align: middle;"></i> @endif
                                    {{ $h }}
                                </span>
                                @if($isActive) <i class="fas fa-chevron-right" style="font-size: 0.7rem;"></i> @endif
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-9">
            <div class="card card-round shadow-sm border-0">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <div class="card-title">
                        <i class="fas fa-clock me-2"></i> Jadwal Hari <span class="text-primary fw-bold">{{ $selectedHari }}</span>
                    </div>
                    
                    <div class="d-flex gap-2">
                        {{-- Tombol Salin Hari (Fitur 5.2) --}}
                        @if($jamPelajarans->isNotEmpty())
                            <button class="btn btn-outline-primary btn-sm btn-round" data-bs-toggle="modal" data-bs-target="#modalCopyHari">
                                <i class="fa fa-copy me-1"></i> Salin ke Hari Lain
                            </button>
                        @endif

                        <button class="btn btn-primary btn-sm btn-round" data-bs-toggle="modal" data-bs-target="#modalTambahJam">
                            <i class="fa fa-plus me-1"></i> Tambah Slot
                        </button>
                    </div>
                </div>
                <div class="card-body">
                     @include('admin.akademik.pengaturan-jadwal._tab_jam')
                </div>
            </div>
        </div>
    </div>
</div>

{{-- MODAL 1: COPY JADWAL HARIAN --}}
<div class="modal fade" id="modalCopyHari" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title"><i class="fa fa-copy me-2"></i>Salin Jadwal Harian</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('admin.pengaturan-jadwal.copy-harian') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-info py-2 small">
                        <i class="fa fa-info-circle me-1"></i> Menyalin semua slot waktu dari <strong>{{ $selectedHari }}</strong> ke hari yang dipilih.
                    </div>

                    <input type="hidden" name="tahun_ajaran_id" value="{{ $selectedTahunId }}">
                    <input type="hidden" name="from_hari" value="{{ $selectedHari }}">

                    <label class="form-label fw-bold mb-2">Pilih Hari Tujuan:</label>
                    <div class="row g-2">
                        @foreach($hariList as $h)
                            @if($h != $selectedHari)
                                <div class="col-6">
                                    <div class="form-check border p-2 rounded">
                                        <input class="form-check-input ms-1" type="checkbox" name="target_hari[]" value="{{ $h }}" id="chk-{{ $h }}">
                                        <label class="form-check-label ms-2 fw-bold" for="chk-{{ $h }}">{{ $h }}</label>
                                    </div>
                                </div>
                            @endif
                        @endforeach
                    </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-info text-white">Salin Sekarang</button>
                </div>
            </form>
        </div>
    </div>
</div>

{{-- MODAL 2: COPY JADWAL TAHUNAN --}}
<div class="modal fade" id="modalCopyTahun" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-secondary text-white">
                <h5 class="modal-title"><i class="fa fa-history me-2"></i>Salin Jadwal Tahunan</h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('admin.pengaturan-jadwal.copy-tahunan') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-warning py-2 small">
                        <i class="fa fa-exclamation-triangle me-1"></i> Fitur ini akan menyalin <strong>SEMUA</strong> master slot waktu dari tahun sumber ke tahun <strong>{{ $tahunAjarans->where('id', $selectedTahunId)->first()->tahun_ajaran ?? '-' }}</strong>.
                        <br><br>
                        <strong>Syarat:</strong> Data jadwal di tahun tujuan ini harus kosong.
                    </div>

                    <input type="hidden" name="target_tahun_id" value="{{ $selectedTahunId }}">

                    <div class="mb-3">
                        <label class="form-label fw-bold">Pilih Tahun Sumber:</label>
                        <select name="source_tahun_id" class="form-select" required>
                            <option value="">-- Pilih Tahun --</option>
                            @foreach($tahunAjarans as $ta)
                                @if($ta->id != $selectedTahunId)
                                    <option value="{{ $ta->id }}">{{ $ta->tahun_ajaran }}</option>
                                @endif
                            @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">Proses Salin</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection