@extends('frontend.layouts.main')
@section('title',  'câu hỏi thường gặp')
@section('keywords', 'câu hỏi thường gặp')
@section('description', 'câu hỏi thường gặp')
@section('abstract', 'câu hỏi thường gặp')
<!-- @section('image', asset($seo['image'] ?? '')) -->

@section('css')
<link rel="stylesheet" href="{{ asset('frontend/css/style.css') }}?v={{ time() }}" type="text/css" />
<link rel="stylesheet" type="text/css" href="{{ asset('frontend/css/page-product.css') }}?v={{ time() }}">
@endsection

@section('content')
<div class="breadcrumb">
    <div class="ctnr">
        <ul>
            <li>
                <a href="/">Trang chủ</a>
            </li>
            <li>
                Câu hỏi thường gặp
            </li>
        </ul>
    </div>
</div>

<div class="ctnr">
    @if (isset($questions) && $questions->childs->isNotEmpty())
    <section class="faq box-box">
        <h2 class="title-section-product">
            {{ $questions->name }}
        </h2>

        <div class="accordion">
            @foreach ($questions->childs as $question)
            <div class="accordion-item">
                <div class="accordion-title">
                    {{ $question->name }}
                </div>
                <div class="accordion-content">
                    <div class="content noi-dung">
                       {!! $question->description !!}
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </section>
    @endif
</div>
@endsection

@section('js')
<script src="{{ asset('frontend/js/product-detail.js') }}?v={{ time() }}"></script>
@endsection