@section('title', __('site.page_sitemap_title'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/sitemap.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('site.menu_item_2')],
        ['label' => __('site.menu_item_2_sub_4')],
    ];

    $sitemapUrl = 'https://' . $siteData->domain . '/sitemap.xml';

    $searchEngines = [
        [
            'name' => 'Google Search Console',
            'icon' => 'fa-google',
            'brand' => 'fab',
            'url' => 'https://search.google.com/search-console/sitemaps?resource_id=' . urlencode('https://' . $siteData->domain . '/'),
            'color' => '#4285f4',
        ],
        [
            'name' => 'Bing Webmaster Tools',
            'icon' => 'fa-microsoft',
            'brand' => 'fab',
            'url' => 'https://www.bing.com/webmasters/sitemaps?siteUrl=' . urlencode('https://' . $siteData->domain),
            'color' => '#0f7ebf',
        ],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_sitemap_h1') }}</h1>
            <p class="page-sub">{{ __('site.sm_intro') }}</p>
        </div>
    </header>

    <section class="sec">
        <header class="sec__head">
            <h2 class="sec__title"><i class="fa-solid fa-sitemap"></i> {{ __('site.sm_url_label') }}</h2>
        </header>
        <div class="sec__body">
            <div class="smurl">
                <code class="smurl__value">{{ $sitemapUrl }}</code>

                <div class="smurl__acts">
                    <button class="btn btn--ghost smurl__copy" type="button"
                            data-url="{{ $sitemapUrl }}" data-done="{{ __('site.sm_copied') }}">
                        <i class="fa-solid fa-copy"></i> {{ __('site.sm_copy') }}
                    </button>
                    <a class="btn btn--ghost" href="{{ $sitemapUrl }}" target="_blank" rel="noopener">
                        <i class="fa-solid fa-arrow-up-right-from-square"></i> {{ __('site.sm_open') }}
                    </a>
                </div>
            </div>

            <p class="smnote">
                <i class="fa-solid fa-circle-info"></i>
                <span>{{ __('site.sm_auto') }}</span>
            </p>
        </div>
    </section>

    <section class="sec">
        <header class="sec__head">
            <h2 class="sec__title"><i class="fa-solid fa-magnifying-glass"></i> {{ __('site.sm_submit') }}</h2>
            <p class="sec__desc">{{ __('site.sm_submit_help') }}</p>
        </header>
        <div class="sec__body">
            <div class="smengines">
                @foreach($searchEngines as $engine)
                    <a class="smengine" href="{{ $engine['url'] }}" target="_blank" rel="noopener">
                        <span class="smengine__ico" style="color:{{ $engine['color'] }};">
                            <i class="{{ $engine['brand'] }} {{ $engine['icon'] }}"></i>
                        </span>
                        <span class="smengine__name">{{ $engine['name'] }}</span>
                        <i class="fa-solid fa-arrow-up-right-from-square smengine__go"></i>
                    </a>
                @endforeach
            </div>
        </div>
    </section>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/site-sitemap.js') }}"></script>
@endsection

@include('includes/footer-novo')