@extends('layouts.public')

@section('title', 'Confirm activation request #'.$ac->id)
@section('meta_description', 'Review and confirm the end-user details for this activation code request.')

@section('content')
    @include('public.partials.page-chrome', [
        'eyebrow' => 'Sales',
        'title' => 'Confirm activation request #'.$ac->id,
        'lede' => $alreadyConfirmed
            ? 'This request has already been confirmed. Thank you.'
            : 'Please review and confirm the end-user details for this activation code request.',
        'crumbs' => [
            ['label' => 'Home', 'url' => route('public.home')],
            ['label' => 'Confirm activation request'],
        ],
    ])

    <section class="section">
        @if ($alreadyConfirmed)
            <dl class="meta-list">
                <dt>Product</dt><dd>{{ $ac->product_name }} {{ $ac->product_version }}</dd>
                <dt>Company</dt><dd>{{ $ac->eu_company }}</dd>
            </dl>
        @else
            <form class="form form--wide" method="POST" action="{{ request()->fullUrl() }}">
                @csrf
                <div class="form-row">
                    <label for="eu_company">Company</label>
                    <input id="eu_company" name="eu_company" value="{{ old('eu_company', $ac->eu_company) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_address">Address</label>
                    <input id="eu_address" name="eu_address" value="{{ old('eu_address', $ac->eu_address) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_city">City</label>
                    <input id="eu_city" name="eu_city" value="{{ old('eu_city', $ac->eu_city) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_state">State</label>
                    <input id="eu_state" name="eu_state" value="{{ old('eu_state', $ac->eu_state) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_postal_code">Postal code</label>
                    <input id="eu_postal_code" name="eu_postal_code" value="{{ old('eu_postal_code', $ac->eu_postal_code) }}">
                </div>
                <div class="form-row">
                    <label for="eu_country">Country</label>
                    <input id="eu_country" name="eu_country" value="{{ old('eu_country', $ac->eu_country) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_phone">Phone</label>
                    <input id="eu_phone" name="eu_phone" value="{{ old('eu_phone', $ac->eu_phone) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_email">Company email</label>
                    <input id="eu_email" type="email" name="eu_email" value="{{ old('eu_email', $ac->eu_email) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_contact_name">Contact name</label>
                    <input id="eu_contact_name" name="eu_contact_name" value="{{ old('eu_contact_name', $ac->eu_contact_name) }}" required>
                </div>
                <div class="form-row">
                    <label for="eu_contact_email">Contact email</label>
                    <input id="eu_contact_email" type="email" name="eu_contact_email" value="{{ old('eu_contact_email', $ac->eu_contact_email) }}" required>
                </div>
                <div class="form-row form-row--full @error('agreed') has-error @enderror">
                    <label class="form-check" for="agreed">
                        <input class="form-check-input" type="checkbox" value="1" id="agreed" name="agreed" required>
                        <span class="form-check-label">I agree to the <a href="{{ route('public.company', 'eula') }}">EULA</a> terms</span>
                    </label>
                    @error('agreed')<span class="field-error">{{ $message }}</span>@enderror
                </div>
                <div class="form-row form-row--full">
                    <button class="btn btn--primary" type="submit">Confirm request</button>
                </div>
            </form>
        @endif
    </section>
@endsection