@extends('layouts.auth')

@section('title', 'Check coverage')

@section('content')
    <div class="auth-brand">
        <div class="brand-mark">N</div>
        <h1>{{ config('nowills.name') }}</h1>
        <div class="tagline">{{ config('nowills.tagline') }}</div>
    </div>

    <p class="small muted mb-2">Check whether we can connect your address, and we will follow up
        with availability and pricing.</p>

    @include('partials.flash')

    @if (session('coverage_result'))
        @php $cr = session('coverage_result'); @endphp
        <div class="card mb-2">
            <div class="card-body">
                @if ($cr['result'] === 'covered')
                    <p class="mb-1"><span class="badge active"><span class="dot"></span>Covered</span>
                        <span class="strong">Good news — we can serve this address.</span></p>
                    <p class="small muted mb-1">Matched zone
                        <span class="strong">{{ $cr['zone_name'] ?? '—' }}</span>
                        @if ($cr['zone_tech'])({{ title_case_words($cr['zone_tech']) }})@endif
                        at {{ (int) $cr['confidence'] }}% confidence. A sales consultant will
                        contact you on <span class="strong">{{ $cr['phone'] }}</span>.</p>
                @elseif ($cr['result'] === 'planned')
                    <p class="mb-1"><span class="badge pending"><span class="dot"></span>Coming soon</span>
                        <span class="strong">This address is in a planned build area.</span></p>
                    <p class="small muted mb-1">
                        {{ $cr['distance_m'] !== null ? number_format((float) $cr['distance_m']).' m from ' : 'Near ' }}
                        <span class="strong">{{ $cr['zone_name'] ?? 'the nearest zone' }}</span>.
                        Register your interest and we will notify you when it goes live.</p>
                @else
                    <p class="mb-1"><span class="badge cancelled"><span class="dot"></span>Not covered yet</span>
                        <span class="strong">We do not reach this address today.</span></p>
                    <p class="small muted mb-1">
                        @if ($cr['zone_name'])
                            The nearest zone is {{ $cr['zone_name'] }},
                            {{ number_format((float) $cr['distance_m'] / 1000, 1) }} km away.
                        @endif
                        We have logged your enquiry in case coverage expands.</p>
                @endif

                @if ($cr['notes'])
                    <p class="tiny muted mb-0">{{ $cr['notes'] }}</p>
                @endif
            </div>
        </div>
    @endif

    <form method="POST" action="{{ route('coverage.submit') }}">
        @csrf

        <div class="form-grid">
            <div class="field">
                <label for="name">Your name <span class="req">*</span></label>
                <input id="name" type="text" name="name" value="{{ old('name') }}" required
                       maxlength="140" placeholder="Kwame Mensah">
                @error('name')<span class="error-text">{{ $message }}</span>@enderror
            </div>

            <div class="field">
                <label for="phone">Phone <span class="req">*</span></label>
                <input id="phone" type="tel" name="phone" value="{{ old('phone') }}" required
                       maxlength="40" placeholder="024 400 0111">
                @error('phone')<span class="error-text">{{ $message }}</span>@enderror
            </div>

            <div class="field span-2">
                <label for="email">Email</label>
                <input id="email" type="email" name="email" value="{{ old('email') }}"
                       maxlength="160" placeholder="you@example.com">
                @error('email')<span class="error-text">{{ $message }}</span>@enderror
            </div>

            <div class="field span-2">
                <label for="address">Address</label>
                <input id="address" type="text" name="address" value="{{ old('address') }}"
                       maxlength="255" placeholder="12 Oxford Street, Osu, Accra">
                @error('address')<span class="error-text">{{ $message }}</span>@enderror
            </div>

            <div class="field">
                <label for="latitude">Latitude <span class="req">*</span></label>
                <input id="latitude" type="number" step="0.0000001" min="-90" max="90"
                       name="latitude" value="{{ old('latitude') }}" required placeholder="5.5571">
                @error('latitude')<span class="error-text">{{ $message }}</span>@enderror
            </div>

            <div class="field">
                <label for="longitude">Longitude <span class="req">*</span></label>
                <input id="longitude" type="number" step="0.0000001" min="-180" max="180"
                       name="longitude" value="{{ old('longitude') }}" required placeholder="-0.1755">
                @error('longitude')<span class="error-text">{{ $message }}</span>@enderror
            </div>

            <div class="field span-2">
                <label for="service_type">Service you want</label>
                <select id="service_type" name="service_type">
                    <option value="">No preference</option>
                    @foreach (['fibre' => 'Fibre (FTTH / FTTB)', 'wireless' => 'Fixed wireless',
                               'satellite' => 'Satellite'] as $value => $label)
                        <option value="{{ $value }}" @selected(old('service_type') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <p class="tiny muted mt-1">
            Don't know your coordinates? Drop a pin on any map and copy the two numbers,
            or call <span class="strong">{{ config('nowills.support_phone', 'our sales team') }}</span>.
        </p>

        <button type="submit" class="btn" style="width:100%;">Check my coverage</button>
    </form>

    <p class="small muted mt-2" style="text-align:center;">
        Already a customer? <a href="{{ route('login') }}">Sign in</a>
    </p>
@endsection