@php
    $canonical = config('plocal.public_url').$hub['canonical_path'];
    $description = 'Explore published PLOCAL city hubs and explicit evaluated-business Markets across '.$hub['state']['name'].'.';
    $marketCount = collect($hub['locations'])->sum(fn (array $location): int => count($location['markets']));
@endphp
@extends('layouts.public')

@section('title', 'Find Evaluated Local Businesses Across '.$hub['state']['name'].' | PLOCAL')
@section('description', $description)
@section('robots', $hub['robots'])
@section('canonical', $canonical)
@section('image', config('plocal.public_url').'/assets/img/og-meta/plocal-usa-state.png')
@section('body-class', 'plocal-service-market-page plocal-state-hub-page')
@section('body-attributes')data-render-source="mysql" data-discovery-hub="state"@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/state-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="state-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 / State Discovery Hub / Published</p>
                    <h1 id="state-hub-title"><span>{{ $hub['state']['name'] }}</span> Local Business Discovery</h1>
                    <p class="plocal-market-masthead__summary">Explore published city hubs and only the service Markets PLOCAL has explicitly approved for publication.</p>
                    <dl class="plocal-market-masthead__metadata" aria-label="State hub metadata">
                        <div><dt>State</dt><dd>{{ $hub['state']['name'] }}</dd></div>
                        <div><dt>Code</dt><dd>{{ $hub['state']['code'] }}</dd></div>
                        <div><dt>Published cities</dt><dd>{{ count($hub['locations']) }}</dd></div>
                        <div><dt>Explicit Markets</dt><dd>{{ $marketCount }}</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><a href="/usa/">USA</a></li><li aria-current="page">{{ $hub['state']['name'] }}</li></ol></nav>
                    </div>
                </div>
            </div>
        </section>

        <section class="plocal-market-section plocal-market-explorer" aria-labelledby="published-cities-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-cities-title">Published Cities in {{ $hub['state']['name'] }}</h2></div>
                    <p class="plocal-market-section-head__copy">A city appears here only when its own hub is active and published.</p>
                </header>
                <div class="plocal-market-method__grid">
                    @foreach ($hub['locations'] as $location)
                        <article class="plocal-market-method__item" data-published-city>
                            <span>{{ $hub['state']['code'] }} / Published City</span>
                            <h3>{{ $location['name'] }}</h3>
                            <p>{{ count($location['markets']) }} explicit published {{ Str::plural('Market', count($location['markets'])) }}</p>
                            <a class="plocal-market-profile-link" href="{{ $location['canonical_path'] }}">Explore {{ $location['name'] }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
                        </article>
                    @endforeach
                </div>
            </div>
        </section>

        <section class="plocal-market-section plocal-market-method" aria-labelledby="state-markets-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>Explicit publication / no inference</span><h2 id="state-markets-title">Published Service Markets</h2></div>
                    <p class="plocal-market-section-head__copy">Location and Service records never create a link. Only an explicit PublishedMarket is shown.</p>
                </header>
                @foreach ($hub['locations'] as $location)
                    @if ($location['markets'] !== [])
                        <section aria-labelledby="state-location-{{ $location['slug'] }}">
                            <h3 id="state-location-{{ $location['slug'] }}">{{ $location['name'] }}</h3>
                            <div class="plocal-market-method__grid">
                                @foreach ($location['markets'] as $market)
                                    @include('public.hubs.partials.market-link', ['market' => $market])
                                @endforeach
                            </div>
                        </section>
                    @endif
                @endforeach
            </div>
        </section>
    </main>
    @section('footer-note', 'PLOCAL publishes discovery links only from approved geography hubs and explicit Markets.')
@include('public.partials.site-footer')
@endsection