@extends('frontend::layouts.master')
@section('content')
    <!-- Page Title -->
    @livewire('frontend::page-title', ['title' => $breadcrumb[0]['name'] ?? '', 'breadcrumbs' => $breadcrumb])


    <section class="page-news p-t-40">
        <div class="container">
            <div class="row">
                <div class="accordion toggle w100">
                    @if (!empty($faq_list))
                        @foreach ($faq_list as $faq)
                            <div class="ac-item {{ $loop->index == 0 ? 'ac-active' : '' }}">
                                <h5 class="ac-title">
                                    <span class="faq-label faq-label-q">@lang('frontend::text.label.faq_question')</span>
                                    <span class="faq-question">{!! $faq['name'] ?? '' !!}</span>
                                </h5>
                                <div class="ac-content">
                                    <div class="faq-answer">
                                        {{-- <span class="faq-label faq-label-a">@lang('frontend::text.label.faq_answer')</span> --}}
                                        <div class="faq-answer-body">
                                            <p>{!! $faq['detail'] ?? '' !!}</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
                <div class="space"></div>
            </div>
        </div>
    </section>
@endsection