<?php
/**
 * AegisOne Engineering — Реагирование на инциденты
 */
require_once __DIR__ . '/../config.php';
require_once __DIR__ . '/../seo.php';

$pageKey   = 'incident';
$canonical = '/incident/';
$btnText   = 'Оставить заявку';
$contactTitle = 'Связаться с нами';
require_once __DIR__ . '/../inc/form-handler.php';
require __DIR__ . '/../inc/header.php';
?>
    <style>
        .incident-flow { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:40px; }
        .incident-flow__step { text-align:center; padding:30px 20px; background:var(--bg-card); border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow-sm); transition:transform var(--transition),box-shadow var(--transition),background var(--transition); }
        .incident-flow__step:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); }
        .incident-flow__step .step__num { margin:0 auto 15px; }
    </style>

    <section class="hero" id="hero">
        <div class="container">
            <h1 class="hero__title"><?= $SEO[$pageKey]['h1'] ?></h1>
            <p class="hero__subtitle">Круглосуточный мониторинг и оперативное реагирование на инциденты. Минимизируем последствия, расследуем причины, предотвращаем повторение.</p>
            <a href="#contacts" class="btn">Оставить заявку</a>
            <p class="hero__footnote">Работаем по всей России</p>
        </div>
    </section>

    <section class="services">
        <div class="container">
            <h2 class="section-title">Наши возможности</h2>
            <div class="services__grid">
                <?php
                $items = [
                    ['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' => 'Мониторинг 24/7', 'desc' => 'Непрерывный контроль систем безопасности, оперативное выявление нештатных ситуаций и оповещение ответственных лиц.'],
                    ['svg' => '<rect x="12" y="12" width="40" height="40" rx="4" fill="none" stroke="#00ADEF" stroke-width="3"/><polygon points="22,28 30,36 44,20" fill="none" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Расследование инцидентов', 'desc' => 'Экспертный анализ произошедшего: сбор данных, восстановление хронологии, выявление причин и виновных.'],
                    ['svg' => '<path d="M48 24 L56 32 L48 40" fill="none" stroke="#00ADEF" stroke-width="3"/><path d="M16 24 L8 32 L16 40" fill="none" stroke="#00ADEF" stroke-width="3"/><line x1="28" y1="20" x2="36" y2="44" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Устранение последствий', 'desc' => 'Оперативное восстановление работоспособности систем, закрытие уязвимостей, корректировка настроек.'],
                    ['svg' => '<polygon points="32,8 48,28 44,52 20,52 16,28" fill="none" stroke="#00ADEF" stroke-width="3"/><circle cx="32" cy="34" r="6" fill="none" stroke="#00ADEF" stroke-width="3"/>', 'title' => 'Предиктивная аналитика', '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">Процесс реагирования</h2>
            <div class="incident-flow">
                <?php
                $steps = [
                    ['num' => '1', 'title' => 'Обнаружение', 'desc' => 'Система мониторинга фиксирует отклонение или вы сообщаете об инциденте.'],
                    ['num' => '2', 'title' => 'Выезд', 'desc' => 'Дежурный инженер выезжает на объект в гарантированные сроки.'],
                    ['num' => '3', 'title' => 'Локализация', 'desc' => 'Оперативное устранение угрозы и восстановление штатного режима.'],
                    ['num' => '4', 'title' => 'Расследование', 'desc' => 'Детальный разбор причин, подготовка отчёта, рекомендации.'],
                ];
                foreach ($steps as $step): ?>
                <div class="incident-flow__step">
                    <div class="step__num"><?= $step['num'] ?></div>
                    <h3><?= $step['title'] ?></h3>
                    <p><?= $step['desc'] ?></p>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="faq" id="faq">
        <div class="container">
            <h2 class="section-title">Вопросы о реагировании на инциденты</h2>
            <div class="faq__list">
                <?php
                $faqs = [
                    ['q' => 'Как быстро вы реагируете?', 'a' => 'Время реакции зависит от тарифа SLA: от 4 до 24 часов. Для экстренных ситуаций возможен срочный выезд.'],
                    ['q' => 'Вы работаете только с системами безопасности?', 'a' => 'Да, мы специализируемся на инцидентах, связанных с видеонаблюдением, СКУД, ОПС и периметральной защитой.'],
                    ['q' => 'Нужен ли договор на обслуживание?', 'a' => 'Для регулярного мониторинга — да, заключается SLA-контракт. Разовый выезд возможен без договора, по заявке.'],
                ];
                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'; ?>
