<?php

declare(strict_types=1);

require_once __DIR__ . '/functions.php';
require_admin_login();

$conn = nay_home_db();
nay_home_ensure_defaults($conn);
$message = '';
$messageType = 'success';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    admin_require_post_action('app_home_save', admin_url('app_home/index.php'));
    $result = nay_home_save($conn, $_POST);
    $message = (string)($result['message'] ?? 'تمت العملية.');
    $messageType = !empty($result['ok']) ? 'success' : 'error';
}

$values = nay_home_values($conn);
$page_title = 'واجهة التطبيق الرئيسية';
require_once __DIR__ . '/../includes/header.php';
require_once __DIR__ . '/../includes/sidebar.php';

function checked_value(array $values, string $key): string
{
    return in_array(strtolower((string)($values[$key] ?? '')), ['1', 'true', 'yes', 'on'], true) ? 'checked' : '';
}

function color_field(array $values, string $key, string $label): void
{
    $value = nay_home_h((string)($values[$key] ?? '#FFFFFF'));
    echo '<div class="home-field"><label>' . nay_home_h($label) . '</label><div class="color-row"><input type="color" value="' . $value . '" oninput="this.nextElementSibling.value=this.value.toUpperCase()"><input dir="ltr" type="text" name="' . nay_home_h($key) . '" value="' . $value . '"></div></div>';
}
?>
<style>
.home-admin-wrap{max-width:1220px;margin:20px auto;padding:0 16px 32px}.home-admin-hero,.home-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;margin-bottom:16px}.home-admin-hero{background:linear-gradient(135deg,#f3fbfe,#fff)}.home-admin-hero h1{margin:0 0 8px;color:#0f172a}.home-admin-hero p{margin:0;color:#64748b;line-height:1.8}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.home-btn{border:0;border-radius:14px;padding:12px 16px;background:#55C7E8;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.home-btn.secondary{background:#fff;color:#17495A;border:1px solid #d6eef6}.home-alert{border-radius:14px;padding:14px 16px;margin-bottom:16px}.home-alert.success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.home-alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.home-field label{display:block;font-weight:800;color:#0f172a;margin-bottom:8px}.home-field input,.home-field textarea,.home-field select{width:100%;min-height:46px;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;background:#fff}.home-field textarea{min-height:92px;resize:vertical}.home-toggle{display:flex;align-items:center;gap:9px;font-weight:800;color:#0f172a}.home-toggle input{width:20px;height:20px}.color-row{display:flex;gap:8px}.color-row input[type=color]{width:54px;padding:3px}.home-section-title{margin:0 0 14px;color:#0f172a}.feature-row{display:grid;grid-template-columns:90px 1fr 1fr;gap:12px;align-items:end;padding:12px;border:1px dashed #dbeafe;border-radius:16px;margin-bottom:10px}.home-preview{border-radius:26px;min-height:176px;padding:20px;background:linear-gradient(135deg,<?= nay_home_h($values['home_hero_background_color']) ?>,<?= nay_home_h($values['home_hero_gradient_color']) ?>);position:relative;overflow:hidden}.home-preview .pill{display:inline-flex;border-radius:999px;background:<?= nay_home_h($values['home_hero_pill_background_color']) ?>;color:<?= nay_home_h($values['home_hero_pill_text_color']) ?>;padding:7px 12px;font-weight:900}.home-preview h2{color:<?= nay_home_h($values['home_hero_text_color']) ?>;margin:35px 0 8px;font-size:28px}.home-preview p{color:<?= nay_home_h($values['home_hero_subtitle_color']) ?>;font-weight:700}@media(max-width:700px){.feature-row{grid-template-columns:1fr}.home-actions{flex-direction:column}.home-btn{text-align:center}}
</style>
<div class="home-admin-wrap">
    <div class="home-admin-hero">
        <h1>واجهة التطبيق الرئيسية</h1>
        <p>من هنا تتحكم بواجهة التطبيق الرئيسية والبنرات والميزات السريعة بدون تعديل كود Flutter.</p>
        <div class="home-actions">
            <button class="home-btn" type="submit" form="homeAppForm"><i class="fa-solid fa-floppy-disk"></i> حفظ التعديلات</button>
            <a class="home-btn secondary" href="/app/api/v1/public/home/v2" target="_blank"><i class="fa-solid fa-code"></i> فحص Home API</a>
            <a class="home-btn secondary" href="/app/admin/themes/index.php"><i class="fa-solid fa-palette"></i> الثيم والألوان</a>
            <a class="home-btn secondary" href="/app/admin/settings/index.php"><i class="fa-solid fa-gear"></i> الإعدادات</a>
        </div>
    </div>

    <?php if ($message !== ''): ?>
        <div class="home-alert <?= nay_home_h($messageType) ?>"><?= nay_home_h($message) ?></div>
    <?php endif; ?>

    <form id="homeAppForm" method="post" enctype="multipart/form-data">
        <?= admin_csrf_input('app_home_save') ?>
        <div class="home-card">
            <h2 class="home-section-title">البنر الرئيسي في التطبيق</h2>
            <div class="home-grid">
                <label class="home-toggle"><input type="checkbox" name="home_hero_enabled" value="1" <?= checked_value($values, 'home_hero_enabled') ?>> إظهار البنر</label>
                <label class="home-toggle"><input type="checkbox" name="home_show_search_bar" value="1" <?= checked_value($values, 'home_show_search_bar') ?>> إظهار شريط البحث</label>
                <label class="home-toggle"><input type="checkbox" name="home_show_quick_actions" value="1" <?= checked_value($values, 'home_show_quick_actions') ?>> إظهار ميزات البنر</label>
                <div class="home-field"><label>النص الصغير Pill (اختياري)</label><input type="text" name="home_hero_pill_text" value="<?= nay_home_h($values['home_hero_pill_text']) ?>" placeholder="اتركه فارغاً لإخفائه"></div>
                <div class="home-field"><label>عنوان البنر (اختياري)</label><input type="text" name="home_hero_title" value="<?= nay_home_h($values['home_hero_title']) ?>" placeholder="اتركه فارغاً إذا تريد البنر صورة فقط"></div>
                <div class="home-field"><label>نص البنر (اختياري)</label><textarea name="home_hero_subtitle" placeholder="اتركه فارغاً لإخفائه"><?= nay_home_h($values['home_hero_subtitle']) ?></textarea></div>
                <div class="home-field"><label>رابط/مسار صورة البنر</label><input dir="ltr" type="text" name="home_hero_image_url" value="<?= nay_home_h($values['home_hero_image_url']) ?>" placeholder="home/banner.webp أو https://..."></div>
                <div class="home-field"><label>رفع صورة جديدة</label><input type="file" name="home_hero_image_file" accept=".jpg,.jpeg,.png,.webp,.gif"></div>
                <div class="home-field"><label>شفافية الصورة 0 إلى 1</label><input dir="ltr" type="number" step="0.05" min="0" max="1" name="home_hero_image_opacity" value="<?= nay_home_h($values['home_hero_image_opacity']) ?>"></div>
                <div class="home-field"><label>نوع الرابط عند الضغط</label><select name="home_hero_link_type"><?php foreach (['none'=>'بدون رابط','category'=>'قسم','brand'=>'براند','product'=>'منتج','external'=>'رابط خارجي'] as $key=>$label): ?><option value="<?= nay_home_h($key) ?>" <?= $values['home_hero_link_type']===$key?'selected':'' ?>><?= nay_home_h($label) ?></option><?php endforeach; ?></select></div>
                <div class="home-field"><label>قيمة الرابط / ID / URL</label><input dir="ltr" type="text" name="home_hero_link_value" value="<?= nay_home_h($values['home_hero_link_value']) ?>"></div>
            </div>
        </div>

        <div class="home-card">
            <h2 class="home-section-title">ألوان البنر</h2>
            <div class="home-grid">
                <?php color_field($values, 'home_hero_background_color', 'لون الخلفية الأول'); ?>
                <?php color_field($values, 'home_hero_gradient_color', 'لون الخلفية الثاني'); ?>
                <?php color_field($values, 'home_hero_text_color', 'لون العنوان'); ?>
                <?php color_field($values, 'home_hero_subtitle_color', 'لون النص الفرعي'); ?>
                <?php color_field($values, 'home_hero_pill_background_color', 'خلفية الـ Pill'); ?>
                <?php color_field($values, 'home_hero_pill_text_color', 'نص الـ Pill'); ?>
            </div>
        </div>

        <div class="home-card">
            <h2 class="home-section-title">معاينة تقريبية</h2>
            <div class="home-preview">
                <?php if (trim((string)$values['home_hero_pill_text']) !== ''): ?><span class="pill"><?= nay_home_h($values['home_hero_pill_text']) ?></span><?php endif; ?>
                <?php if (trim((string)$values['home_hero_title']) !== ''): ?><h2><?= nay_home_h($values['home_hero_title']) ?></h2><?php endif; ?>
                <?php if (trim((string)$values['home_hero_subtitle']) !== ''): ?><p><?= nay_home_h($values['home_hero_subtitle']) ?></p><?php endif; ?>
                <?php if (trim((string)$values['home_hero_pill_text']) === '' && trim((string)$values['home_hero_title']) === '' && trim((string)$values['home_hero_subtitle']) === ''): ?>
                    <p style="margin:0;color:#64748b">معاينة صورة/خلفية فقط — لا يوجد نص ظاهر.</p>
                <?php endif; ?>
            </div>
        </div>


        <div class="home-card">
            <h2 class="home-section-title">البنر الإضافي داخل الرئيسية</h2>
            <div class="home-grid">
                <label class="home-toggle"><input type="checkbox" name="home_soft_banner_enabled" value="1" <?= checked_value($values, 'home_soft_banner_enabled') ?>> إظهار البنر</label>
                <div class="home-field"><label>عنوان البنر (اختياري)</label><input type="text" name="home_soft_banner_title" value="<?= nay_home_h($values['home_soft_banner_title']) ?>" placeholder="اتركه فارغاً لإخفاء النص"></div>
                <div class="home-field"><label>نص البنر (اختياري)</label><textarea name="home_soft_banner_subtitle" placeholder="اتركه فارغاً لإخفائه"><?= nay_home_h($values['home_soft_banner_subtitle']) ?></textarea></div>
                <div class="home-field"><label>الأيقونة</label><input dir="ltr" type="text" name="home_soft_banner_icon" value="<?= nay_home_h($values['home_soft_banner_icon']) ?>" placeholder="spa / offer / search / gift"></div>
                <div class="home-field"><label>صورة البنر / الأيقونة</label><input dir="ltr" type="text" name="home_soft_banner_image_url" value="<?= nay_home_h($values['home_soft_banner_image_url']) ?>" placeholder="home/routine.webp أو https://..."></div>
                <div class="home-field"><label>رفع صورة جديدة</label><input type="file" name="home_soft_banner_image_file" accept=".jpg,.jpeg,.png,.webp,.gif"></div>
                <div class="home-field"><label>نوع الرابط عند الضغط</label><select name="home_soft_banner_link_type"><?php foreach (['none'=>'بدون رابط','category'=>'قسم','brand'=>'براند','product'=>'منتج','offers'=>'العروض','favorites'=>'المفضلة','notifications'=>'الإشعارات','search'=>'البحث','url'=>'رابط خارجي'] as $key=>$label): ?><option value="<?= nay_home_h($key) ?>" <?= $values['home_soft_banner_link_type']===$key?'selected':'' ?>><?= nay_home_h($label) ?></option><?php endforeach; ?></select></div>
                <div class="home-field"><label>قيمة الرابط / ID / URL</label><input dir="ltr" type="text" name="home_soft_banner_link_value" value="<?= nay_home_h($values['home_soft_banner_link_value']) ?>"></div>
                <div class="home-field"><label>ترتيب البنر</label><input dir="ltr" type="number" name="home_soft_banner_sort_order" value="<?= nay_home_h($values['home_soft_banner_sort_order']) ?>"></div>
                <?php color_field($values, 'home_soft_banner_background_color', 'لون خلفية البنر'); ?>
            </div>
        </div>

        <div class="home-card">
            <h2 class="home-section-title">الميزات السريعة تحت البنر</h2>
            <?php for ($i=1; $i<=4; $i++): ?>
                <div class="feature-row">
                    <label class="home-toggle"><input type="checkbox" name="home_feature_<?= $i ?>_enabled" value="1" <?= checked_value($values, 'home_feature_' . $i . '_enabled') ?>> مفعّل</label>
                    <div class="home-field"><label>النص <?= $i ?></label><input type="text" name="home_feature_<?= $i ?>_label" value="<?= nay_home_h($values['home_feature_' . $i . '_label']) ?>"></div>
                    <div class="home-field"><label>الأيقونة <?= $i ?></label><input dir="ltr" type="text" name="home_feature_<?= $i ?>_icon" value="<?= nay_home_h($values['home_feature_' . $i . '_icon']) ?>" placeholder="local_shipping / redeem / stars"></div>
                </div>
            <?php endfor; ?>
        </div>

        <div class="home-actions">
            <button class="home-btn" type="submit"><i class="fa-solid fa-cloud-arrow-up"></i> حفظ واجهة التطبيق</button>
        </div>
    </form>
</div>
<?php require_once __DIR__ . '/../includes/footer.php'; ?>
