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

<div class="py-5 text-white text-center" style="background:var(--primary);">
    <div class="container py-4"><h1 class="fw-bold">من نحن</h1></div>
</div>

<section class="section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <p class="fs-5 text-muted"><?= nl2br(esc($company['site_about_text'] ?? '')) ?></p>
            </div>
        </div>

        <div class="row g-4 mt-4">
            <?php if (!empty($company['site_vision'])): ?>
            <div class="col-md-6">
                <div class="p-4 border rounded h-100 text-center">
                    <h4 class="text-primary">🎯 رؤيتنا</h4>
                    <p class="text-muted"><?= nl2br(esc($company['site_vision'])) ?></p>
                </div>
            </div>
            <?php endif; ?>
            <?php if (!empty($company['site_mission'])): ?>
            <div class="col-md-6">
                <div class="p-4 border rounded h-100 text-center">
                    <h4 class="text-primary">🚀 رسالتنا</h4>
                    <p class="text-muted"><?= nl2br(esc($company['site_mission'])) ?></p>
                </div>
            </div>
            <?php endif; ?>
        </div>
    </div>
</section>
<?= $this->endSection() ?>
