@php
    $canonical = config('plocal.public_url').$hub['canonical_path'];
    $description = 'Explore currently published PLOCAL State and City hubs and their explicit local service Markets.';
@endphp
@extends('layouts.public')

@section('title', 'Explore Currently Published PLOCAL Locations | USA')
@section('description', $description)
@section('robots', $hub['robots'])
@section('canonical', $canonical)
@section('image', config('plocal.public_url').'/assets/img/og-meta/plocal-usa.png')
@section('body-class', 'plocal-service-market-page plocal-national-hub-page')
@section('body-attributes')data-render-source="mysql" data-discovery-hub="national"@endsection

@push('styles')
    <link rel="stylesheet" href="/assets/css/pages/global.css">
    <link rel="stylesheet" href="/assets/css/pages/service-market.css">
    <link rel="stylesheet" href="/assets/css/pages/national-hub.css">
    <link rel="stylesheet" href="/assets/css/pages/plocal-server-rendered.css">
@endpush

@section('content')
    @include('public.partials.site-header')
    <main id="main-content">
        <section class="plocal-market-masthead" aria-labelledby="national-hub-title">
            <span class="plocal-market-masthead__route" aria-hidden="true"></span>
            <div class="container">
                <div class="plocal-market-masthead__grid">
                    <p class="plocal-market-masthead__eyebrow">PLOCAL / National Discovery Hub / Published Foundation</p>
                    <h1 id="national-hub-title"><span>United States</span> Local Business Discovery</h1>
                    <p class="plocal-market-masthead__summary">Explore currently published PLOCAL locations. Availability is limited to explicitly published local Markets.</p>
                    <dl class="plocal-market-masthead__metadata" aria-label="National hub totals">
                        <div><dt>Published States</dt><dd>{{ $hub['totals']['states'] }}</dd></div>
                        <div><dt>Published Cities</dt><dd>{{ $hub['totals']['cities'] }}</dd></div>
                        <div><dt>Explicit Markets</dt><dd>{{ $hub['totals']['markets'] }}</dd></div>
                        <div><dt>Eligible Businesses</dt><dd>{{ $hub['totals']['eligible_businesses'] }}</dd></div>
                    </dl>
                    <div class="plocal-market-masthead__bottom">
                        @if ($hub['is_demo'])
                            <p class="plocal-market-demo-notice" data-demo-disclosure><i class="fas fa-map-location-dot" aria-hidden="true"></i> Discovery foundation using fictional demo Market data.</p>
                        @endif
                        <nav aria-label="Breadcrumb"><ol class="plocal-breadcrumb"><li><a href="/">Home</a></li><li aria-current="page">USA</li></ol></nav>
                    </div>
                </div>
            </div>
        </section>

        <section class="plocal-market-section plocal-market-explorer" aria-labelledby="published-states-title">
            <div class="container">
                <header class="plocal-market-section-head">
                    <span class="plocal-market-section-head__number" aria-hidden="true">01</span>
                    <div class="plocal-market-section-head__title"><span>Published geography / MySQL-backed</span><h2 id="published-states-title">Currently Published PLOCAL Locations</h2></div>
                    <p class="plocal-market-section-head__copy">Additional locations may exist in the system without having a public discovery hub.</p>
                </header>

                @foreach ($hub['states'] as $state)
                    <section data-published-state aria-labelledby="national-state-{{ $state['slug'] }}">
                        <h3 id="national-state-{{ $state['slug'] }}"><a href="{{ $state['canonical_path'] }}">{{ $state['name'] }} <span>({{ $state['code'] }})</span></a></h3>
                        @foreach ($state['locations'] as $location)
                            <article data-published-city>
                                <h4><a href="{{ $location['canonical_path'] }}">{{ $location['name'] }}, {{ $state['name'] }}</a></h4>
                                <p>{{ count($location['markets']) }} explicit published {{ Str::plural('Market', count($location['markets'])) }}</p>
                                <div class="plocal-market-method__grid" data-published-markets>
                                    @foreach ($location['markets'] as $market)
                                        @include('public.hubs.partials.market-link', ['market' => $market])
                                    @endforeach
                                </div>
                            </article>
                        @endforeach
                    </section>
                @endforeach
            </div>
        </section>

        <section class="plocal-market-section plocal-market-method" aria-labelledby="national-policy-title">
            <div class="container">
                <header class="plocal-market-section-head">
                    <span class="plocal-market-section-head__number" aria-hidden="true">02</span>
                    <div class="plocal-market-section-head__title"><span>Publication boundary / no inference</span><h2 id="national-policy-title">How National Discovery Is Limited</h2></div>
                </header>
                <div class="plocal-market-method__grid">
                    <article class="plocal-market-method__item"><span>01 / State</span><h3>Published State Hub</h3><p>A State appears only when its own discovery hub is active and published.</p></article>
                    <article class="plocal-market-method__item"><span>02 / City</span><h3>Published City Hub</h3><p>A City appears only beneath its independently published State hub.</p></article>
                    <article class="plocal-market-method__item"><span>03 / Market</span><h3>Explicit PublishedMarket</h3><p>Location and Service records never create a discovery link.</p></article>
                </div>
            </div>
        </section>
    </main>
    @section('footer-note', 'PLOCAL publishes national discovery links only from approved geography hubs and explicit Markets.')
@include('public.partials.site-footer')
@endsection