@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main>
        <div class="container pt-10 pb-5">
            <div class="text-center -mx-1 pb-6 lg:pb-10">
                <div class="text-base-5xl text-darken-text font-medium">{!! !empty($data['route']['desc']) ? $data['route']['desc'] : '' !!}</div>
            </div>
            @if (!empty($data['faq']))
                <div class="accordion" id="accordionExample">
                    @foreach ($data['faq'] as $k => $item)
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="DownloadHeading{{ $k }}">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#DownloadCollapse{{ $k }}" aria-expanded="false"
                                    aria-controls="DownloadCollapse{{ $k }}">
                                    <div class="text-base-lg font-medium">{{ !empty($item['name']) ? $item['name'] : '' }}
                                    </div>
                                </button>
                            </h2>
                            <div class="accordion-collapse collapse" id="DownloadCollapse{{ $k }}"
                                aria-labelledby="DownloadHeading{{ $k }}" data-bs-parent="#accordionExample">
                                <div class="accordion-body py-[.5rem] lg:py-6 px-4">
                                    {!! !empty($item['detail']) ? $item['detail'] : '' !!}
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @endif
        </div>
    </main>
@endsection

@section('script')


@endsection