@php
    use App\Services\AreaLookupService;

    $states = config('us_states', []);
    $currentState = strtoupper(trim($currentState ?? request('state', '')));
    if ($currentState !== '' && !array_key_exists($currentState, $states)) {
        $currentState = '';
    }
    $currentCounty = trim($currentCounty ?? request('ddlCountiesByState', ''));
    $stateSelectId = $stateSelectId ?? 'ddNationwide';
    $countySelectId = $countySelectId ?? 'ddlCountiesByState';
    $reloadOnStateChange = $reloadOnStateChange ?? false;
    $reloadOnLocationChange = $reloadOnLocationChange ?? false;
    $syncFormLookups = $syncFormLookups ?? false;
    $lookupsPreloaded = $lookupsPreloaded ?? false;
    $lookupsLoadedKey = ($lookupsPreloaded && $currentState !== '' && $currentCounty !== '')
        ? $currentState . '|' . $currentCounty
        : '';

    $counties = $counties ?? [];
    if ($currentState !== '' && empty($counties)) {
        try {
            $counties = app(AreaLookupService::class)->getCountiesByState($currentState);
        } catch (\Throwable $e) {
            $counties = [];
        }
    }

    $normalizeCountyLabel = static function (string $name): string {
        $name = trim($name);
        $name = preg_replace('/\s+planning region$/i', '', $name) ?? $name;
        $name = preg_replace('/\s+county$/i', '', $name) ?? $name;

        return strtolower(trim($name));
    };

    $countyIsSelected = static function (string $countyName) use ($currentCounty, $normalizeCountyLabel): bool {
        if ($currentCounty === '') {
            return false;
        }

        $selectedKey = $normalizeCountyLabel($currentCounty);
        $optionKey = $normalizeCountyLabel($countyName);

        return $selectedKey === $optionKey
            || str_contains($optionKey, $selectedKey)
            || str_contains($selectedKey, $optionKey);
    };

    $currentCountyInList = false;
    if ($currentCounty !== '' && !empty($counties)) {
        foreach ($counties as $countyName) {
            if ($countyIsSelected($countyName)) {
                $currentCountyInList = true;
                break;
            }
        }
    }

    // Use the incoming request root so AJAX URLs work when the app lives in a subdirectory
    // (e.g. /attomapidata.com/AttomApi/public) even if APP_URL in .env is wrong.
    $appRoot = rtrim(request()->root(), '/');
    $locationSelectsPath = public_path('js/location-selects.js');
    $locationSelectsVersion = is_file($locationSelectsPath) ? (string) filemtime($locationSelectsPath) : (string) time();
@endphp
<div class="header-location">
    <div class="header-location-container">
        <div class="location-selects">
            <select
                name="state"
                id="{{ $stateSelectId }}"
                class="location-select location-select-state countryValue"
                data-location-state-select
                data-county-select-id="{{ $countySelectId }}"
                @if($syncFormLookups) data-sync-form-lookups="true" @elseif($reloadOnStateChange) data-reload-on-change="true" @endif
                @if($reloadOnLocationChange) data-reload-on-location-change="true" @endif
                autocomplete="off"
            >
                <option value="" disabled @if($currentState === '') selected @endif>Select State</option>
                @foreach($states as $abbr => $name)
                    <option value="{{ $abbr }}" @if($currentState === $abbr) selected @endif>{{ $name }}</option>
                @endforeach
            </select>
            <select
                name="ddlCountiesByState"
                id="{{ $countySelectId }}"
                class="location-select location-select-county countryValue ddlCountiesByState"
                data-current-county="{{ $currentCounty }}"
                data-counties-state="{{ $currentState }}"
                @if($currentState !== '' && !empty($counties)) data-counties-preloaded="true" @endif
                @if($lookupsLoadedKey !== '') data-lookups-loaded="{{ $lookupsLoadedKey }}" @endif
                @if($currentState === '') disabled @endif
            >
                @if($currentState === '')
                    <option value="" disabled selected>Select state first</option>
                @elseif(empty($counties))
                    <option value="" disabled selected>Loading counties...</option>
                @else
                    @if($currentCounty === '')
                        <option value="" disabled selected>Select County</option>
                    @endif
                    @foreach($counties as $countyName)
                        <option value="{{ $countyName }}" @if($countyIsSelected($countyName)) selected @endif>{{ $countyName }}</option>
                    @endforeach
                    @if($currentCounty !== '' && !$currentCountyInList)
                        <option value="{{ $currentCounty }}" selected>{{ $currentCounty }}</option>
                    @endif
                @endif
            </select>
        </div>
        @if(!empty($newSearchLink))
            <a href="{{ $newSearchLink }}" class="new-search-link">New Search</a>
        @endif
    </div>
</div>
<script>
    window.locationSelectConfig = {
        appRoot: @json($appRoot),
        countiesUrl: @json($appRoot . '/area/counties/__STATE__'),
        lookupsUrl: @json($appRoot . '/area/lookups')
    };
</script>
<script src="{{ $appRoot }}/js/location-selects.js?v={{ $locationSelectsVersion }}"></script>