@extends('adminlte::page')

@section('title', 'Pengaturan Gelombang & Kuota')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h1 class="text-dark font-weight-bold" style="font-family: 'Poppins', sans-serif;">Pengaturan Gelombang</h1>
            <p class="text-muted small mb-0">Kelola jadwal, biaya, dan distribusi kuota per lembaga.</p>
        </div>
        <button class="btn btn-primary btn-sm shadow-sm px-3 rounded-pill font-weight-bold" data-toggle="modal" data-target="#modal-add">
            <i class="fas fa-plus mr-1"></i> Tambah Gelombang
        </button>
    </div>
@stop

@section('content')
    <div class="card border-0 shadow-sm" style="border-radius: 15px;">
        <div class="card-header bg-white py-3">
             <h3 class="card-title font-weight-bold text-primary">
                <i class="fas fa-calendar-alt mr-2"></i> Daftar Gelombang
            </h3>
        </div>
        <div class="card-body p-0">
             <div class="table-responsive">
                <table class="table table-hover align-middle w-100">
                    <thead class="bg-light text-uppercase text-muted text-xs font-weight-bold">
                        <tr>
                            <th class="pl-4">Nama Gelombang & Lembaga</th>
                            <th>Masa Pendaftaran</th>
                            <th width="35%">Distribusi Kuota</th> 
                            <th>Biaya</th>
                            <th class="text-center">Status</th>
                            <th class="text-center">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($gelombangs as $gel)
                        <tr>
                            <td class="pl-4 align-middle">
                                <span class="font-weight-bold text-dark d-block">{{ $gel->nama_gelombang }}</span>
                                {{-- Menampilkan Nama Lembaga Pemilik Gelombang --}}
                                <span class="badge badge-light text-primary border border-primary mt-1 text-xs">
                                    <i class="fas fa-school mr-1"></i> {{ $gel->sekolah->nama_sekolah ?? 'Semua/Pusat' }}
                                </span>
                            </td>
                            <td class="align-middle">
                                <small class="text-muted font-weight-bold">MULAI:</small>
                                <span class="d-block text-dark">{{ $gel->tgl_mulai->format('d M Y') }}</span>
                                <div class="mb-1"></div>
                                <small class="text-muted font-weight-bold">SELESAI:</small>
                                <span class="d-block text-dark">{{ $gel->tgl_selesai->format('d M Y') }}</span>
                            </td>
                            <td class="align-middle">
                                <div class="d-flex flex-column gap-2">
                                    {{-- Looping Kuota berdasarkan data yang tersimpan --}}
                                    @foreach($gel->quotas as $qData)
                                        @php 
                                            $qTotal = $qData->kuota_zonasi + $qData->kuota_afirmasi + $qData->kuota_prestasi + $qData->kuota_perpindahan;
                                        @endphp
                                        <div class="border rounded p-2 mb-1 bg-light">
                                            <div class="d-flex justify-content-between align-items-center mb-1">
                                                <span class="text-sm font-weight-bold text-dark">
                                                    <i class="fas fa-chart-pie text-primary mr-1"></i> Total Kuota
                                                </span>
                                                <span class="badge badge-primary">{{ $qTotal > 0 ? $qTotal : 'Unlimited' }}</span>
                                            </div>
                                            <div class="d-flex justify-content-between text-xs text-muted">
                                                <span title="Zonasi"><i class="fas fa-map-marker-alt text-info"></i> Z: {{ $qData->kuota_zonasi }}</span>
                                                <span title="Afirmasi"><i class="fas fa-hands-helping text-success"></i> A: {{ $qData->kuota_afirmasi }}</span>
                                                <span title="Prestasi"><i class="fas fa-medal text-warning"></i> P: {{ $qData->kuota_prestasi }}</span>
                                                <span title="Perpindahan"><i class="fas fa-briefcase text-purple"></i> PT: {{ $qData->kuota_perpindahan }}</span>
                                            </div>
                                        </div>
                                    @endforeach
                                    @if($gel->quotas->isEmpty())
                                        <span class="text-muted text-sm">Belum ada pengaturan kuota.</span>
                                    @endif
                                </div>
                            </td>
                            <td class="align-middle font-weight-bold text-success">
                                Rp {{ number_format($gel->biaya_pendaftaran, 0, ',', '.') }}
                            </td>
                            <td class="text-center align-middle">
                                @if($gel->is_active)
                                    <span class="badge bg-light-success text-success px-3 py-2 rounded-pill text-xs font-weight-bold border border-success">AKTIF</span>
                                @else
                                    <span class="badge bg-light-secondary text-secondary px-3 py-2 rounded-pill text-xs font-weight-bold border border-secondary">TUTUP</span>
                                @endif
                            </td>
                            <td class="text-center align-middle">
                                <button class="btn btn-sm btn-light text-info shadow-sm rounded-circle mr-1" data-toggle="modal" data-target="#modal-edit-{{ $gel->id }}" title="Edit">
                                    <i class="fas fa-pencil-alt"></i>
                                </button>
                                <form action="{{ route('admin.ppdb.gelombang.destroy', $gel->id) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin ingin menghapus gelombang ini?');">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-light text-danger shadow-sm rounded-circle" title="Hapus"><i class="fas fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>

                        {{-- MODAL EDIT --}}
                        <div class="modal fade" id="modal-edit-{{ $gel->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                                <div class="modal-content border-0 shadow-lg" style="border-radius: 15px;">
                                    <form action="{{ route('admin.ppdb.gelombang.update', $gel->id) }}" method="POST">
                                        @csrf @method('PUT')
                                        <div class="modal-header bg-info text-white" style="border-radius: 15px 15px 0 0;">
                                            <h5 class="modal-title font-weight-bold">Edit Gelombang</h5>
                                            <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                                        </div>
                                        <div class="modal-body bg-light">
                                            
                                            <div class="form-group">
                                                <label class="small font-weight-bold text-muted">Nama Gelombang</label>
                                                <input type="text" name="nama_gelombang" class="form-control border-0 shadow-sm" value="{{ $gel->nama_gelombang }}" required>
                                            </div>

                                            <div class="row">
                                                <div class="col-6">
                                                    <div class="form-group">
                                                        <label class="small font-weight-bold text-muted">Mulai</label>
                                                        <input type="date" name="tgl_mulai" class="form-control border-0 shadow-sm" value="{{ $gel->tgl_mulai->format('Y-m-d') }}" required>
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="form-group">
                                                        <label class="small font-weight-bold text-muted">Selesai</label>
                                                        <input type="date" name="tgl_selesai" class="form-control border-0 shadow-sm" value="{{ $gel->tgl_selesai->format('Y-m-d') }}" required>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="small font-weight-bold text-muted">Biaya Pendaftaran (Rp)</label>
                                                <input type="number" name="biaya_pendaftaran" class="form-control border-0 shadow-sm" value="{{ $gel->biaya_pendaftaran }}" required>
                                            </div>

                                            <hr>
                                            
                                            <div class="form-group">
                                                <label class="small font-weight-bold text-info"><i class="fas fa-chart-pie mr-1"></i> ATUR KUOTA JALUR</label>
                                                <div class="bg-white p-3 border rounded shadow-sm">
                                                    {{-- Kita looping sekolah yang bersangkutan dengan gelombang ini saja --}}
                                                    @php
                                                        $sekolahPemilik = $sekolahs->where('id', $gel->sekolah_id)->first();
                                                        // Fallback jika sekolah_id kosong, pakai sekolah pertama (untuk backward compatibility)
                                                        $targetSekolah = $sekolahPemilik ? [$sekolahPemilik] : $sekolahs;
                                                    @endphp

                                                    @foreach($targetSekolah as $s)
                                                        @php
                                                            $oldQ = $gel->quotas->where('sekolah_id', $s->id)->first();
                                                        @endphp
                                                        <div class="mb-2">
                                                            <label class="mb-2 text-md text-primary font-weight-bold border-bottom pb-1 d-block"><i class="fas fa-school"></i> {{ $s->nama_sekolah }}</label>
                                                            <div class="row px-2">
                                                                <div class="col-3 px-1">
                                                                    <small class="d-block text-muted mb-1 text-center">Zonasi</small>
                                                                    <input type="number" name="quotas[{{ $s->id }}][zonasi]" class="form-control form-control-sm text-center" value="{{ $oldQ ? $oldQ->kuota_zonasi : 0 }}" min="0" required>
                                                                </div>
                                                                <div class="col-3 px-1">
                                                                    <small class="d-block text-muted mb-1 text-center">Afirmasi</small>
                                                                    <input type="number" name="quotas[{{ $s->id }}][afirmasi]" class="form-control form-control-sm text-center" value="{{ $oldQ ? $oldQ->kuota_afirmasi : 0 }}" min="0" required>
                                                                </div>
                                                                <div class="col-3 px-1">
                                                                    <small class="d-block text-muted mb-1 text-center">Prestasi</small>
                                                                    <input type="number" name="quotas[{{ $s->id }}][prestasi]" class="form-control form-control-sm text-center" value="{{ $oldQ ? $oldQ->kuota_prestasi : 0 }}" min="0" required>
                                                                </div>
                                                                <div class="col-3 px-1">
                                                                    <small class="d-block text-muted mb-1 text-center">Pindah</small>
                                                                    <input type="number" name="quotas[{{ $s->id }}][perpindahan]" class="form-control form-control-sm text-center" value="{{ $oldQ ? $oldQ->kuota_perpindahan : 0 }}" min="0" required>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                    <small class="text-muted text-xs d-block mt-2 text-center bg-light p-2 rounded">Isi <b>0</b> jika kuota tidak dibatasi.</small>
                                                </div>
                                            </div>

                                            <div class="custom-control custom-switch mt-3">
                                                <input type="checkbox" class="custom-control-input" name="is_active" id="switchEdit{{ $gel->id }}" value="1" {{ $gel->is_active ? 'checked' : '' }}>
                                                <label class="custom-control-label font-weight-bold" for="switchEdit{{ $gel->id }}">Status Aktif</label>
                                            </div>
                                        </div>
                                        <div class="modal-footer bg-white">
                                            <button type="button" class="btn btn-link text-secondary" data-dismiss="modal">Batal</button>
                                            <button type="submit" class="btn btn-info shadow-sm rounded-pill px-4 font-weight-bold">Simpan Perubahan</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        @empty
                        <tr>
                            <td colspan="6" class="text-center py-5 text-muted">
                                <img src="{{ asset('vendor/adminlte/dist/img/AdminLTELogo.png') }}" alt="Empty" style="opacity: 0.5; width: 60px;" class="mb-3 grayscale">
                                <p class="mb-0">Belum ada gelombang pendaftaran yang dibuat.</p>
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- MODAL TAMBAH --}}
    <div class="modal fade" id="modal-add" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
            <div class="modal-content border-0 shadow-lg" style="border-radius: 15px;">
                <form action="{{ route('admin.ppdb.gelombang.store') }}" method="POST">
                    @csrf
                    <div class="modal-header bg-primary text-white" style="border-radius: 15px 15px 0 0;">
                        <h5 class="modal-title font-weight-bold">Buat Gelombang Baru</h5>
                        <button type="button" class="close text-white" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body bg-light">
                        
                        {{-- LOGIKA MULTI-TENANT: HANYA MUNCUL JIKA ADMIN PUSAT --}}
                        @if(auth()->user()->role->isPusat())
                            <div class="form-group bg-white p-3 rounded border border-primary">
                                <label class="small font-weight-bold text-primary"><i class="fas fa-school mr-1"></i> Pilih Lembaga / Sekolah</label>
                                <select name="sekolah_id" class="form-control" required>
                                    <option value="">-- Tentukan Pemilik Gelombang --</option>
                                    @foreach($sekolahs as $s)
                                        <option value="{{ $s->id }}">{{ $s->nama_sekolah }}</option>
                                    @endforeach
                                </select>
                                <small class="text-muted text-xs d-block mt-1">Gelombang ini akan menjadi milik lembaga yang dipilih.</small>
                            </div>
                        @endif

                        <div class="form-group">
                            <label class="small font-weight-bold text-muted">Nama Gelombang</label>
                            <input type="text" name="nama_gelombang" class="form-control border-0 shadow-sm" placeholder="Contoh: Gelombang 1" required>
                        </div>

                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label class="small font-weight-bold text-muted">Mulai</label>
                                    <input type="date" name="tgl_mulai" class="form-control border-0 shadow-sm" required>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label class="small font-weight-bold text-muted">Selesai</label>
                                    <input type="date" name="tgl_selesai" class="form-control border-0 shadow-sm" required>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="small font-weight-bold text-muted">Biaya Pendaftaran (Rp)</label>
                            <input type="number" name="biaya_pendaftaran" class="form-control border-0 shadow-sm" value="0" required>
                        </div>

                        <hr>

                        <div class="form-group">
                            <label class="small font-weight-bold text-primary"><i class="fas fa-chart-pie mr-1"></i> TENTUKAN KUOTA JALUR</label>
                            <div class="bg-white p-3 border rounded shadow-sm">
                                @if($sekolahs->isEmpty())
                                    <div class="alert alert-warning text-xs">
                                        <i class="fas fa-exclamation-triangle mr-1"></i> Belum ada Data Sekolah yang bisa diatur.
                                    </div>
                                @else
                                    {{-- Admin Lembaga hanya melihat form kuota lembaganya. 
                                         Admin pusat melihat semua, tapi nanti di Controller hanya disimpan yang sesuai ID sekolahnya --}}
                                    @foreach($sekolahs as $s)
                                    <div class="mb-4">
                                        <label class="mb-2 text-md text-primary font-weight-bold border-bottom pb-1 d-block"><i class="fas fa-school"></i> {{ $s->nama_sekolah }}</label>
                                        <div class="row px-2">
                                            <div class="col-3 px-1">
                                                <small class="d-block text-muted mb-1 text-center">Zonasi</small>
                                                <input type="number" name="quotas[{{ $s->id }}][zonasi]" class="form-control form-control-sm text-center" value="0" min="0" required>
                                            </div>
                                            <div class="col-3 px-1">
                                                <small class="d-block text-muted mb-1 text-center">Afirmasi</small>
                                                <input type="number" name="quotas[{{ $s->id }}][afirmasi]" class="form-control form-control-sm text-center" value="0" min="0" required>
                                            </div>
                                            <div class="col-3 px-1">
                                                <small class="d-block text-muted mb-1 text-center">Prestasi</small>
                                                <input type="number" name="quotas[{{ $s->id }}][prestasi]" class="form-control form-control-sm text-center" value="0" min="0" required>
                                            </div>
                                            <div class="col-3 px-1">
                                                <small class="d-block text-muted mb-1 text-center">Pindah</small>
                                                <input type="number" name="quotas[{{ $s->id }}][perpindahan]" class="form-control form-control-sm text-center" value="0" min="0" required>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                    <small class="text-muted text-xs d-block mt-2 text-center bg-light p-2 rounded">Isi <b>0</b> jika kuota tidak dibatasi.</small>
                                @endif
                            </div>
                        </div>

                        <div class="custom-control custom-switch mt-3">
                            <input type="checkbox" class="custom-control-input" name="is_active" id="switchNew" value="1" checked>
                            <label class="custom-control-label font-weight-bold" for="switchNew">Langsung Aktifkan</label>
                        </div>
                    </div>
                    <div class="modal-footer bg-white">
                        <button type="button" class="btn btn-link text-secondary" data-dismiss="modal">Batal</button>
                        <button type="submit" class="btn btn-primary shadow-sm rounded-pill px-4 font-weight-bold">Simpan</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop

@push('css')
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
    body { font-family: 'Poppins', sans-serif; }
    .table thead th { border-bottom: 1px solid #ebedf3; letter-spacing: 0.5px; vertical-align: middle; }
    .table td { border-top: 1px solid #ebedf3; vertical-align: middle; }
    .grayscale { filter: grayscale(100%); }
</style>
@endpush