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


@section('style')
<style>

</style>
@endsection

@section('content')

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

    <div class="row">
        <div class="col-md-8 offset-md-2 col-sm-10 offset-sm-1 col-12" style="margin-bottom: 3rem;">

            <div class="row mt-5 company-header">
                <div class="col-12">
                    <h4>Voucher not found</h4>
                    @if(!empty($invalid_code))
                        <strong>{{ config('app.domain').'/claim/' }}<span style="color: red;">{{ $invalid_code }}</span></strong>
                    @else
                    <strong>{{ config('app.domain').'/claim/' }}<span style="color: red;">ENTER_CODE_HERE</span></strong>
                    @endif
                    <p class="mt-3">You may have made a mistake when entering the web address.</p>
                    <p>Please ensure you have entered the whole web address and it matches your voucher.</p>
                    <o><strong>Still having trouble?</strong> <br /><a href="/signup">click this link to register your intrest.</a></p>
                </div>
            </div>

        </div>
    </div>

</div>

<div class="container-fluid light-bg mt-4 pt-4 pb-5" style="overflow: hidden;">
    <div class="row mt-4">
        <div class="col-md-6 offset-md-3 text-center">
            <h4>Questions?</h4>
        </div>
    </div>

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

    <div class="row mt12">
        <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>
                {{ config('app.gvars.tel') }}
            </a><br />
            <span style="font-size: 0.8rem;">
                *Standard UK call charges only.
            </span>
        </div>
    </div>

    <div class="row mt-3">
        <div class="col-md-6 offset-md-3 text-left">
            <h5>or send us a message</h5>
        </div>
    </div>

    <x-contact />

</div>
@endsection