@extends('layouts.app')

@section('tab-bar')
    <div class="mdl-layout__tab-bar mdl-js-ripple-effect">
    @foreach(AuthServiceProvider::$viewMenu as $viewType => $viewTypeVal)
        @can($viewType)
            @if(!is_array($viewTypeVal))
                <a href="{{ $viewType }}" class="mdl-layout__tab {{ $selectedView == $viewType ? "is-active" : "" }}">@lang('general.' . $viewType)</a>
            @else
                <div id="top-menu-{{ $viewType }}" class="expandSlideMenu">
                    <a href="#" class="mdl-layout__tab {{ $selectedView == $viewType ? "is-active" : "" }}">@lang('general.' . $viewType)</a>
                </div>
            @endif
        @endcan
    @endforeach
    </div>
    @foreach(AuthServiceProvider::$viewMenu as $viewType => $viewTypeVal)
        @can($viewType)
            @if(is_array($viewTypeVal))
                <ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect mdl-color--indigo-200" for="top-menu-{{ $viewType }}">
                    @foreach($viewTypeVal as $viewTypeSubmenu)
                        @can($viewTypeSubmenu)
                            <a href="{{ $viewTypeSubmenu }}">
                                <li class="mdl-menu__item mdl-typography--text-uppercase">@lang('general.' . $viewTypeSubmenu)</li>
                            </a>
                        @endcan
                    @endforeach
                </ul>
            @endif
        @endcan
    @endforeach
@endsection

@section('content')
    <main class="mdl-layout__content" style="overflow-x: visible;">
        @include($selectedView)
    </main>
@endsection