@extends('layouts.'.env('THEME'))

@section('content')

<div class="container" id="main-container">

    <x-section_heading title="Frequently asked questions" subtitle="Scroll to the bottom to ask your own." rowclass="mt-5"/>

    <div class="row mt-2">
        <div class="col-12">
            <table class="table table-bordered" id="faq_list">
                <tbody>
                    @foreach($faqs as $faq)
                    <tr style="font-size: 1.2rem; font-weight: 600;">
                        <td><b>Q:</b></td>
                        <td>{{ $faq->question }}</td>
                    </tr>
                    <tr>
                        <td><b>A:</b></td>
                        <td>{{ $faq->answer }}</td>
                    </tr>
                    <tr>
                        <td colspan="2"></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <x-section_heading title="Ask us anything" subtitle="We're here for you." rowclass="mt-5"/>
     <x-contact />

</div>
@endsection