@extends('public.core.core')
@section('title')
    Sık Sorulan Sorular
@endsection
@section('csrf_token')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-area bg_cover">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="banner-content">
                        <h1 class="text-white">Sık Sorulan Sorular</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/">Anasayfa</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Sık Sorulan Sorular</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== BANNER PART END ======-->

    <!--====== ACCORDIONS PART START ======-->
    <section class="accordions-area pt-60 pb-90">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="accordion-wrapper">
                        <h1 class="text-center mb-50">Sık Sorulan Sorular</h1>
                        @foreach ($faqs as $key => $faq)
                            <div class="accordion" id="accordionFaq">
                                <div class="single-accordion">
                                    <button
                                        class="text-left accordion-btn btn-block @if ($key != 0) collapsed @endif "
                                        type="button" data-toggle="collapse" data-target="#collapse{{ $key }}"
                                        aria-expanded="true" aria-controls="collapse{{ $key }}">
                                        {{ $faq->title }}
                                    </button>
                                    <div id="collapse{{ $key }}"
                                        class="collapse @if ($key == 0) show @endif"
                                        data-parent="#accordionFaq">
                                        <div class="accordion-content">
                                            {{ $faq->description }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== ACCORDIONS PART END ======-->
    <!--====== SUBSCRIBE PRODUCT PART START ======-->
    <section class="subscribe-area">
        <div class="container">
            <div class="subscribe-wrapper bg_cover">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="subscribe-content section-title">
                            <h1 class="text-white">Bültenimize Abone Olun</h1>
                            <p class="text-white">Size özel hazıraldığımız farklı sektörlerle alakalı bültenimize abone olun
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="subscribe-form-wrapper">
                            <form action="#" class="subscribe-form">
                                <input type="email" name="email" id="sub-email-input"
                                    placeholder="Mail Adresinizi Giriniz">
                                <button type="button" id="sub-email-button"><i
                                        class="lni lni-telegram-original"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== SUBSCRIBE PRODUCT PART ENDS ======-->
@endsection
@section('extra_js')
    <script src="/assets/js/subscribe.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
        integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
        integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous">
    </script>
@endsection