<?php
/**
 * AegisOne Engineering — Сервисное обслуживание (SLA)
 */
require_once __DIR__ . '/../config.php';
require_once __DIR__ . '/../seo.php';

$pageKey   = 'sla';
$canonical = '/sla/';
$btnText   = 'Заказать SLA';
$contactTitle = 'Заказать сервисное обслуживание';
require_once __DIR__ . '/../inc/form-handler.php';
require __DIR__ . '/../inc/header.php';
?>

    <section class="hero" id="hero">
        <div class="container">
            <h1 class="hero__title"><?= $SEO[$pageKey]['h1'] ?></h1>
            <p class="hero__subtitle">Гарантированная работоспособность ваших систем безопасности с измеримыми KPI. Профилактика отказов, быстрое реагирование, регулярное ТО.</p>
            <a href="#contacts" class="btn">Заказать SLA</a>
            <p class="hero__footnote">Работаем по всей России</p>
        </div>
    </section>

    <section class="services">
        <div class="container">
            <h2 class="section-title">Что входит в SLA</h2>
            <div class="services__grid">
                <?php
                $items = [
                    ['svg' => '<circle cx="32" cy="32" r="24" fill="none" stroke="#00ADEF" stroke-width="3"/><polyline points="22,34 30,42 44,24" fill="none" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Регулярное ТО', 'desc' => 'Плановые проверки и обслуживание всех систем согласно регламенту. Чистка, настройка, обновление ПО.'],
                    ['svg' => '<circle cx="32" cy="32" r="24" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="32" y1="18" x2="32" y2="36" stroke="#00ADEF" stroke-width="3"/><circle cx="32" cy="42" r="2" fill="#00ADEF"/>', 'title' => 'Круглосуточный мониторинг', 'desc' => 'Непрерывный контроль состояния систем, оперативное выявление отклонений и предиктивная диагностика.'],
                    ['svg' => '<path d="M16 48 L32 16 L48 48 Z" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="32" y1="28" x2="32" y2="38" stroke="#00ADEF" stroke-width="3"/><circle cx="32" cy="44" r="2" fill="#00ADEF"/>', 'title' => 'Гарантированное время реакции', 'desc' => 'Чётко прописанные SLA: время реакции на аварию, время устранения неисправности, ответственность сторон.'],
                    ['svg' => '<rect x="12" y="16" width="40" height="32" rx="4" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="20" y1="12" x2="20" y2="20" stroke="#00ADEF" stroke-width="3"/><line x1="44" y1="12" x2="44" y2="20" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Отчётность и KPI', 'desc' => 'Ежемесячные отчёты о выполненных работах, времени реакции, профилактике. Прозрачность и контроль.'],
                ];
                foreach ($items as $item): ?>
                <div class="card service-card">
                    <svg class="card__icon" viewBox="0 0 64 64"><?= $item['svg'] ?></svg>
                    <h3><?= $item['title'] ?></h3>
                    <p><?= $item['desc'] ?></p>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="about">
        <div class="container">
            <h2 class="section-title">Тарифы SLA</h2>
            <div class="sla__tariffs">
                <?php
                $tariffs = [
                    ['name' => 'Базовый', 'price' => 'от 15 000 ₽/мес', 'features' => ['Ежемесячное ТО', 'Время реакции: 48 часов', 'Удалённый мониторинг', 'Отчёт раз в квартал']],
                    ['name' => 'Оптимальный', 'price' => 'от 30 000 ₽/мес', 'featured' => true, 'features' => ['ТО 2 раза в месяц', 'Время реакции: 24 часа', 'Круглосуточный мониторинг', 'Ежемесячный отчёт', 'Приоритетная поддержка']],
                    ['name' => 'Максимальный', 'price' => 'от 60 000 ₽/мес', 'features' => ['Еженедельное ТО', 'Время реакции: 12 часов', '24/7 мониторинг и поддержка', 'Еженедельный отчёт', 'Закреплённый инженер', 'Предиктивная диагностика']],
                ];
                foreach ($tariffs as $t): ?>
                <div class="sla-card<?= !empty($t['featured']) ? ' sla-card--featured' : '' ?>">
                    <h3><?= $t['name'] ?></h3>
                    <div class="sla-card__price"><?= $t['price'] ?></div>
                    <ul><?php foreach ($t['features'] as $f): ?><li><?= $f ?></li><?php endforeach; ?></ul>
                </div>
                <?php endforeach; ?>
            </div>
            <p style="text-align:center; margin-top:30px; color:var(--text-secondary);">* Точная стоимость рассчитывается индивидуально после аудита объекта</p>
        </div>
    </section>

    <section class="faq" id="faq">
        <div class="container">
            <h2 class="section-title">Вопросы об SLA</h2>
            <div class="faq__list">
                <?php
                $faqs = [
                    ['q' => 'Что произойдёт при аварии?', 'a' => 'Вы звоните или оставляете заявку. Система фиксирует время обращения. Инженер выезжает на объект в течение гарантированного времени реакции, указанного в вашем тарифе.'],
                    ['q' => 'Нужен ли предварительный аудит?', 'a' => 'Рекомендуем начать с аудита, чтобы определить фактическое состояние систем и подобрать оптимальный тариф. После аудита вы получите точное предложение.'],
                    ['q' => 'Как контролировать качество услуг?', 'a' => 'Ежемесячно вы получаете отчёт с KPI: количество выездов, время реакции, выполненные работы. Все показатели прозрачны и согласованы в договоре.'],
                ];
                foreach ($faqs as $faq): ?>
                <div class="faq-item">
                    <button class="faq-question"><?= $faq['q'] ?></button>
                    <div class="faq-answer"><?= $faq['a'] ?></div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

<?php require __DIR__ . '/../inc/contact-form.php'; ?>
<?php require __DIR__ . '/../inc/footer.php'; ?>
