Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.0.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/ecommerce/resources/views/website/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@extends('website.partials.main')
@section('title', 'FAQ')

@section('contents')
    <div class="nav-header navbar-shadow"
        style="background: url('/frontend/svg/banner-bg.svg') white; border-bottom: 4px solid rgba(62, 61, 61, 0.04);">
        <nav class="navbar navbar-expand-lg category-menu">
            <div class="container position-relative categories-menu">
                <ul class="nav nav-nowrap">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" role="tab" href="#faq_all">All</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" role="tab" href="#faq_bnpl">Buy Now Pay
                            Later</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" role="tab" href="#faq_general">General</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>

    <div class="website-section faq">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 text-center section-head">
                    <h3>Frequently Asked Questions</h3>
                </div>
            </div>

            <div class="row tab-content">

                <div class="offset-sm-3 col-sm-6 tab-pane fade show active" id="faq_all">
                    <div class="faq mt-4">
                        @foreach ($faqs as $faq)
                            <div class="card rounded-12 mb-4 bg-transparent">
                                <div class="px-4 py-2 collapsed" data-toggle="collapse"
                                    data-target="#collapse_{{ $loop->iteration }}" aria-expanded="false"
                                    aria-controls="collapseOne">
                                    <button class="btn btn-success">
                                    </button>
                                    <button class="btn btn-link text-left" style="width: 80%; font-size: 16px">
                                        {{ $faq['question'] }}
                                    </button>
                                </div>

                                <div id="collapse_{{ $loop->iteration }}" class="collapse"
                                    aria-labelledby="headingOne" data-parent="#accordion">
                                    <div class="card-body"  style="font-size: 16px">
                                        {!! $faq['answer'] !!}
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>


                <div class="offset-sm-3 col-sm-6 tab-pane fade" id="faq_bnpl">
                    <div class="faq mt-4">
                        @foreach ($bnplFaqs as $faq)
                            <div class="card rounded-12 mb-4 bg-transparent">
                                <div class="px-4 py-2 collapsed" data-toggle="collapse"
                                    data-target="#bnpl_collapse_{{ $loop->iteration }}" aria-expanded="false"
                                    aria-controls="collapseOne">
                                    <button class="btn btn-success">
                                    </button>
                                    <button class="btn btn-link text-left" style="width: 80%; font-size: 16px">
                                        {{ $faq['question'] }}
                                    </button>
                                </div>

                                <div id="bnpl_collapse_{{ $loop->iteration }}" class="collapse"
                                    aria-labelledby="headingOne" data-parent="#accordion">
                                    <div class="card-body" style="font-size: 16px">
                                        {!! $faq['answer'] !!}
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>


                <div class="offset-sm-3 col-sm-6 tab-pane fade" id="faq_general">
                    <div class="faq mt-4">
                        @foreach ($generalFaqs as $faq)
                            <div class="card rounded-12 mb-4 bg-transparent">
                                <div class="px-4 py-2 collapsed" data-toggle="collapse"
                                    data-target="#general_collapse_{{ $loop->iteration }}" aria-expanded="false"
                                    aria-controls="collapseOne">
                                    <button class="btn btn-success">
                                    </button>
                                    <button class="btn btn-link text-left" style="width: 80%; font-size: 16px">
                                        {{ $faq['question'] }}
                                    </button>
                                </div>

                                <div id="general_collapse_{{ $loop->iteration }}" class="collapse"
                                    aria-labelledby="headingOne" data-parent="#accordion">
                                    <div class="card-body" style="font-size: 16px">
                                        {!! $faq['answer'] !!}
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection


@section('scripts')
    <script>
    </script>
@endsection