@extends('master.front')
@section('meta')
<meta name="keywords" content="{{$setting->meta_keywords}}">
<meta name="description" content="{{$setting->meta_description}}">
@endsection
@section('title')
    {{__('FAQ')}}
@endsection

@section('content')
    <!-- Page Title-->
 

  <div class="">
    <div class="container-fluid container60">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb py-3">
                <li class="breadcrumb-item"><a href="{{(route('front.index'))}}">{{__('Home')}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{__('คำถามที่พบบ่อย')}}</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-12 py-4">
                <h2 class="fw-semibold text-center d-flex align-items-center justify-content-start text-blue1">
                    {{__('คำถามที่พบบ่อย')}}
                </h2>
            </div>
        </div>
    </div>
</div>

<div class="">
    <div class="container-fluid container60 pb-5">
        <div class="row">
            <div class="col-sm-3">
                <div class="pe-4">
                    <div class="list-group">
                        @foreach ($fcategories as $category)
                        <a href="#{{$category->name}}" class="list-group-item list-group-item-action">
                            {{$category->name}}
                        </a>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="col-sm-9">

                @foreach ($fcategories as $category)
 
                <div class="border-bottom-w3">
                    <h4 class="fw-semibold mb-4 mt-4" id="{{$category->name}}"> {{$category->name}}</h4>
                     {{-- <p>{{$category->name}}  </p>    --}}

                    <div class="accordion accordion-flush mb-5 accordion-faq" id="{{$category->slug}}">