@extends('web.master')

@section('web_css')

    @stack('css')
    @yield('css')
@stop

@section('body')
    <div class="wrapper">

        <!-- Main Header -->
       <header>
           <div class="top_bar">
               <ul class="nav">
                   <li class="better_visibility">
                           <i class="change-color"></i>
                            <i class="fa fa-font font-decrease">-</i>
                            <i class="fa fa-font font-increase">+</i>
                            <i class="fa fa-ban disable-btn"></i>
                   </li>
                   @guest
                       @if (Route::has('register'))
                           <li><a href="{{ route('register') }}">@lang('content.register')</a></li>
                       @endif
                       <li><a href="{{ route('login') }}">@lang('content.login')</a></li>
                   @else
                       <li>{{ Auth::user()->name }},</li>
                       <li>
                           <a href="{{ route('logout') }}"
                              onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">Odjava
                           </a>

                           <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                               @csrf
                           </form>
                       </li>
                   @endguest

               </ul>
           </div>

           <div class="navbar-wraper">
                <div class="container">
               <div class="row">
                   <div class="col-md-12">
           <nav class="navbar navbar-expand-lg navbar-light">
               <a class="navbar-brand logo" href="/">
                   <img src="/images/logo_white.png" alt="key project logo">
               </a>
               <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
                   <i class="fas fa-bars"></i>
               </button>