@extends('layouts.base')
@section('body')
<div class="vo-shell">
  <aside class="vo-side">
    <a class="brand" href="{{ $home }}">&#9742; VoiceOrder</a>
    @foreach ($menu as $item)
      @if (is_string($item))<div class="nav-h">{{ $item }}</div>
      @else <a class="nav-i {{ request()->routeIs($item[2]) ? 'active' : '' }}" href="{{ route($item[1]) }}">{{ $item[0] }}</a>@endif
    @endforeach
  </aside>
  <div class="vo-scrim"></div>
  <div class="vo-main">
    <div class="vo-top">
      <button class="btn btn-outline-secondary d-lg-none" id="sideToggle" type="button" aria-label="Menu">&#9776;</button>
      <h1 class="h5 mb-0 flex-grow-1">@yield('title')</h1>
      @yield('top')
      <span class="text-muted small d-none d-md-inline">{{ auth()->user()->name }} · {{ str_replace('_', ' ', auth()->user()->role) }}</span>
      <form method="post" action="{{ route('logout') }}">@csrf<button class="btn btn-sm btn-outline-secondary" data-no-loading>Sign out</button></form>
    </div>
    <div class="vo-content">@yield('content')</div>
  </div>
</div>
@endsection