<?php
$lang = App::getLocale();
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <title>{{$data['site'][$lang.'_title']}} | @yield('title')</title>
        <meta name="description" content="{{$data['site'][$lang.'_desc']}}"/>
        <meta name="keywords" content="{{$data['site']['tags']}}"/>
        <meta name="generator" content="Spark Cloud">
        <link rel="canonical" href="{{URL::to('/')}}" />
        <meta property="og:locale" content="{{$lang}}_{{strtoupper($lang)}}" />
        <meta property="og:type" content="website" />
        <meta property="og:title" content="{{$data['site'][$lang.'_title']}}" />
        <meta property="og:description" content="{{$data['site'][$lang.'_desc']}}" />
        <meta property="og:url" content="{{URL::to('/')}}" />
        <meta property="og:site_name" content="{{$data['site'][$lang.'_title']}}" />
        <meta name="twitter:card" content="summary"/>
        <meta name="twitter:description" content="{{$data['site'][$lang.'_desc']}}"/>
        <meta name="twitter:title" content="{{$data['site'][$lang.'_title']}}"/>
        <meta name="twitter:domain" content="{{$data['site'][$lang.'_title']}}"/>

        <link rel="shortcut icon" href="{{URL::to('interface')}}/{{URL::to('interface')}}/images/favicon.png">

        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="{{URL::to('interface')}}/css/bootstrap.min.css">
        @if($lang == "ar")
        <link rel="stylesheet" href="{{URL::to('interface')}}/css/bootstrap-rtl.min.css">
        @endif
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
        <link rel="stylesheet" href="{{URL::to('interface')}}/css/owl.carousel.min.css">
        <link rel="stylesheet" href="{{URL::to('interface')}}/css/owl.theme.default.min.css">
        <link rel="stylesheet" href="{{URL::to('interface')}}/js/masterslider/style/masterslider.css" />
        <link rel="stylesheet" href="{{URL::to('interface')}}/js/masterslider/skins/default/style.css" />
        <link rel="stylesheet" href="{{URL::to('interface')}}/css/animate.css">
        <link rel="stylesheet" href="{{URL::to('interface')}}/css/main.css">
        @if($lang == "ar")
        <link rel="stylesheet" href="{{URL::to('interface')}}/css/main-rtl.css">
        @endif

    </head>
    <body>
        <header>
            <nav class="navbar navbar-expand-lg bg-light">
                <div class="container">
                    <a class="navbar-brand" href="{{URL::to('/')}}" title="{{trans('layout.home')}}"><img src="{{URL::to('interface')}}/images/logo.png" alt="{{$data['site'][$lang.'_name']}}"></a>
                    <button class="navbar-toggler text-white" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <i class="fas fa-bars"></i>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav main-nav mr-auto">
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('page/'.$data['pages'][0]['id'])}}" title="{{$data['pages'][0][$lang.'_title']}}">{{$data['pages'][0][$lang.'_title']}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('services')}}" title="{{trans('layout.services')}}">{{trans('layout.services')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('projects')}}" title="{{trans('layout.projects')}}">{{trans('layout.projects')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('products')}}" title="{{trans('layout.products')}}">{{trans('layout.products')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('screens')}}" title="{{trans('layout.screens')}}">{{trans('layout.screens')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('news')}}" title="{{trans('layout.news')}}">{{trans('layout.news')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('gallery')}}" title="{{trans('layout.gallery')}}">{{trans('layout.gallery')}}</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('contact')}}" title="{{trans('layout.contact')}}">{{trans('layout.contact')}}</a>
                            </li>
                        </ul>
                        <ul class="navbar-nav" style="dispaly:none;">
                            <li class="nav-item">
                                <a class="nav-link" href="{{URL::to('lang')}}">
                                    <i class="fas fa-globe-americas" style="font-size: 13px;"></i> 
                                    <span style="font-weight: 700;">
                                        @if($lang == 'en')
                                        عربي
                                        @else
                                        English
                                        @endif
                                    </span>
                                </a>
                            </li>
                            <li class="nav-item dropdown">

                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>

        @yield('content')

        <footer class="text-white">
            <div class="container wow fadeIn" data-wow-delay="0.5s" style="position: relative;">
                <div class="aside">
                    <h4><i class="fas fa-long-arrow-alt-right"></i> {{trans('layout.contact')}}</h4>
                </div>
                <div class="footer-top">
                    <h1 class="title text-white">
                        {{trans('layout.contact_2')}}
                    </h1>
                    <ul class="row list-unstyled contacts p-0 mb-0">
                        <li class="col-lg-5">
                            <i class="fas fa-map-marker-alt"></i>{{$data['site'][$lang.'_address']}}<br>
                            <i class="fas fa-envelope"></i>{{$data['site']['email']}}<br>
                            <i class="fas fa-phone"></i> +965-{{$data['site']['phone']}}<br>
                        </li>
                        <li class="col-lg-3">
                            @foreach($data['pages'] as $page)
                            <a href='{{URL::to('page/'.$page['id'])}}' title="{{$page[$lang.'_title']}}"><i class="fas fa-chevron-right"></i> {{$page[$lang.'_title']}}</a><br>
                            @endforeach
                            <a href='{{URL::to('contact')}}' title="{{trans('layout.contact')}}"><i class="fas fa-chevron-right"></i> {{trans('layout.contact')}}</a><br>
                        </li>
                        <li class="col-lg-4">
                            <i class="fas fa-long-arrow-alt-right"></i>
                            {{trans('layout.follow')}}: 
                            <a href="{{$data['site']['facebook']}}" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>
                            <a href="{{$data['site']['twittter']}}" target="_blank" title="Twittter"><i class="fab fa-twitter"></i></a>
                            <a href="{{$data['site']['youtube']}}" target="_blank" title="Youtube"><i class="fab fa-youtube"></i></a>
                            <a href="{{$data['site']['instagram']}}" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>
                            <a href="{{$data['site']['snapchat']}}" target="_blank" title="Snapchat"><i class="fab fa-snapchat-ghost"></i></a>
                        </li>
                    </ul>
                </div>
                <div class="footer-bottom">
                    <div class="row ">
                        <div class="col-lg-6">
                            <p>{{trans('layout.rights')}} {{$data['site'][$lang.'_title']}} © {{date('Y')}}</p>
                        </div>
                        <div class="col-lg-6 text-lg-right">
                            <a style="display:none;" href="https://sprak-cloud.com" title="Spark Cloud" target="_blank"><img src="{{URL::to('interface')}}/images/sparkcloud.png" alt="Spark Cloud"></a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>


        <!-- Optional JavaScript -->
        <!-- jQuery first, then Popper.js, then Bootstrap JS -->
        <script src="{{URL::to('interface')}}/js/jquery.min.js"></script>
        <script src="{{URL::to('interface')}}/js/popper.min.js"></script>
        <script src="{{URL::to('interface')}}/js/bootstrap.min.js"></script>
        <script src="{{URL::to('interface')}}/js/owl.carousel.min.js"></script>
        <script src="{{URL::to('interface')}}/js/masterslider/masterslider.min.js"></script>
        <script src="{{URL::to('interface')}}/js/pace.min.js"></script>
        <script src="{{URL::to('interface')}}/js/wow.min.js"></script>
        <script src='{{URL::to('interface')}}/js/jquery.marquee.min.js'></script>

        @yield('scripts')

    </body>
</html>