@extends('admin.layout')

@section('page')

    <div class="main-wrapper">
        <div class="app" id="app">
            <header class="header">
                <div class="header-block header-block-collapse hidden-lg-up">
                    <button class="collapse-btn" id="sidebar-collapse-btn">
                        <i class="fa fa-bars"></i>
                    </button>
                </div>
                <div class="header-block header-block-search hidden-sm-down">
                    <form action="{{route('search')}}" method="get">
                        <div class="input-container">
                            <i class="fa fa-search"></i>
                            <input type="search" value="@if(isset($search)){{$search}}@endif"
                                   placeholder="@lang('search.term')" name="search" />
                            <div class="underline"></div>
                        </div>
                    </form>
                </div>

                <div class="header-block header-block-nav">
                    <ul class="nav-profile">
                        <li class="profile dropdown">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
                               aria-haspopup="true" aria-expanded="false">
                                @lang(LaravelLocalization::getCurrentLocaleName())
                            </a>
                            <div class="dropdown-menu">
                                @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
                                    <a hreflang="{{$localeCode}}"
                                       href="{{LaravelLocalization::getLocalizedURL($localeCode) }}"
                                       class="dropdown-item">
                                        {{ $properties['native'] }}
                                    </a>
                                @endforeach
                            </div>

                        <li class="profile">
                            <a href="{{route('page.index')}}" target="_blank" class="nav-link" data-toggle="tooltip" data-placement="bottom" title="@lang('common.goToWeb')"><i class="fa fa-fw fa-globe"></i></a>
                        </li>


                        <li class="profile dropdown">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button"
                               aria-haspopup="true" aria-expanded="false">
                                <div class="img"
                                     style="background-image: url('{{Auth::user()->gravatar(40)}}')"></div>
                                <span class="name">{{Auth::user()->getAttribute('name')}}</span>
                            </a>

                            {!! Menu::render('profileMenu', 'profile-menu') !!}
                        </li>
                    </ul>
                </div>
            </header>
            <aside class="sidebar">
                <div class="sidebar-container">
                    <div class="sidebar-header">
                        <div class="m-t-15 text-center text-primary">
                            <h4>{{str_limit(setting('pageName'), 15)}}</h4>
                        </div>
                    </div>
                    <nav class="menu">
                        {!! Menu::render('mainMenu', 'metismenu') !!}
                    </nav>
                </div>
                <footer class="sidebar-footer">
                    <ul class="nav metismenu" id="customize-menu">
                        <li>
                            <ul>
                                <li class="customize">
                                    <div class="customize-item">
                                        <div class="row customize-header">
                                            <div class="col-xs-4"></div>
                                            <div class="col-xs-4"><label class="title">@lang('common.positionFixed')</label></div>
                                            <div class="col-xs-4"><label class="title">@lang('common.positionStatic')</label></div>
                                        </div>
                                        <div class="row hidden-md-down">
                                            <div class="col-xs-4"><label class="title">@lang('common.sidebar')</label></div>
                                            <div class="col-xs-4"><label>
                                                    <input class="radio" type="radio" name="sidebarPosition"
                                                           value="sidebar-fixed">
                                                    <span></span>
                                                </label></div>
                                            <div class="col-xs-4"><label>
                                                    <input class="radio" type="radio" name="sidebarPosition" value="">
                                                    <span></span>
                                                </label></div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-4"><label class="title">@lang('common.header')</label></div>
                                            <div class="col-xs-4"><label>
                                                    <input class="radio" type="radio" name="headerPosition"
                                                           value="header-fixed">
                                                    <span></span>
                                                </label></div>
                                            <div class="col-xs-4"><label>
                                                    <input class="radio" type="radio" name="headerPosition" value="">
                                                    <span></span>
                                                </label></div>
                                        </div>
                                        <div class="row">
                                            <div class="col-xs-4"><label class="title">@lang('common.footer')</label></div>
                                            <div class="col-xs-4"><label>
                                                    <input class="radio" type="radio" name="footerPosition"
                                                           value="footer-fixed">
                                                    <span></span>
                                                </label></div>
                                            <div class="col-xs-4"><label>
                                                    <input class="radio" type="radio" name="footerPosition" value="">
                                                    <span></span>
                                                </label></div>
                                        </div>
                                    </div>
                                    <div class="customize-item">
                                        <ul class="customize-colors">
                                            <li><span class="color-item color-red" data-theme="red"></span></li>
                                            <li><span class="color-item color-orange" data-theme="orange"></span></li>
                                            <li><span class="color-item color-green active" data-theme=""></span></li>
                                            <li><span class="color-item color-seagreen" data-theme="seagreen"></span>
                                            </li>
                                            <li><span class="color-item color-blue" data-theme="blue"></span></li>
                                            <li><span class="color-item color-purple" data-theme="purple"></span></li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                            <a href=""> <i class="fa fa-fw fa-sliders"></i> @lang('common.customize') </a>
                        </li>
                    </ul>
                </footer>
            </aside>
            <div class="sidebar-overlay" id="sidebar-overlay"></div>

            <article class="content charts-flot-page">
                <div class="title-block">
                    <h3 class="title">
                        @yield('pageHeading') @yield('headerButtons')
                    </h3>
                    <p class="title-description">@yield('pageDescription')</p>
                </div>
                <section class="section">
                    @yield('content')
                </section>
            </article>


            <footer class="footer">
                <div class="footer-block author">
                    <ul>
                        <li>
                            &copy; {{date('Y')}} <a href="https://www.binarity.cz">binarity s.r.o.</a>
                        </li>
                        <li>
                            <a href="https://github.com/modularcode">ModularCode</a>
                        </li>
                    </ul>
                </div>
            </footer>
        </div>
    </div>

@endsection