@csrf
<div class="row g-3">
    <div class="col-md-4">
        <label class="form-label">Tahun Pembaharuan <span class="text-danger">*</span></label>
        <input type="number" name="renewal_year" id="renewalYear" value="{{ old('renewal_year', $cycle->renewal_year) }}" class="form-control @error('renewal_year') is-invalid @enderror" required>
        @error('renewal_year')<div class="invalid-feedback">{{ $message }}</div>@enderror
        <div class="form-text">Tahun pelaporan (auto): <strong id="reportingYearPreview">{{ $cycle->renewal_year ? $cycle->renewal_year - 2 : '—' }}</strong></div>
    </div>
    <div class="col-md-4">
        <label class="form-label">Tarikh Tutup Serahan</label>
        <input type="date" name="cut_off_date" value="{{ old('cut_off_date', $cycle->cut_off_date?->toDateString()) }}" class="form-control">
        <div class="form-text">Kosongkan untuk guna tetapan lalai JPP.</div>
    </div>
    <div class="col-md-4">
        <label class="form-label">Tempoh Lesen (tahun) <span class="text-danger">*</span></label>
        <input type="number" name="licence_period_year" value="{{ old('licence_period_year', $cycle->licence_period_year ?? 1) }}" class="form-control" required min="1">
    </div>
    <div class="col-md-6">
        <label class="form-label">Templat Senarai Semak</label>
        <select name="checklist_template_id" class="form-select">
            <option value="">— Guna templat aktif —</option>
            @foreach ($templates as $t)
                <option value="{{ $t->id }}" @selected(old('checklist_template_id', $cycle->checklist_template_id)==$t->id)>{{ $t->name }} (v{{ $t->version }}) {{ $t->is_active ? '★' : '' }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-md-6">
        <label class="form-label">Status Kitaran</label>
        <select name="status" class="form-select">
            <option value="aktif" @selected(old('status', $cycle->status ?? 'aktif')==='aktif')>Aktif</option>
            <option value="tutup" @selected(old('status', $cycle->status)==='tutup')>Tutup</option>
        </select>
    </div>
    <div class="col-12">
        <label class="form-label">Catatan</label>
        <textarea name="catatan" rows="2" class="form-control">{{ old('catatan', $cycle->catatan) }}</textarea>
    </div>
</div>
<div class="mt-4">
    <button type="submit" class="btn btn-success"><i class="bi bi-save me-1"></i> Simpan</button>
    <a href="{{ route('reporting-cycles.index') }}" class="btn btn-link">Batal</a>
</div>

@push('scripts')
<script>
    document.getElementById('renewalYear')?.addEventListener('input', function () {
        const v = parseInt(this.value, 10);
        document.getElementById('reportingYearPreview').textContent = isNaN(v) ? '—' : (v - 2);
    });
</script>
@endpush