@extends('base')

@section('title', __('FAQs'))

@section('content')
    <div class="ui grid" id="faq-page">
        <div class="row">
            <div class="two wide column"></div>
            <div class="twelve wide column">
                <div class="header">
                    {{__('Frequently Asked Questions')}}
                </div>

                <div class="faq-container">
                    <div class="faq-header bold">
                        {{__('faq-header1')}}
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q1')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A1')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q2')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A2')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q3')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A3')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q4')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A4.1')}} <a href="#q6"> {{__('A4-link')}}</a> {{__('A4.2')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q5')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A5')}}</div>
                    </div>

                    <div class="faq-item" id="q6">
                        <div class="faq-q bold">Q: {{__('Q6')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A6')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q7')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A7')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold" >Q: {{__('Q8')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A8')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q9')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A9')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q10')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A10')}}</div>
                    </div>

                </div>

                <div class="faq-container">
                    <div class="faq-header bold">
                        {{__('faq-header2')}}
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q11')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A11')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q12')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A12')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q13')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>
                            {{__('A13.1')}}  <a href="{{route('terms')}}#refund"> {{__('A13-link1')}}</a>{{__('A13.2')}} <a href="{{route('terms')}}">{{__('A13-link2')}}</a>{{__('A13.3')}} {{__('A13-link3')}} {{__('A13.4')}}
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q14')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A14.1')}} <a href="{{route('terms')}}#refund"> {{__('A14-link')}}</a>{{__('A14.2')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q bold">Q: {{__('Q15')}}</div>
                        <div class="faq-a"><span class="bold"> A: </span>{{__('A15.1')}} {{__('A15-link')}} {{__('A15.2')}}</div>
                    </div>

                </div>

                <div class="faq-container">
                    <div class="faq-header bold">
                        {{__('faq-header3')}}
                    </div>

                    <div class="faq-item">
                        <div class="faq-q">{{__('faq-content1.1')}} <a href="{{route('privacy')}}"> {{__('faq-content1-link')}}</a>{{__('faq-content1.2')}}</div>
                    </div>

                </div>

                <div class="faq-container faq-contact">
                    <div class="faq-header bold">
                        {{__('faq-header4')}}
                    </div>

                    <div class="faq-item">
                        <div class="faq-q">{{__('faq-content2')}}</div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-q"> UOFFER GLOBAL</div>
                        <div class="faq-q">
                            <span>{{__('E-Mail')}}:</span>
                            <span>info@ukuoffer.co.uk</span>
                        </div>
                        <div class="faq-q">
                            <span>{{__('Website')}}:</span>
                            <span>www.ukuoffer.co.uk</span>
                        </div>
                        <div class="faq-q">
                            <span>{{__('详细地址')}}: </span>
                            <span>31 Hurst Street, Birmingham, B5 4BD</span>
                        </div>
                        {{--<div class="faq-q">--}}
                            {{--<span>{{__('Phone')}}:</span>--}}
                            {{--<span>+44 (0)121 622 1015/+44 (0)121 666 6284</span>--}}
                        {{--</div>--}}
                        <div class="faq-q">W L HILLSIDE INVESTMENT LIMITED</div>
                    </div>

                </div>

            </div>
        </div>
    </div>
@endsection