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

@section('content')

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

    <x-section_heading title="Get in touch" subtitle="We'd love to hear from you." rowclass="mt-5"/>

    <div class="row mt-4">
        <div class="col-md-6 offset-md-3 text-left">
            <h4>Give us a call</h4>
        </div>
    </div>

    <div class="row mt-2">
        <div class="col-md-6 offset-md-3 text-left">
            <a href="tel:{{config('app.gvars.tel')}}">
                <i class="fa fa-phone mr-1" aria-hidden="true"></i>
                {{ substr(config('app.gvars.tel'), 0, 5) . ' ' . substr(config('app.gvars.tel'), 5) }}
            </a><br />
            <span style="font-size: 0.8rem;">
                *There are no hidden extra charges, just like calling a standard UK number.
            </span>
        </div>
    </div>

    <div class="row mt-5">
        <div class="col-md-6 offset-md-3 text-left">
            <h4>Send us a message</h4>
        </div>
    </div>
    <div class="row my-4">
        <div class="col-md-6 offset-md-3 text-left">
            <h4>Email address</h4>
            <p>{{ env('MAIL_SUPPORT_ADDRESS') }}</p>
        </div>
    </div>

    <x-contact />

    <div class="row my-4">
        <div class="col-md-6 offset-md-3 text-left">
            <h4>Postal address</h4>
            <p>{{ env('LEGAL_ADDRESS') }}</p>
        </div>
    </div>

</div>
@endsection