@extends('layouts.app2')
@section('title', 'Bus Tickets | FAQ')
@section('content')

{{--    <section class="breadcrumb-section set-bg" data-setbg="{{ asset('exabytesafrica/img/categories/cat-11.jpg') }}">--}}
{{--        <div class="container">--}}
{{--            <div class="row">--}}
{{--                <div class="col-lg-12 text-center">--}}
{{--                    <div class="breadcrumb__text">--}}
{{--                        <h2>ROUTES</h2>--}}
{{--                        <div class="breadcrumb__option">--}}
{{--                            <a href="./index.html">Home</a>--}}
{{--                            <span>Routes & Prices</span>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </section>--}}


<div class="wrapper">


    <h3>{{__('text.faq_header')}}</h3><br>

    <div class="wrap-1">
        <input type="radio" hidden id="tab-1" name="tabs">
        <label for="tab-1"><div>{{__('text.faq1')}}</div><div class="cross"></div></label>
        <div class="content">{{__('text.faq1a')}}</div>
    </div>

    <div class="wrap-2">
        <input type="radio" hidden id="tab-2" name="tabs">
        <label for="tab-2"><div>{{__('text.faq2')}}</div><div class="cross"></div></label>
        <div class="content">{{__('text.no')}}, <span class="tip" data-tip="https://aboodbus.co.tz">ABOOD BUS</span> {{__('text.faq2a')}}</div>
    </div>

    <div class="wrap-3">
        <input type="radio" hidden id="tab-3" name="tabs">
        <label for="tab-3"><div>{{__('text.faq3')}}</div><div class="cross"></div></label>
        <div class="content">{{__('text.faq3a')}}</div>
    </div>

    <div class="wrap-4">
        <input type="radio" hidden id="tab-4" name="tabs">
        <label for="tab-4"><div>{{__('text.faq4')}}</div><div class="cross"></div></label>
        <div class="content">{{__('text.faq4a')}}</div>
    </div>



    <div class="wrap-5">
        <input type="radio" hidden id="tab-5" name="tabs">
        <label for="tab-5"><div>{{__('text.some_qns')}}</div><div class="cross"></div></label>
        <div class="questions">
            <div class="question-wrap">
                <input type="radio" hidden id="question-1" name="question">
                <label for="question-1"><div>{{__('text.faq5')}}</div> <div class="cross"></div></label>
                <div class="content">{{__('text.faq5a')}}
                </div>
            </div>
            <div class="question-wrap">
                <input type="radio" hidden id="question-2" name="question">
                <label for="question-2"><div>{{__('text.faq6')}}</div> <div class="cross"></div></label>
                <div class="content">{{__('text.faq6a')}}
                </div>
            </div>
            <div class="question-wrap">
                <input type="radio" hidden id="question-3" name="question">
                <label for="question-3"><div>{{__('text.faq7')}}</div> <div class="cross"></div></label>
                <div class="content">{{__('text.faq7a')}}</div>
            </div>
            <div class="question-wrap">
                <input type="radio" hidden id="question-4" name="question">
                <label for="question-4"><div>{{__('text.faq8')}}</div> <div class="cross"></div></label>
                <div class="content">{{__('text.faq8a')}}</div>
            </div>
            <div class="question-wrap">
                <input type="radio" hidden id="question-5" name="question">
                <label for="question-5"><div>{{__('text.faq9')}}</div> <div class="cross"></div></label>
                <div class="content">
                    {{__('text.faq9a')}}</div>
            </div>
        </div>
    </div>
</div>






@endsection