@php
    $quoteCopy = request()->routeIs('quote') ? $copy : \App\Models\PageCopy::forPage('quote');
    $materialQuery = request()->query('material');
    $projectQuery = request()->query('project');
    $preferredMaterial = old('material', is_string($materialQuery) ? mb_substr($materialQuery, 0, 100) : '');
    $projectType = old('project_type', is_string($projectQuery) ? mb_substr($projectQuery, 0, 100) : '');
@endphp
<form class="quote-form" method="post" action="{{ route('quote.store') }}" enctype="multipart/form-data">
    @csrf
    <h2>{{ $quoteCopy['form_heading'] }}</h2><p>{{ $quoteCopy['form_intro'] }}</p>
    @if($errors->any())<div class="alert" role="alert">Please correct the highlighted details below and try again.</div>@endif
    <div aria-hidden="true" style="position:absolute;left:-9999px"><label for="website_field">Website</label><input type="text" name="website" id="website_field" tabindex="-1" autocomplete="off"></div>
    <div class="form-grid"><div class="form-field"><label for="name">{{ $quoteCopy['form_name'] }} *</label><input class="form-input @error('name') is-invalid @enderror" id="name" name="name" type="text" value="{{ old('name') }}" autocomplete="name" required maxlength="100">@error('name')<div class="form-error">{{ $message }}</div>@enderror</div><div class="form-field"><label for="phone">{{ $quoteCopy['form_phone'] }} *</label><input class="form-input @error('phone') is-invalid @enderror" id="phone" name="phone" type="tel" value="{{ old('phone') }}" autocomplete="tel" required maxlength="35">@error('phone')<div class="form-error">{{ $message }}</div>@enderror</div></div>
    <div class="form-grid"><div class="form-field"><label for="email">{{ $quoteCopy['form_email'] }}</label><input class="form-input @error('email') is-invalid @enderror" id="email" name="email" type="email" value="{{ old('email') }}" autocomplete="email">@error('email')<div class="form-error">{{ $message }}</div>@enderror</div><div class="form-field"><label for="location">{{ $quoteCopy['form_location'] }} *</label><input class="form-input @error('location') is-invalid @enderror" id="location" name="location" type="text" value="{{ old('location') }}" placeholder="e.g. Kampala, Uganda" required maxlength="150">@error('location')<div class="form-error">{{ $message }}</div>@enderror</div></div>
    <div class="form-grid"><div class="form-field"><label for="material">{{ $quoteCopy['form_material'] }}</label><select class="form-input" id="material" name="material"><option value="">{{ $quoteCopy['form_material_empty'] }}</option>@foreach($quoteMaterials as $choice)<option value="{{ $choice }}" @selected($preferredMaterial === $choice)>{{ $choice }}</option>@endforeach<option value="Other / unsure" @selected($preferredMaterial === 'Other / unsure')>{{ $quoteCopy['form_other_material'] }}</option></select>@error('material')<div class="form-error">{{ $message }}</div>@enderror</div><div class="form-field"><label for="project_type">{{ $quoteCopy['form_project_type'] }}</label><input class="form-input" id="project_type" name="project_type" type="text" value="{{ is_string($projectType) ? $projectType : '' }}" placeholder="e.g. Kitchen worktop" maxlength="100">@error('project_type')<div class="form-error">{{ $message }}</div>@enderror</div></div>
    <div class="form-grid"><div class="form-field"><label for="dimensions">{{ $quoteCopy['form_dimensions'] }}</label><input class="form-input" id="dimensions" name="dimensions" type="text" value="{{ old('dimensions') }}" placeholder="e.g. 3.2m × 0.6m or 45m²" maxlength="250">@error('dimensions')<div class="form-error">{{ $message }}</div>@enderror</div><div class="form-field"><label for="timeframe">{{ $quoteCopy['form_timeframe'] }}</label><input class="form-input" id="timeframe" name="timeframe" type="text" value="{{ old('timeframe') }}" placeholder="e.g. Next month / flexible" maxlength="100">@error('timeframe')<div class="form-error">{{ $message }}</div>@enderror</div></div>
    <div class="form-grid"><div class="form-field"><label for="service_scope">{{ $quoteCopy['form_scope'] }}</label><select class="form-input" name="service_scope" id="service_scope"><option value="">{{ $quoteCopy['form_scope_empty'] }}</option>@foreach(['Advice / not decided', 'Materials only', 'Supply and fitting inquiry'] as $choice)<option value="{{ $choice }}" @selected(old('service_scope') === $choice)>{{ $choice }}</option>@endforeach</select>@error('service_scope')<div class="form-error">{{ $message }}</div>@enderror</div><div class="form-field"><label for="contact_method">{{ $quoteCopy['form_contact_method'] }}</label><select class="form-input" name="contact_method" id="contact_method">@foreach(['Phone','WhatsApp','Email'] as $choice)<option value="{{ $choice }}" @selected(old('contact_method', 'Phone') === $choice)>{{ $choice }}</option>@endforeach</select>@error('contact_method')<div class="form-error">{{ $message }}</div>@enderror</div></div>
    <div class="form-field"><label for="message">{{ $quoteCopy['form_message'] }} *</label><textarea class="form-input @error('message') is-invalid @enderror" id="message" name="message" required minlength="10" maxlength="5000" placeholder="Where will the material be used? What colours, finishes or details do you have in mind?">{{ old('message') }}</textarea>@error('message')<div class="form-error">{{ $message }}</div>@enderror</div>
    <div class="form-field"><label for="attachment">{{ $quoteCopy['form_attachment'] }}</label><input class="form-input" id="attachment" name="attachment" type="file" accept=".jpg,.jpeg,.png,.pdf"><p class="form-help">{{ $quoteCopy['form_attachment_help'] }}</p>@error('attachment')<div class="form-error">{{ $message }}</div>@enderror</div>
    <button type="submit" class="button button-dark">{{ $quoteCopy['form_submit'] }} <span>↗</span></button><p class="form-help">{{ $quoteCopy['form_consent'] }} See our <a href="{{ route('privacy') }}"><u>Privacy Notice</u></a>.</p>
</form>