@extends('connect.layout')

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

@section('content')

    <div class="wifi-success-icon">
        <svg
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            aria-hidden="true"
        >
            <path d="M20 6 9 17l-5-5"/>
        </svg>
    </div>

    <p class="wifi-eyebrow">
        Connection Approved
    </p>

    <h1
        class="wifi-title"
        id="page-title"
    >
        You are now connected
    </h1>

    <p class="wifi-subtitle">
        Your device has been approved for
        American Tire Stores Free WiFi.
        You may now use the Internet.
    </p>

    @if($wifi->store)
        <div class="wifi-location">
            {{ $wifi->store->name }}
        </div>
    @endif

    <div class="wifi-connected-details">

        <div class="wifi-connected-row">
            <span>Status</span>
            <strong>Connected</strong>
        </div>

        <div class="wifi-connected-row">
            <span>WiFi Network</span>

            <strong>
                {{ $wifi->ssid_name ?? 'FreeWifi' }}
            </strong>
        </div>

        @if($wifi->approved_at)

            <div class="wifi-connected-row">
                <span>Approved</span>

                <strong>
                    {{ $wifi->approved_at->format('M j, Y g:i A') }}
                </strong>
            </div>

        @endif

    </div>

    @if($wifi->continue_url)

        <a
            class="wifi-btn wifi-btn-primary"
            href="{{ $wifi->continue_url }}"
        >
            Continue to Internet
        </a>

    @else

        <a
            class="wifi-btn wifi-btn-primary"
            href="https://www.google.com"
        >
            Continue to Internet
        </a>

    @endif

    <p class="wifi-helper">
        You can close this window and continue browsing.
    </p>

@endsection