<?php
require_once __DIR__ . '/includes/lang.php';
require_once __DIR__ . '/includes/header.php';
?>
<main class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-10">
            <div class="d-flex align-items-center gap-3 mb-5">
                <div class="bg-success rounded-3 p-2">
                    <i class="bi bi-shield-lock text-white fs-3"></i>
                </div>
                <h1 class="mb-0 fw-bold"><?php echo __('privacy'); ?></h1>
            </div>

            <div class="card bg-surface border-secondary p-4 p-md-5 shadow-lg rounded-4">
                <div class="alert bg-success bg-opacity-10 border-0 rounded-3 mb-5 p-4 text-success">
                    <div class="d-flex gap-3">
                        <i class="bi bi-check-circle-fill fs-4"></i>
                        <div>
                            <h5 class="fw-bold mb-1"><?= __('last_updated') ?></h5>
                            <p class="small mb-0"><?= __('privacy_intro_alert') ?></p>
                        </div>
                    </div>
                </div>

                <div class="privacy-content text-white-50">
                    <section class="mb-5">
                        <h3 class="fw-bold mb-3 text-white d-flex align-items-center">
                            <i class="bi bi-info-square-fill text-success me-2 fs-5"></i>
                            <?= __('privacy_1_title') ?>
                        </h3>
                        <p><?= __('privacy_1_content') ?></p>
                        <p><?= __('privacy_1_extra') ?></p>
                    </section>

                    <section class="mb-5">
                        <h3 class="fw-bold mb-3 text-white d-flex align-items-center">
                            <i class="bi bi-collection-fill text-success me-2 fs-5"></i>
                            <?= __('privacy_2_title') ?>
                        </h3>
                        <p><?= __('privacy_2_content') ?></p>
                        <ul class="ms-4 mb-3">
                            <li><strong><?= __('privacy_data_identity') ?></strong> <?= __('privacy_data_identity_desc') ?></li>
                            <li><strong><?= __('privacy_data_contact') ?></strong> <?= __('privacy_data_contact_desc') ?></li>
                            <li><strong><?= __('privacy_data_financial') ?></strong> <?= __('privacy_data_financial_desc') ?></li>
                            <li><strong><?= __('privacy_data_tech') ?></strong> <?= __('privacy_data_tech_desc') ?></li>
                        </ul>
                        <p><?= __('privacy_2_extra_bottom') ?></p>
                    </section>

                    <section class="mb-5">
                        <h3 class="fw-bold mb-3 text-white d-flex align-items-center">
                            <i class="bi bi-gear-fill text-success me-2 fs-5"></i>
                            <?= __('privacy_3_title') ?>
                        </h3>
                        <p><?= __('privacy_3_content') ?></p>
                        <p><?= __('privacy_3_extra') ?></p>
                    </section>

                    <section class="mb-5">
                        <h3 class="fw-bold mb-3 text-white d-flex align-items-center">
                            <i class="bi bi-safe-fill text-success me-2 fs-5"></i>
                            <?= __('privacy_4_title') ?>
                        </h3>
                        <p><?= __('privacy_4_content') ?></p>
                        <p><?= __('privacy_4_extra') ?></p>
                    </section>

                    <section class="mb-5">
                        <h3 class="fw-bold mb-3 text-white d-flex align-items-center">
                            <i class="bi bi-person-check-fill text-success me-2 fs-5"></i>
                            <?= __('privacy_5_title') ?>
                        </h3>
                        <p><?= __('privacy_5_content') ?></p>
                        <p><?= __('privacy_5_extra') ?></p>
                    </section>

                    <section class="mb-0 border-top border-secondary pt-5">
                        <h3 class="fw-bold mb-3 text-white"><?= __('privacy_6_title') ?></h3>
                        <p><?= __('privacy_6_content') ?></p>
                    </section>
                </div>
            </div>

            <div class="mt-5 text-center">
                <p class="text-white-50 small"><?= __('privacy_footer') ?></p>
            </div>
        </div>
    </div>
</main>

<style>
.privacy-content section h3 {
    letter-spacing: 0.5px;
}
.privacy-content section p {
    line-height: 1.8;
    margin-bottom: 1.2rem;
}
.privacy-content ul li {
    margin-bottom: 0.8rem;
    color: rgba(255,255,255,0.7);
}
</style>
<?php require_once __DIR__ . '/includes/footer.php'; ?>
