<?= $this->extend('admin/layout/main') ?>
<?= $this->section('content') ?>

<h3 class="mb-3">إعدادات الموقع الإلكتروني</h3>

<?php if (session()->getFlashdata('error')): ?>
    <div class="alert alert-danger"><?= esc(session()->getFlashdata('error')) ?></div>
<?php endif; ?>
<?php if (session()->getFlashdata('message')): ?>
    <div class="alert alert-success"><?= esc(session()->getFlashdata('message')) ?></div>
<?php endif; ?>

<?php if (!empty($company['slug']) && !empty($company['is_site_enabled'])): ?>
    <div class="alert alert-info small">
        🌐 موقعك شغال على: <a href="<?= base_url('site/' . $company['slug']) ?>" target="_blank"><?= base_url('site/' . $company['slug']) ?></a>
    </div>
<?php endif; ?>

<div class="card p-4" style="max-width:700px;">
<form method="post" action="/admin/site-settings" enctype="multipart/form-data">
    <?= csrf_field() ?>

    <div class="form-check form-switch mb-3">
        <input type="checkbox" name="is_site_enabled" class="form-check-input" value="1" <?= !empty($company['is_site_enabled']) ? 'checked' : '' ?>>
        <label class="form-check-label fw-bold">تفعيل الموقع الإلكتروني العام لهذه الشركة</label>
    </div>

    <div class="mb-3">
        <label class="form-label">رابط الموقع (Slug)</label>
        <div class="input-group">
            <span class="input-group-text"><?= base_url('site/') ?></span>
            <input type="text" name="slug" class="form-control" value="<?= esc($company['slug'] ?? '') ?>" placeholder="my-company">
        </div>
        <div class="form-text">حروف إنجليزية وأرقام وشرطات فقط. اتركه فاضي عشان يتولد تلقائياً من اسم الشركة.</div>
    </div>

    <hr class="my-4">
    <h6 class="mb-3">الهوية البصرية</h6>

    <div class="mb-3">
        <label class="form-label">شعار الشركة</label><br>
        <?php if (!empty($company['logo'])): ?>
            <img src="<?= base_url('uploads/logos/' . $company['logo']) ?>" style="max-height:60px;border-radius:8px;margin-bottom:10px;display:block;">
        <?php endif; ?>
        <input type="file" name="logo" accept="image/png,image/jpeg,image/webp" class="form-control">
    </div>

    <div class="row">
        <div class="col-6 mb-3">
            <label class="form-label">اللون الأساسي للموقع</label>
            <input type="color" name="site_primary_color" class="form-control form-control-color" value="<?= esc($company['site_primary_color'] ?? '#1e1e2d') ?>">
        </div>
        <div class="col-6 mb-3">
            <label class="form-label">خط الموقع</label>
            <select name="site_font" class="form-select">
                <?php foreach (['Tajawal', 'Cairo', 'Almarai', 'Changa', 'IBM Plex Sans Arabic'] as $font): ?>
                    <option value="<?= $font ?>" <?= ($company['site_font'] ?? 'Tajawal') === $font ? 'selected' : '' ?>><?= $font ?></option>
                <?php endforeach; ?>
            </select>
        </div>
    </div>

    <div class="mb-3">
        <label class="form-label">شعار/جملة مختصرة (Tagline)</label>
        <input type="text" name="site_tagline" class="form-control" placeholder="شريكك الموثوق في عالم الاستضافة" value="<?= esc($company['site_tagline'] ?? '') ?>">
    </div>

    <hr class="my-4">
    <h6 class="mb-3">محتوى صفحة "من نحن"</h6>

    <div class="mb-3">
        <label class="form-label">نبذة عن الشركة</label>
        <textarea name="site_about_text" class="form-control" rows="3"><?= esc($company['site_about_text'] ?? '') ?></textarea>
    </div>
    <div class="row">
        <div class="col-6 mb-3">
            <label class="form-label">الرؤية</label>
            <textarea name="site_vision" class="form-control" rows="3"><?= esc($company['site_vision'] ?? '') ?></textarea>
        </div>
        <div class="col-6 mb-3">
            <label class="form-label">الرسالة</label>
            <textarea name="site_mission" class="form-control" rows="3"><?= esc($company['site_mission'] ?? '') ?></textarea>
        </div>
    </div>
    <div class="mb-3">
        <label class="form-label">وصف مختصر للخدمات (يظهر بالصفحة الرئيسية)</label>
        <textarea name="site_services_text" class="form-control" rows="2"><?= esc($company['site_services_text'] ?? '') ?></textarea>
    </div>

    <hr class="my-4">
    <h6 class="mb-3">التواصل الاجتماعي والفوتر</h6>

    <div class="row">
        <div class="col-md-6 mb-3">
            <label class="form-label">فيسبوك</label>
            <input type="url" name="site_facebook_url" class="form-control" value="<?= esc($company['site_facebook_url'] ?? '') ?>">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">تويتر / X</label>
            <input type="url" name="site_twitter_url" class="form-control" value="<?= esc($company['site_twitter_url'] ?? '') ?>">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">إنستجرام</label>
            <input type="url" name="site_instagram_url" class="form-control" value="<?= esc($company['site_instagram_url'] ?? '') ?>">
        </div>
        <div class="col-md-6 mb-3">
            <label class="form-label">رقم واتساب</label>
            <input type="text" name="site_whatsapp_number" class="form-control" placeholder="201000000000" value="<?= esc($company['site_whatsapp_number'] ?? '') ?>">
        </div>
    </div>

    <div class="mb-3">
        <label class="form-label">نص الفوتر</label>
        <textarea name="site_footer_text" class="form-control" rows="2" placeholder="© 2026 اسم الشركة - جميع الحقوق محفوظة"><?= esc($company['site_footer_text'] ?? '') ?></textarea>
    </div>

    <button class="btn btn-dark"><?= lang('App.save') ?></button>
</form>
</div>

<div class="mt-3">
    <a href="/admin/site-slides" class="btn btn-outline-secondary btn-sm">إدارة السلايدر</a>
    <a href="/admin/site-testimonials" class="btn btn-outline-secondary btn-sm">إدارة آراء العملاء</a>
    <a href="/admin/contact-messages" class="btn btn-outline-secondary btn-sm">الرسائل الواردة</a>
</div>
<?= $this->endSection() ?>
