@extends('connect.layout')

@section('title', 'American Tire Stores - Free WiFi')

@section('content')
    <p class="wifi-eyebrow">Guest WiFi</p>
    <h1 class="wifi-title" id="page-title">Connect to Free WiFi</h1>
    <p class="wifi-subtitle">Enter your email address to receive a 6-digit verification code. After verification, a store team member will approve your WiFi access.</p>

    <div class="wifi-location">{{ $store->name }}</div>

    @if($errors->any())
        <div class="wifi-alert wifi-alert-error" role="alert">{{ $errors->first() }}</div>
    @endif

    <form class="wifi-form" method="post" action="{{ route('connect.register') }}">
        @csrf
        <input type="hidden" name="store" value="{{ $store->slug }}">
        @foreach($meraki as $k => $v)
            <input type="hidden" name="{{ $k }}" value="{{ $v }}">
        @endforeach

        <div class="wifi-field">
            <label class="wifi-label" for="email">Email address</label>
            <input class="wifi-input" id="email" type="email" name="email" value="{{ old('email') }}" placeholder="you@example.com" required autocomplete="email" inputmode="email" autofocus>
        </div>

        <label class="wifi-check">
            <input type="checkbox" name="terms" value="1" required @checked(old('terms'))>
            <span>I agree to the WiFi Terms of Use and Privacy Policy.</span>
        </label>

        <label class="wifi-check">
            <input type="checkbox" name="marketing" value="1" @checked(old('marketing'))>
            <span>Send me promotions and offers by email. <strong>Optional.</strong></span>
        </label>

        <button class="wifi-btn wifi-btn-primary" type="submit">Send verification code</button>
        <p class="wifi-helper">You will need access to your email to complete verification.</p>
    </form>

    <div class="wifi-security">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg>
        <span>Your email and session details are used to manage guest WiFi access and are protected according to store privacy practices.</span>
    </div>
@endsection