{{--
=====================================================
Etebarit - by Gisoo Web Solutions
------------------------------------------------------
Gisoo.net
------------------------------------------------------
Copyright (c) 2026 Gisoo Web Solutions
=====================================================
This code is protected by copyright
=====================================================
File: vpn-notice.blade.php
------------------------------------------------------
Use: Bottom-centre notice asking a visitor on a non-Iranian
     IP to turn off their filter-breaker, since a VPN routes
     traffic outside Iran and breaks the gateway. Only
     rendered when the CDN reports a foreign country;
     dismissible and remembered so it never nags.
=====================================================
--}}

@props(['persist' => true])

@php
    // Persisted notice remembers its dismissal; the payment page (persist=false)
    // starts fresh every load and forgets on dismiss.
    $initExpr = $persist ? "if (localStorage.getItem('vpn-notice-dismissed') === '1') show = false" : '';
    $dismissExpr = $persist
        ? "show = false; localStorage.setItem('vpn-notice-dismissed', '1')"
        : 'show = false';
@endphp

@if (\App\Support\GeoLocation::isForeign(request()))
    <div
        x-data="{ show: true }"
        @if ($persist) x-init="{{ $initExpr }}" @endif
        x-show="show"
        x-cloak
        x-transition
        class="fixed inset-x-0 bottom-20 z-40 flex justify-center px-4"
        role="alert"
        aria-live="polite"
    >
        <div class="flex max-w-md items-center gap-3 rounded-2xl bg-secondary-500 px-5 py-3 text-[13px] leading-6 text-white shadow-xl">
            <svg class="size-5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
            <span>{{ __('front.connectivity.vpn_warning') }}</span>
            <button
                type="button"
                x-on:click="{{ $dismissExpr }}"
                class="shrink-0 rounded-lg p-1 text-white/80 transition hover:bg-white/15 hover:text-white"
                aria-label="{{ __('front.actions.understood') }}"
            >
                <svg class="size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
            </button>
        </div>
    </div>
@endif