@extends('ibubapa.layouts.app')

@section('title', 'Permohonan - Sistem Rekod Asrama SBP')
@section('page_title', 'Permohonan')

@section('content')
@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show">
        {{ session('success') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
@endif

@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show">
        {{ session('error') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
@endif

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Buat Permohonan Baru</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('ibubapa.permohonan.store') }}" method="POST">
                    @csrf

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">Anak / Pelajar <span class="text-danger">*</span></label>
                        <div class="col-sm-9">
                            @forelse($anakList as $pelajar)
                                <div class="custom-control custom-radio mb-2">
                                    <input type="radio" id="pelajar_{{ $pelajar->id }}" name="pelajar_id"
                                           value="{{ $pelajar->id }}"
                                           class="custom-control-input @error('pelajar_id') is-invalid @enderror"
                                           {{ old('pelajar_id') == $pelajar->id ? 'checked' : ($loop->first ? 'checked' : '') }} required>
                                    <label class="custom-control-label" for="pelajar_{{ $pelajar->id }}">
                                        <strong>{{ $pelajar->user->name ?? 'Pelajar #'.$pelajar->id }}</strong>
                                        <span class="text-muted">({{ $pelajar->no_kp_pelajar ?? '-' }})</span>
                                    </label>
                                </div>
                            @empty
                                <div class="alert alert-warning mb-0 py-2">Tiada anak didaftarkan. Sila daftarkan anak terlebih dahulu di menu Maklumat Penjaga.</div>
                            @endforelse
                            @error('pelajar_id')
                                <div class="invalid-feedback d-block">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">Peristiwa <span class="text-danger">*</span></label>
                        <div class="col-sm-9">
                            <select name="peristiwa_id" class="form-control @error('peristiwa_id') is-invalid @enderror" required>
                                <option value="">-- Pilih Peristiwa --</option>
                                @foreach($peristiwaList as $peristiwa)
                                    <option value="{{ $peristiwa->id }}" {{ old('peristiwa_id') == $peristiwa->id ? 'selected' : '' }}>
                                        {{ $peristiwa->nama_peristiwa }}
                                    </option>
                                @endforeach
                            </select>
                            @error('peristiwa_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">Tarikh Mula <span class="text-danger">*</span></label>
                        <div class="col-sm-9">
                            <input type="date" name="tarikh_mula" class="form-control @error('tarikh_mula') is-invalid @enderror"
                                   value="{{ old('tarikh_mula') }}" required>
                            @error('tarikh_mula')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3 col-form-label">Tarikh Akhir <span class="text-danger">*</span></label>
                        <div class="col-sm-9">
                            <input type="date" name="tarikh_akhir" class="form-control @error('tarikh_akhir') is-invalid @enderror"
                                   value="{{ old('tarikh_akhir') }}" required>
                            @error('tarikh_akhir')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-sm-9 offset-sm-3">
                            <button type="submit" class="btn btn-primary">Hantar Permohonan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Senarai Permohonan</h4>
            </div>
            <div class="card-body">
                @if($permohonans->isNotEmpty())
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Pelajar</th>
                                <th>Peristiwa</th>
                                <th>Tarikh Mula</th>
                                <th>Tarikh Akhir</th>
                                <th>Status</th>
                                <th>Disahkan Oleh</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($permohonans as $permohonan)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $permohonan->pelajar->user->name ?? '-' }}</td>
                                <td>
                                    {{ $permohonan->peristiwa->nama_peristiwa ?? '-' }}<br>
                                    <small class="text-muted">{{ $permohonan->created_at->format('d/m/Y H:i') }}</small>
                                </td>
                                <td>{{ $permohonan->tarikh_mula->format('d/m/Y') }}</td>
                                <td>{{ $permohonan->tarikh_akhir->format('d/m/Y') }}</td>
                                <td>
                                    @if($permohonan->status == 'menunggu')
                                        <span class="badge badge-warning">Menunggu</span>
                                    @elseif($permohonan->status == 'disahkan')
                                        <span class="badge badge-success">Disahkan</span>
                                    @elseif($permohonan->status == 'ditolak')
                                        <span class="badge badge-danger">Ditolak</span>
                                    @else
                                        <span class="badge badge-secondary">{{ $permohonan->status }}</span>
                                    @endif
                                </td>
                                <td>
                                    @if($permohonan->disahkan_oleh && $permohonan->disahkan_pada)
                                        {{ $permohonan->disahkan_oleh }}<br>
                                        <small class="text-muted">{{ $permohonan->disahkan_pada->format('d/m/Y H:i') }}</small>
                                    @elseif($permohonan->status == 'disahkan')
                                        {{ $permohonan->disahkan_oleh ?? '-' }}<br>
                                        <small class="text-muted">{{ $permohonan->disahkan_pada ? $permohonan->disahkan_pada->format('d/m/Y H:i') : '-' }}</small>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @else
                <div class="alert alert-info">
                    Tiada rekod permohonan.
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection