<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>لوحة المعلومات الرياضية<?php $__template->endSection(); ?>
<?php $__template->section('content'); ?>

<div style="margin-bottom:20px;">
    <h2 style="margin:0 0 5px;font-size:22px;">لوحة المعلومات الرياضية</h2>
    <p style="color:#6B7280;font-size:14px;margin:0;">نظرة شاملة على أداء الأنشطة الرياضية بالنادي</p>
</div>

<?php $__template->include('Shared.Views._partials.time_filter', [
    'period'  => $period,
    'from'    => $from,
    'to'      => $to,
    'baseUrl' => $baseUrl,
    'export'  => $export,
]); ?>

<!-- KPI Cards -->
<div style="display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:15px;margin-bottom:25px;">
    <!-- Revenue -->
    <div class="card" style="padding:20px;text-align:center;border-top:3px solid #059669;">
        <div style="font-size:26px;font-weight:700;color:#059669;"><?= money($revenueComparison['current'] ?? 0) ?></div>
        <div style="font-size:13px;color:#6B7280;margin-top:4px;">إجمالي الإيرادات</div>
        <?php if (($revenueComparison['change_pct'] ?? 0) != 0): ?>
        <div style="margin-top:6px;font-size:12px;color:<?= $revenueComparison['direction'] === 'up' ? '#059669' : '#DC2626' ?>;">
            <i data-lucide="<?= $revenueComparison['direction'] === 'up' ? 'trending-up' : 'trending-down' ?>" style="width:14px;height:14px;display:inline;vertical-align:middle;"></i>
            <?= $revenueComparison['change_pct'] ?>% مقارنة بالفترة السابقة
        </div>
        <?php endif; ?>
    </div>

    <!-- Total Players -->
    <div class="card" style="padding:20px;text-align:center;border-top:3px solid #2563EB;">
        <div style="font-size:26px;font-weight:700;color:#2563EB;"><?= number_format($demographics['total'] ?? 0) ?></div>
        <div style="font-size:13px;color:#6B7280;margin-top:4px;">إجمالي اللاعبين النشطين</div>
    </div>

    <!-- Member/Non-member ratio -->
    <div class="card" style="padding:20px;text-align:center;border-top:3px solid #7C3AED;">
        <div style="font-size:26px;font-weight:700;color:#7C3AED;">
            <?= $demographics['members'] ?? 0 ?> / <?= $demographics['non_members'] ?? 0 ?>
        </div>
        <div style="font-size:13px;color:#6B7280;margin-top:4px;">أعضاء / غير أعضاء</div>
    </div>

    <!-- Utilization -->
    <div class="card" style="padding:20px;text-align:center;border-top:3px solid #D97706;">
        <div style="font-size:26px;font-weight:700;color:#D97706;"><?= $avgUtilization ?>%</div>
        <div style="font-size:13px;color:#6B7280;margin-top:4px;">متوسط نسبة الإشغال</div>
    </div>
</div>

<!-- Disciplines Breakdown -->
<div class="card" style="padding:20px;margin-bottom:25px;">
    <h3 style="margin:0 0 15px;font-size:17px;">الرياضات والأنشطة</h3>
    <?php if (!empty($disciplines)): ?>
    <div class="table-responsive">
        <table class="data-table" style="width:100%;">
            <thead>
                <tr>
                    <th>الرياضة</th>
                    <th>الإيرادات</th>
                    <th>عدد اللاعبين</th>
                    <th>إجراءات</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($disciplines as $disc): ?>
                <tr>
                    <td style="font-weight:600;"><?= e($disc['name_ar'] ?? '') ?></td>
                    <td><?= money((float) ($disc['revenue'] ?? 0)) ?></td>
                    <td><?= (int) ($disc['player_count'] ?? 0) ?></td>
                    <td>
                        <a href="/sports-dashboard/sport/<?= (int) $disc['id'] ?>?period=<?= e($period) ?>&from=<?= e($from) ?>&to=<?= e($to) ?>" class="btn btn-outline" style="padding:4px 10px;font-size:12px;">
                            تفاصيل
                        </a>
                    </td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <?php else: ?>
    <p style="color:#6B7280;text-align:center;">لا توجد بيانات رياضات للفترة المحددة</p>
    <?php endif; ?>
</div>

<!-- Facilities Utilization -->
<div class="card" style="padding:20px;margin-bottom:25px;">
    <h3 style="margin:0 0 15px;font-size:17px;">إشغال المرافق</h3>
    <?php if (!empty($facilities)): ?>
    <div class="table-responsive">
        <table class="data-table" style="width:100%;">
            <thead>
                <tr>
                    <th>المرفق</th>
                    <th>الحجوزات</th>
                    <th>نسبة الإشغال</th>
                    <th>إجراءات</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($facilities as $fac): ?>
                <tr>
                    <td style="font-weight:600;"><?= e($fac['name_ar'] ?? '') ?></td>
                    <td><?= (int) ($fac['booked_slots'] ?? 0) ?></td>
                    <td>
                        <div style="display:flex;align-items:center;gap:8px;">
                            <div style="flex:1;background:#E5E7EB;border-radius:4px;height:8px;max-width:120px;">
                                <div style="width:<?= min(100, $fac['utilization'] ?? 0) ?>%;background:<?= ($fac['utilization'] ?? 0) > 75 ? '#059669' : (($fac['utilization'] ?? 0) > 40 ? '#D97706' : '#DC2626') ?>;height:100%;border-radius:4px;"></div>
                            </div>
                            <span style="font-size:12px;font-weight:600;"><?= $fac['utilization'] ?? 0 ?>%</span>
                        </div>
                    </td>
                    <td>
                        <a href="/sports-dashboard/facility/<?= (int) $fac['id'] ?>?period=<?= e($period) ?>&from=<?= e($from) ?>&to=<?= e($to) ?>" class="btn btn-outline" style="padding:4px 10px;font-size:12px;">
                            تفاصيل
                        </a>
                    </td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <?php else: ?>
    <p style="color:#6B7280;text-align:center;">لا توجد بيانات مرافق للفترة المحددة</p>
    <?php endif; ?>
</div>

<?php $__template->endSection(); ?>
