<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>الخطة الساعية - حمام السباحة<?php $__template->endSection(); ?>
<?php $__template->section('content'); ?>
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4>الخطة الساعية: <?= e($plan['plan_name_ar'] ?? 'خطة ' . $plan['plan_month']) ?></h4>
        <a href="/facility-grids/<?= $grid_id ?>/plans/<?= $plan['id'] ?>" class="btn btn-outline-secondary">← العودة للخطة</a>
    </div>

    <div class="card">
        <div class="card-body">
            <p><strong>أيام العمل:</strong>
                <?php
                $dayNames = ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'];
                foreach ($working_days as $day) {
                    echo '<span class="badge bg-primary me-1">' . ($dayNames[$day] ?? $day) . '</span>';
                }
                ?>
            </p>
            <p><strong>ساعات النهار:</strong> <?= e($plan['day_hours_start'] ?? '07:00') ?> - <?= e($plan['day_hours_end'] ?? '14:00') ?></p>
            <p><strong>ساعات الليل:</strong> <?= e($plan['night_hours_start'] ?? '14:00') ?> - <?= e($plan['night_hours_end'] ?? '22:00') ?></p>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-header">اختر يوم لتعديل الخطة الساعية</div>
        <div class="card-body">
            <form method="get" class="row g-3">
                <div class="col-auto">
                    <input type="date" name="date" class="form-control" value="<?= date('Y-m-d') ?>" id="planDate">
                </div>
                <div class="col-auto">
                    <button type="button" class="btn btn-primary" onclick="window.location='/facility-grids/<?= $grid_id ?>/plans/<?= $plan['id'] ?>/hours/'+document.getElementById('planDate').value">
                        عرض اليوم
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
<?php $__template->endSection(); ?>
