<!DOCTYPE html>
@php
    if(isset($debug))
    {
        if($debug)
        {
            $assetPath = '/theme/';
        }else{
            $assetPath = '/assets/';
        }
    }else{
        $assetPath = '/assets/';
    }
@endphp

<html>
    <head>
        <title>
            @yield('title')
        </title>
        <meta charset="UTF-8"/>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'/>
        <meta name="keywords" content="{{ $info['keywords'] }}"/>
        <meta name="description" content="{{$info['description']}} "/>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <meta property="og:image" content="{{$info["image"]}}"/>
        <meta name="twitter:image" content="{{$info["image"]}}"/>
        <link rel="shortcut icon" href="/favicon.png" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="{{ $assetPath."css/theme/start.css" }}">
    </head>
    <body>
        <header>
            <div role="slide-show">
                @if(count($media)>1)
                    @foreach($media as $item)
                        @if($item['type'] == "mp4")
                            <div id="{{$loop->index}}" role="slide">
                                <video controls autoplay muted>

                                    <source src="{{$item['file']}}" type="video/mp4">

                                    Please get a better browser. They're free.
                                </video>
                            </div>
                        @else
                            <div id="{{$loop->index}}"role='slide' class="slide hide" style="background: url({{ $item['file'] }}) no-repeat center center / cover"></div>
                        @endif
                    @endforeach
                @else
                    @if(isset($media[0]) && $media != '')
                        @if($media[0]['type'] == "mp4")
                            <div id="0" role="slide">
                                <video controls autoplay muted>
                                    <source src="{{$media[0]['file']}}" type="video/mp4">
                                    Please get a better browser. They're free.
                                </video>
                            </div>
                        @else
                            <div id="0" role="slide" style="background: url({{ $media[0]['file'] }}) no-repeat center center / cover"></div>
                        @endif
                    @else
                        <div id="0" role="slide" style="background: url({{ $info['image'] }}) no-repeat center center / cover"></div>
                    @endif
                @endif
            </div>
            <nav>
            <div class="left">
                    <a href="/" class="logo-link">
                        <img id="logo" src="{{ $assetPath."/images/global/the-logo.svg" }}"/>
                    </a>
                </div>
                <div class="right">
                    @if(isset($menu))
                        @foreach($menu as $link)
                            @if(isset($dynamicRender))
                                @if($dynamicRender == 'true')
                                    <a href="{{"/".$link['slug']}}" class="menu-link">{{$link['title']}}</a><br/>
                                @else
                                    <a href="{{"/".$link['slug'].".html"}}" class="menu-link">{{$link['title']}}</a><br/>
                                @endif
                            @else
                                <a href="{{"/".$link['slug'].".html"}}" class="menu-link">{{$link['title']}}</a><br/>
                            @endif
                        @endforeach
                    @endif
                </div>
            </nav>
        </header>
        <div id="main-content" class="container">
            @section('main-content')
              @show
        </div>
        <footer>
            <div class="inner">
                @if(isset($dynamicRender))
                    @if($dynamicRender == 'true')
                        <a href="/archives">Archives</a><br/>
                    @else
                        <a href="/archives.html">Archives</a><br/>
                    @endif
                @else
                    <a href="/archives.html">Archives</a><br/>
                @endif
                © 2020 By Fipamo
            </div>
        </footer>
        <script src="{{ $assetPath."scripts/theme/ThemeStart.js" }}" type="module"></script>
    </body>
</html>