<x-layouts.guest :title="config('app.name') . ' | FAQ'" activePage="faq">
    <section class="page-title centred">
        <div class="bg-layer" style="background-image: url({{ asset('assets/images/background/page-title.jpg') }});" data-overlay-dark="5"></div>
        <div class="pattern-layer">
            <div class="pattern-1" style="background-image: url({{ asset('assets/images/shape/shape-18.png') }});" ></div>
            <div class="pattern-2" style="background-image: url({{ asset('assets/images/shape/shape-17.png') }});" ></div>
        </div>
        <div class="auto-container">
            <div class="content-box">
                <h1>Frequently Asked Questions</h1>
                <ul class="bread-crumb clearfix">
                    <li><a href="{{ route('guest.home') }}">Home</a></li>
                    <li>FAQ</li>
                </ul>
            </div>
        </div>
    </section>

    <section class="faq-page-section pt_120 pb_120">
        <div class="auto-container">
            <div class="sec-title mb_55 centred">
                <h6>Help Center</h6>
                <h2>Answers to Common Banking Questions</h2>
            </div>
            <div class="row clearfix">
                <div class="col-lg-8 col-md-12 col-sm-12 content-column">
                    <ul class="accordion-box">
                        <li class="accordion block active-block">
                            <div class="acc-btn active"><div class="icon-box"></div>How do I open a new account?</div>
                            <div class="acc-content current">
                                <div class="content">
                                    <p>You can open an account online through our registration page in just a few minutes. Simply click "Open Account", provide your personal details, upload a valid ID, and your account will be reviewed and activated promptly. You can also visit any of our branches with valid identification and proof of address.</p>
                                </div>
                            </div>
                        </li>
                        <li class="accordion block">
                            <div class="acc-btn"><div class="icon-box"></div>How secure is online banking?</div>
                            <div class="acc-content">
                                <div class="content">
                                    <p>Our platform uses industry-standard encryption, multi-factor authentication, session protection, and real-time monitoring systems to safeguard your account activity. We also send instant alerts for every transaction so you stay informed at all times.</p>
                                </div>
                            </div>
                        </li>
                        <li class="accordion block">
                            <div class="acc-btn"><div class="icon-box"></div>Can I transfer funds internationally?</div>
                            <div class="acc-content">
                                <div class="content">
                                    <p>Yes. Eligible customers can send international wire transfers from supported accounts. Transfers are subject to identity verification requirements, daily limits, and applicable fees. You can initiate transfers directly from your online banking dashboard.</p>
                                </div>
                            </div>
                        </li>
                        <li class="accordion block">
                            <div class="acc-btn"><div class="icon-box"></div>How do I reset my login credentials?</div>
                            <div class="acc-content">
                                <div class="content">
                                    <p>Use the account recovery process from the login page — you'll receive a verification code to your registered email. If you're unable to recover access, contact our support team for guided identity verification and credential reset.</p>
                                </div>
                            </div>
                        </li>
                        <li class="accordion block">
                            <div class="acc-btn"><div class="icon-box"></div>What types of accounts are available?</div>
                            <div class="acc-content">
                                <div class="content">
                                    <p>We offer a range of accounts to suit your needs including personal checking accounts, high-yield savings accounts, fixed-term deposits, student accounts, and business accounts. Each comes with access to our digital banking platform and dedicated support.</p>
                                </div>
                            </div>
                        </li>
                        <li class="accordion block">
                            <div class="acc-btn"><div class="icon-box"></div>How do I make a deposit or withdrawal?</div>
                            <div class="acc-content">
                                <div class="content">
                                    <p>Deposits can be made through bank transfers, direct deposits, or at any branch location. Withdrawals are available via ATM, branch visit, or electronic transfer to a linked account. All deposit and withdrawal activity is tracked in your transaction history.</p>
                                </div>
                            </div>
                        </li>
                        <li class="accordion block">
                            <div class="acc-btn"><div class="icon-box"></div>Are there any fees for using online banking?</div>
                            <div class="acc-content">
                                <div class="content">
                                    <p>Access to our online and mobile banking platforms is free for all account holders. Standard transactions like viewing balances, making transfers between your accounts, and paying bills carry no additional fees. Some services like international wires or expedited transfers may have applicable charges — these are always disclosed before you confirm.</p>
                                </div>
                            </div>
                        </li>
                        <li class="accordion block">
                            <div class="acc-btn"><div class="icon-box"></div>How can I contact customer support?</div>
                            <div class="acc-content">
                                <div class="content">
                                    <p>You can reach our support team by phone at <a href="tel:{{ config('app.phone') }}">{{ config('app.phone') }}</a>, by email at <a href="mailto:{{ config('mail.from.address') }}">{{ config('mail.from.address') }}</a>, or by using the contact form on our <a href="{{ route('guest.contact') }}">Contact Us</a> page. Our team is available to assist with account access, payments, cards, and transfer-related questions.</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 sidebar-column">
                    <div class="faq-sidebar ml_30">
                        <div class="sidebar-widget support-widget">
                            <div class="widget-content">
                                <h3>Need More Help?</h3>
                                <p>Our service team is available to support account access, payments, cards, and transfer-related issues.</p>
                                <a href="{{ route('guest.contact') }}" class="theme-btn btn-one">Contact Support</a>
                            </div>
                        </div>
                        <div class="sidebar-widget contact-widget mt_30">
                            <div class="widget-content">
                                <h3>Quick Contact</h3>
                                <ul class="info-list clearfix" style="list-style: none; padding: 0;">
                                    <li style="margin-bottom: 10px;"><i class="icon-34" style="margin-right: 8px;"></i><a href="tel:{{ config('app.phone') }}">{{ config('app.phone') }}</a></li>
                                    <li style="margin-bottom: 10px;"><i class="icon-35" style="margin-right: 8px;"></i><a href="mailto:{{ config('mail.from.address') }}">{{ config('mail.from.address') }}</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="subscribe-section p_relative">
        <div class="pattern-layer" style="background-image: url({{ asset('assets/images/shape/shape-5.png') }});"></div>
        <div class="auto-container">
            <div class="inner-box">
                <div class="content-box">
                    <h2>Didn't Find Your Answer?</h2>
                    <p>Reach out to our support team — we're happy to help with any banking question.</p>
                </div>
                <div class="form-inner">
                    <a href="{{ route('guest.contact') }}" class="theme-btn btn-one">Contact Us</a>
                </div>
            </div>
        </div>
    </section>
</x-layouts.guest>
