<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>إنشاء خطة شهرية — <?= e($grid->name_ar) ?><?php $__template->endSection(); ?>
<?php $__template->section('content'); ?>
<?php $dayNames = ['0'=>'الأحد','1'=>'الإثنين','2'=>'الثلاثاء','3'=>'الأربعاء','4'=>'الخميس','5'=>'الجمعة','6'=>'السبت']; ?>
<div class="card" style="max-width:650px;margin:0 auto;padding:25px;">
    <h3 style="margin-bottom:20px;color:#0D7377;">خطة شهرية جديدة</h3>

    <form method="POST" action="/facility-grids/<?= (int) $grid->id ?>/plans">
        <?= csrf_field() ?>

        <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div style="grid-column:span 2;">
                <label class="form-label">اسم الخطة <span style="color:#DC2626;">*</span></label>
                <input type="text" name="plan_name_ar" placeholder="مثال: خطة حمام السباحة - يناير 2026" class="form-input" required>
            </div>
            <div>
                <label class="form-label">الشهر <span style="color:#DC2626;">*</span></label>
                <input type="month" name="plan_month" class="form-input" required style="direction:ltr;text-align:right;">
            </div>
            <div>
                <label class="form-label">الاسم بالإنجليزية</label>
                <input type="text" name="plan_name_en" placeholder="Swimming Pool Plan - January" class="form-input" style="direction:ltr;">
            </div>
        </div>

        <div style="margin-top:20px;">
            <label class="form-label">أيام العمل</label>
            <div style="display:flex;gap:10px;flex-wrap:wrap;">
                <?php foreach ($dayNames as $num => $name): ?>
                <label style="display:flex;align-items:center;gap:5px;padding:6px 12px;background:#F9FAFB;border-radius:6px;cursor:pointer;">
                    <input type="checkbox" name="working_days[]" value="<?= $num ?>" <?= $num != 5 ? 'checked' : '' ?>>
                    <?= $name ?>
                </label>
                <?php endforeach; ?>
            </div>
        </div>

        <div style="margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px;">
            <div>
                <label class="form-label">بداية ساعات النهار</label>
                <input type="time" name="day_hours_start" value="06:00" class="form-input" style="direction:ltr;">
            </div>
            <div>
                <label class="form-label">نهاية ساعات النهار</label>
                <input type="time" name="day_hours_end" value="14:00" class="form-input" style="direction:ltr;">
            </div>
            <div>
                <label class="form-label">بداية ساعات الليل</label>
                <input type="time" name="night_hours_start" value="14:00" class="form-input" style="direction:ltr;">
            </div>
            <div>
                <label class="form-label">نهاية ساعات الليل</label>
                <input type="time" name="night_hours_end" value="22:00" class="form-input" style="direction:ltr;">
            </div>
        </div>

        <?php if (!empty($existingPlans)): ?>
        <div style="margin-top:20px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:8px;padding:15px;">
            <label class="form-label" style="color:#059669;">نسخ من خطة سابقة (اختياري)</label>
            <select name="clone_from_id" class="form-select">
                <option value="">— بدون نسخ (خطة فارغة) —</option>
                <?php foreach ($existingPlans as $ep): ?>
                <option value="<?= (int) $ep['id'] ?>"><?= e($ep['plan_name_ar']) ?> (<?= e($ep['plan_month']) ?>)</option>
                <?php endforeach; ?>
            </select>
            <small style="color:#6B7280;display:block;margin-top:5px;">سيتم نسخ كل جداول المناطق من الخطة المحددة</small>
        </div>
        <?php endif; ?>

        <div style="margin-top:20px;">
            <label class="form-label">ملاحظات</label>
            <textarea name="notes" class="form-textarea" rows="3"></textarea>
        </div>

        <div style="margin-top:25px;display:flex;gap:10px;">
            <button type="submit" class="btn btn-primary">إنشاء الخطة</button>
            <a href="/facility-grids/<?= (int) $grid->id ?>/plans" class="btn btn-outline">إلغاء</a>
        </div>
    </form>
</div>
<?php $__template->endSection(); ?>
