@extends('layouts.default')

@section('content')

@php
    $left = __('faq.left');
    $right = __('faq.right');
@endphp

<div class="pf-faq">
    <div class="pf-faq-wrap">

        <h1 class="pf-faq-title">{{ __('faq.title') }}</h1>

        <div class="pf-faq-cols">
            @foreach ([$left, $right] as $column)
                <div class="pf-faq-col">
                    @foreach ($column as $item)
                        <div class="pf-faq-item">
                            <button
                                type="button"
                                class="pf-faq-q"
                                aria-expanded="false"
                            >
                                <span>{{ $item['q'] }}</span>
                                <i class="pf-faq-icon" aria-hidden="true"></i>
                            </button>

                            <div class="pf-faq-a">
                                {!! $item['a'] !!}
                            </div>
                        </div>
                    @endforeach
                </div>
            @endforeach
        </div>

    </div>
</div>

<script src="{{ asset('js/faq.js') }}"></script>

@stop