@extends('layouts.site')

@section('content')
<section class="on-dark section !pb-16"><div class="wrap max-w-4xl">
    <p class="eyebrow">Contact</p>
    <h1 class="display">{{ \App\Support\Text::accent('Say *hello*.') }}</h1>
    <p class="lead mt-6">For a project, <a class="text-lilac underline underline-offset-4" href="{{ route('start-project.show') }}">start here</a>. For anything else, use this form. We reply within one working day.</p>
</div></section>
<section class="on-light section !py-16"><div class="wrap grid gap-14 lg:grid-cols-12">
    <form method="post" action="{{ route('contact.store') }}" class="space-y-5 lg:col-span-7" novalidate>
        @csrf
        <div class="absolute -left-[9999px]" aria-hidden="true"><label>Leave empty <input type="text" name="website" tabindex="-1" autocomplete="off"></label></div>
        @foreach ([['name', 'Your name', 'text'], ['email', 'Email', 'email'], ['company', 'Company (optional)', 'text']] as [$n, $l, $t])
            <div><label class="label" for="{{ $n }}">{{ $l }}</label><input class="field" id="{{ $n }}" name="{{ $n }}" type="{{ $t }}" value="{{ old($n) }}" @if ($n !== 'company') required @endif>@error($n)<p class="error">{{ $message }}</p>@enderror</div>
        @endforeach
        <div><label class="label" for="message">How can we help?</label><textarea class="field" id="message" name="message" rows="6" required>{{ old('message', request('topic') === 'partner' ? 'I would like to talk about the partner programme.' : '') }}</textarea>@error('message')<p class="error">{{ $message }}</p>@enderror</div>
        <button class="btn btn-primary">Send message @include('partials.arrow')</button>
    </form>
    <aside class="lg:col-span-5">
        <h2 class="eyebrow">Direct</h2>
        <ul class="space-y-3 text-lg">
            @foreach (['email' => 'Email', 'phone' => 'Phone', 'address' => 'Address'] as $k => $l)
                @if (!empty($contact[$k]))<li><span class="block text-sm text-muted">{{ $l }}</span>{{ $contact[$k] }}</li>@endif
            @endforeach
            @if (empty(array_filter($contact)))<li class="text-muted">Use the form and we will reply by email.</li>@endif
        </ul>
    </aside>
</div></section>
@endsection