@extends('adminlte::master')

@inject('layoutHelper', 'JeroenNoten\LaravelAdminLte\Helpers\LayoutHelper')

@php($url = url()->current())
@php($notifications = \App\Models\Notification::query()->with('product')->orderBy('deadline')->get())

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

@section('classes_body', $layoutHelper->makeBodyClasses())

@section('body_data', $layoutHelper->makeBodyData())

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

        {{-- Top Navbar --}}
        <nav class=" navbar navbar-expand navbar-white navbar-light" style="width: 100% !important;">
            <ul class="navbar-nav pl-4">
                <li class="nav-item logo-test">
                    <img src="{{ asset(config('adminlte.logo_img')) }}" height="30">
                </li>
            </ul>

            <!-- Right navbar links -->
            <ul class="navbar-nav ml-auto">

                <!-- Messages Dropdown Menu -->
                <li class="nav-item dropdown mr-5">
                    <a class="nav-link" data-toggle="dropdown" href="#">
                        <i class="far fa-bell fa-lg"></i>
                        <span class="badge  @if($notifications->count() == 0) badge-secondary @else badge-purple @endif navbar-badge">{{ $notifications->count() ?? 0 }}</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-xl dropdown-menu-right">
                        @if($notifications->count() == 0)
                            <div class="form-control">Nema obavjesti</div>
                        @endif

                        @foreach($notifications as $notification)
                            <div class="dropdown-item notification-item-{{$notification->type}}">
                                <!-- Message Start -->
                                <div class="media">
                                    <div class="media-body">
                                        <h3 class="dropdown-item-title">
                                            {{$notification->product->fullname ?? ''}}
{{--                                            <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>--}}
                                        </h3>
                                        <p class="text-sm pt-1"> {{$notification->content}} </p>
                                        <p class="text-sm pt-1 text-muted"><i class="far fa-clock mr-1"></i> {{ \Carbon\Carbon::parse($notification->deadline)->format('d.m.Y.')}} </p>
                                    </div>
                                </div>
                                <!-- Message End -->
                            </div>
                            <div class="dropdown-divider"></div>
                        @endforeach
                    </div>
                </li>

                <li class="nav-item dropdown user-menu">
                    <a href="#" class="nav-link dropdown-toggle profile-name" data-toggle="dropdown">
                        <span> {{ \Illuminate\Support\Facades\Auth::user()->name }} </span><br>
                        <small> {{\Illuminate\Support\Facades\Auth::user()->getRoleNames()->map(function ($roleName) {
                                        return __("roles.types.{$roleName}");
                                    })->implode(', ')
                                }}
                        </small>
                    </a>


                    <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                        <li class="user-footer">

                            <form id="logout-form" class="text-center" action="{{route('logout')}}" method="POST">
                                @csrf
                                <button type="submit" class="text-center" style="border: none;background: none;padding: 0;cursor: pointer;">
                                    <img src="/images/logout.png" class="pr-4"> Odjava
                                </button>
                            </form>
                        </li>
                    </ul>
                </li>
            </ul>
        </nav>
{{--        --}}
{{--        @if($layoutHelper->isLayoutTopnavEnabled())--}}
{{--            @include('adminlte::partials.navbar.navbar-layout-topnav')--}}
{{--        @else--}}
{{--            //tu smo--}}
{{--            @include('adminlte::partials.navbar.navbar')--}}
{{--        @endif--}}

        {{-- Left Main Sidebar --}}
        @if(!$layoutHelper->isLayoutTopnavEnabled())
            @include('adminlte::partials.sidebar.left-sidebar')
        @endif

        {{-- Content Wrapper --}}
        @empty($iFrameEnabled)
            @include('adminlte::partials.cwrapper.cwrapper-default')
        @else
            @include('adminlte::partials.cwrapper.cwrapper-iframe')
        @endempty

        {{-- Footer --}}
        @hasSection('footer')
            @include('adminlte::partials.footer.footer')
        @endif

    </div>
@stop

@section('adminlte_js')
    <script type="text/javascript">

        $(document).on('click', '.history-back-button', function () {
            window.history.go(-parseInt(sessionStorage.getItem('history_counter')))
        })

        if(document.referrer === '{{$url}}'){
            sessionStorage.setItem('history_counter', parseInt(sessionStorage.getItem('history_counter')) + parseInt(1) );
        }else{
            sessionStorage.setItem('history_counter', 1 );
        }
    </script>
    @stack('js')
@stop