@extends('layouts.base', ['view' => 'sitemap'])

@section('meta')
    <title>{{$page->translation->meta_title}}</title>
    <meta name="description" content="{{ $page->translation->meta_description }}">

    @if(isset($page->routeInOtherLanguages))
        @foreach($page->routeInOtherLanguages as $routeInOtherLanguage)
            <link rel="alternate" hreflang="{{$routeInOtherLanguage->iso_2}}"
                  href="{{ \URL::to($routeInOtherLanguage->route->route) }}"/>
        @endforeach
    @endif

@endsection

@section('content')

    <header id="header">
        <div class="grid-row">


            <div class="grid-col logo-container">

                <a class="phone" href="tel:{{Config::get('business.phone_call')}}">
                    <div class="icon">
                        <span>T</span>
                    </div>
                    {{Config::get('business.phone_display')}}
                </a>


                {{-- Logo --}}
                <figure class="logo">
                    <a href="/">
                        <img alt="logo" src="/img/logo.svg"/>
                    </a>
                </figure>

                <div class="languages">
                    @if(isset($page->routeInOtherLanguages))
                        <ul>
                            @foreach($page->routeInOtherLanguages as $routeInOtherLanguage)
                                <li class="@if(App::getLocale() == $routeInOtherLanguage->iso_2) active @endif {{$routeInOtherLanguage->iso_2}} ">
                                    <a href="{{ \URL::to($routeInOtherLanguage->route->route) }}"
                                       data-language="{{$routeInOtherLanguage->iso_2}}">

                                        <span></span>
                                        <p>{{$routeInOtherLanguage->iso_2}}</p>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            </div>
        </div>
    </header>

    <aside class="sticky-nav hidden">

        {{-- Toggle Mobile Menu --}}
        <div class="toggle-menu">
            <div class="icon">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>

        {{-- Logo --}}
        <figure class="logo">
            <a href="/"></a>
        </figure>

        {{-- Navigation --}}
        <nav class="grid-col">

        </nav>

        <div class="languages">

        </div>

    </aside>

    @include('layouts.partials.mobile.navigation')


    <section class="sitemap-section">

        <div class="grid-row">

            <div class="wrapper">

                <h1>Sitemap</h1>

                <ul class="sitemap-list">

                    {{-- Generate all sitemap loop for find children except home --}}
                    @foreach($page->findChildren() as $child)
                        @unless($child->code_name == 'home')
                                @include('layouts.partials.sitemapLoop', ['sitemapItem' => $child])
                        @endunless
                    @endforeach

                </ul>
            </div>

        </div>
    </section>


    @include('layouts.partials.footer')

@endsection