<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>إنشاء حصة تعويضية<?php $__template->endSection(); ?>

<?php $__template->section('page_actions'); ?>
<a href="/sa/makeup-sessions" class="btn btn-outline"><i data-lucide="arrow-right" style="width:16px;height:16px;vertical-align:middle;margin-left:4px;"></i> العودة</a>
<?php $__template->endSection(); ?>

<?php $__template->section('content'); ?>

<div class="card" style="padding:20px;margin-bottom:15px;">
    <form method="GET" action="/sa/makeup-sessions/create" style="display:flex;gap:10px;align-items:end;flex-wrap:wrap;">
        <div style="min-width:180px;">
            <label class="form-label" style="font-size:12px;">المجموعة</label>
            <select name="group_id" class="form-select" data-searchable="true" required>
                <option value="">-- اختر مجموعة --</option>
                <?php foreach ($groups as $g): ?>
                <option value="<?= (int)$g['id'] ?>" <?= ($filters['group_id'] ?? '') == $g['id'] ? 'selected' : '' ?>><?= e($g['name_ar']) ?></option>
                <?php endforeach; ?>
            </select>
        </div>
        <div style="min-width:180px;">
            <label class="form-label" style="font-size:12px;">رقم اللاعب (ID)</label>
            <input type="number" name="player_id" class="form-control" value="<?= e($filters['player_id'] ?? '') ?>" placeholder="أدخل رقم اللاعب">
        </div>
        <button type="submit" class="btn btn-outline">بحث عن الغياب</button>
    </form>
</div>

<?php if ($player && !empty($absences)): ?>
<div class="card" style="padding:20px;">
    <h3 style="margin-bottom:15px;">غيابات <?= e($player['full_name_ar'] ?? '') ?> بدون حصة تعويضية</h3>

    <form method="POST" action="/sa/makeup-sessions">
        <?= csrf_field() ?>
        <input type="hidden" name="player_id" value="<?= (int)($filters['player_id'] ?? 0) ?>">
        <input type="hidden" name="group_id" value="<?= (int)($filters['group_id'] ?? 0) ?>">

        <div class="table-responsive" style="margin-bottom:15px;">
            <table class="data-table">
                <thead><tr><th>اختر</th><th>التاريخ</th><th>الحالة</th></tr></thead>
                <tbody>
                    <?php foreach ($absences as $a): ?>
                    <tr>
                        <td><input type="radio" name="missed_session_date" value="<?= e($a['session_date']) ?>" required></td>
                        <td><?= e($a['session_date']) ?></td>
                        <td><?= $a['status'] === 'excused' ? 'عذر' : 'غياب' ?></td>
                    </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </div>

        <div style="margin-bottom:15px;">
            <label class="form-label">سبب (اختياري)</label>
            <input type="text" name="reason" class="form-control" placeholder="سبب الغياب أو ملاحظات">
        </div>

        <button type="submit" class="btn btn-primary">إنشاء حصة تعويضية</button>
    </form>
</div>
<?php elseif ($player && empty($absences)): ?>
<div class="card" style="padding:30px;text-align:center;color:#6B7280;">
    لا توجد غيابات بدون حصة تعويضية لهذا اللاعب في المجموعة المحددة
</div>
<?php endif; ?>

<script>document.addEventListener('DOMContentLoaded', function() { if (typeof lucide !== 'undefined') lucide.createIcons(); });</script>
<?php $__template->endSection(); ?>
