<?php include 'header.php'; ?>

<section class="py-5 bg-light">
    <div class="container py-lg-4">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-4">
                        <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-success"><?php echo __('home'); ?></a></li>
                        <li class="breadcrumb-item active" aria-current="page"><?php echo __('support_center'); ?></li>
                    </ol>
                </nav>
                <h1 class="fw-bold mb-4"><?php echo __('help_center_title'); ?></h1>
                
                <div class="bg-white p-4 p-md-5 rounded-4 shadow-sm">
                    <div class="mb-5">
                        <h4 class="fw-bold mb-3"><?php echo __('faq_title'); ?></h4>
                        <div class="accordion accordion-flush" id="faqAccordion">
                            <div class="accordion-item border-bottom">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                        <?php echo __('faq_q1'); ?>
                                    </button>
                                </h2>
                                <div id="faq1" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body text-muted">
                                        <?php echo __('faq_a1'); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item border-bottom">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                        <?php echo __('faq_q2'); ?>
                                    </button>
                                </h2>
                                <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body text-muted">
                                        <?php echo __('faq_a2'); ?>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item border-bottom">
                                <h2 class="accordion-header">
                                    <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                        <?php echo __('faq_q3'); ?>
                                    </button>
                                </h2>
                                <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
                                    <div class="accordion-body text-muted">
                                        <?php echo __('faq_a3'); ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div>
                        <h4 class="fw-bold mb-3"><?php echo __('contact_us'); ?></h4>
                        <p class="text-muted mb-4"><?php echo __('contact_text'); ?></p>
                        <a href="mailto:<?php echo get_setting('contact_email', 'support@example.com'); ?>" class="btn btn-success px-4 py-2 rounded-pill">
                            <i class="bi bi-envelope me-2"></i> <?php echo __('send_email'); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include 'footer.php'; ?>
