<?php
declare(strict_types=1);

require_once __DIR__ . '/includes/bootstrap.php';

$brand = site_name();
$pageTitle = theme_t('secure_page_title');
$pageClass = 'page-shop page-static';

// Paylaşım kartı: kısa başlık + tek cümle (WhatsApp / OG)
$ogTitle = theme_t('secure_og_title');
$ogDescription = theme_t('secure_og_desc');
$metaDescription = $ogDescription;
$ogUrl = absolute_url('guvenli-odeme.php');
$ogImage = absolute_url(site_logo_url());
$ogImageAlt = $brand . ' — ' . $ogTitle;
$ogType = 'website';

if (function_exists('site_control_is_social_crawler') && site_control_is_social_crawler()) {
    social_og_respond_and_exit([
        'title' => $ogTitle,
        'description' => $ogDescription,
        'image' => $ogImage,
        'url' => $ogUrl,
        'image_width' => OG_WIDTH,
        'image_height' => OG_HEIGHT,
        'image_type' => 'image/jpeg',
        'image_alt' => $ogImageAlt,
    ]);
}

require __DIR__ . '/includes/header.php';
require __DIR__ . '/includes/app_header.php';
?>

<article class="static-page info-page">
    <p class="info-eyebrow"><?= e(theme_t('secure_eyebrow')) ?></p>
    <h1><?= e(theme_t('secure_h1')) ?></h1>
    <p class="info-lead"><?= e(theme_t('secure_lead')) ?></p>

    <section class="info-section" id="guvenli-odeme" aria-labelledby="how-title">
        <h2 id="how-title"><?= e(theme_t('secure_how_title')) ?></h2>
        <ol class="info-steps">
            <li>
                <strong><?= e(theme_t('secure_step1_title')) ?></strong>
                <span><?= e(theme_t('secure_step1_body')) ?></span>
            </li>
            <li>
                <strong><?= e(theme_t('secure_step2_title')) ?></strong>
                <span><?= e(theme_t('secure_step2_body')) ?></span>
            </li>
            <li>
                <strong><?= e(theme_t('secure_step3_title')) ?></strong>
                <span><?= e(theme_t('secure_step3_body')) ?></span>
            </li>
            <li>
                <strong><?= e(theme_t('secure_step4_title')) ?></strong>
                <span><?= e(theme_t('secure_step4_body')) ?></span>
            </li>
        </ol>
    </section>

    <section class="info-section" id="odeme-secenekleri" aria-labelledby="pay-title">
        <h2 id="pay-title"><?= e(theme_t('secure_pay_title')) ?></h2>
        <p><?= e(theme_t('secure_pay_body')) ?></p>
        <ul class="info-list">
            <li><?= e(theme_t('secure_pay_li1')) ?></li>
            <li><?= e(theme_t('secure_pay_li2')) ?></li>
            <li><?= e(theme_t('secure_pay_li3')) ?></li>
        </ul>
    </section>

    <section class="info-section" aria-labelledby="why-title">
        <h2 id="why-title"><?= e(theme_t('secure_why_title')) ?></h2>
        <div class="info-points">
            <div class="info-point">
                <strong><?= e(theme_t('secure_why1_title')) ?></strong>
                <p><?= e(theme_t('secure_why1_body')) ?></p>
            </div>
            <div class="info-point">
                <strong><?= e(theme_t('secure_why2_title')) ?></strong>
                <p><?= e(theme_t('secure_why2_body')) ?></p>
            </div>
            <div class="info-point">
                <strong><?= e(theme_t('secure_why3_title')) ?></strong>
                <p><?= e(theme_t('secure_why3_body')) ?></p>
            </div>
        </div>
    </section>

    <p class="info-foot"><?= e(theme_t('secure_foot')) ?></p>
</article>

<?php require __DIR__ . '/includes/footer.php'; ?>
