@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        <div class='header-title'>Moin, moin, {{ Auth::user()->first_name." ".Auth::user()->last_name }} @if(Gate::allows('user-mode')) in {{ $filiale }}@endif,</div>
        @if (Gate::allows('is-restricted'))
            @lang('descriptions.home.restricted')
        @else
            @lang('descriptions.home')
        @endif
    </div>
    <div class="page-content">
        <div class="menu-list">
            @if (Gate::allows('is-restricted'))
                <div class="menu-item">
                    <a href="{{ route('events.index') }}">
                        <div class="menu-picture event"></div>
                    </a>
                    <h4>Veranstaltungen</h4>
                    <a href="{{ route('events.index') }}" class="red-button">Auswählen</a>
                </div>
                <div class="menu-item">
                    <a href="{{ route('stats') }}">
                        <div class="menu-picture report"></div>
                    </a>
                    <h4>Veranstaltungsreporting</h4>
                    <a href="{{ route('stats') }}" class="red-button">Auswählen</a>
                </div>
                <div class="menu-item">
                    <a href="{{ route('share-steal') }}">
                        <div class="menu-picture report"></div>
                    </a>
                    <h4>Share & Steal</h4>
                    <a href="{{ route('share-steal') }}" class="red-button">Auswählen</a>
                </div>
            @else
                @if (Gate::allows('user-mode'))
                    @if (Gate::allows('is-supervisor') || Gate::allows('is-editor'))
                        <div class="menu-item">
                            <a href="{{ route('exclusive-events.index') }}">
                                <div class="menu-picture gva-event"></div>
                            </a>
                            <h4>Geschlossene Veranstaltungen</h4>
                            <a href="{{ route('exclusive-events.index') }}" class="red-button">Auswählen</a>
                        </div>
                    @endif
                    <div class="menu-item">
                        <a href="#" data-bs-toggle="modal" data-bs-target="#vak-popup">
                            <div class="menu-picture event"></div>
                        </a>
                        <h4>Veranstaltungen</h4>
                        <a href="#" class="red-button" data-bs-toggle="modal" data-bs-target="#vak-popup">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('filiale-news.index') }}">
                            <div class="menu-picture filiale-news"></div>
                        </a>
                        <h4>Filialnews</h4>
                        <a href="{{ route('filiale-news.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('exposes.index') }}">
                            <div class="menu-picture expose"></div>
                        </a>
                        <h4>Immobilien-Exposees</h4>
                        <a href="{{ route('exposes.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('mitarbeiter-tips.index') }}">
                            <div class="menu-picture mitarbeiter_tip"></div>
                        </a>
                        <h4>Mitarbeitertipp</h4>
                        <a href="{{ route('mitarbeiter-tips.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('ipad') }}">
                            <div class="menu-picture ipad"></div>
                        </a>
                        <h4>Kunden-iPad</h4>
                        <a href="{{ route('ipad') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('monothema') }}">
                            <div class="menu-picture monothema"></div>
                        </a>
                        <h4>Aktionsmodule Stadtteilwand</h4>
                        <a href="{{ route('monothema') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('campaigns.index') }}">
                            <div class="menu-picture campaign"></div>
                        </a>
                        <h4>Kampagnen</h4>
                        <a href="{{ route('campaigns.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <!-- <div class="menu-item">
                        <a href="{{ route('filiale-backgrounds.index') }}">
                            <div class="menu-picture filiale-background"></div>
                        </a>
                        <h4>Stadtteilbild Begrüßungstext</h4>
                        <a href="{{ route('filiale-backgrounds.index') }}" class="red-button">Auswählen</a>
                    </div> -->
                @elseif (Gate::allows('admin-mode'))
                    <div class="menu-item">
                        <a href="{{ route('article-news.index') }}">
                            <div class="menu-picture article-news"></div>
                        </a>
                        <h4>Artikelnews</h4>
                        <a href="{{ route('article-news.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('categories.index') }}">
                            <div class="menu-picture category"></div>
                        </a>
                        <h4>Kategorien</h4>
                        <a href="{{ route('categories.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('alerts.index') }}">
                            <div class="menu-picture alert"></div>
                        </a>
                        <h4>Neuigkeiten</h4>
                        <a href="{{ route('alerts.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="#" data-toggle="modal" data-target="#reporting-popup">
                            <div class="menu-picture report"></div>
                        </a>
                        <h4>Reporting</h4>
                        <a href="#" class="red-button" data-toggle="modal" data-target="#reporting-popup">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('emergency-message.index') }}">
                            <div class="menu-picture emergency-message"></div>
                        </a>
                        <h4>Notfall</h4>
                        <a href="{{ route('emergency-message.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('monothema-quiz.index') }}">
                            <div class="menu-picture monothema-quiz"></div>
                        </a>
                        <h4>Quizgame</h4>
                        <a href="{{ route('monothema-quiz.index') }}" class="red-button">Auswählen</a>
                    </div>
                    <div class="menu-item">
                        <a href="{{ route('highlights') }}">
                            <div class="menu-picture event"></div>
                        </a>
                        <h4>Highlights</h4>
                        <a href="{{ route('highlights') }}" class="red-button">Auswählen</a>
                    </div>
                @endif
             @endif
        </div>
    </div>

    <div id="reporting-popup" class="sub-menu-popup modal fade in" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="menu-list">
                        <div class="menu-item">
                            <a href="{{ route('reports') }}">
                                <div class="menu-picture report"></div>
                            </a>
                            <h4>Erstellte Inhalte</h4>
                            <a href="{{ route('reports') }}" class="red-button">Auswählen</a>
                        </div>
                        <div class="menu-item">
                            <a href="{{ route('event-reports') }}">
                                <div class="menu-picture report"></div>
                            </a>
                            <h4>Erstellte Veranstaltungen</h4>
                            <a href="{{ route('event-reports') }}" class="red-button">Auswählen</a>
                        </div>
                        <div class="menu-item">
                            <a href="{{ route('share-steal') }}">
                                <div class="menu-picture report"></div>
                            </a>
                            <h4>Share & Steal</h4>
                            <a href="{{ route('share-steal') }}" class="red-button">Auswählen</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="vak-popup" class="sub-menu-popup modal fade in" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="menu-list">
                        <div class="menu-item">
                            <a href="{{ route('events.index') }}">
                                <div class="menu-picture event"></div>
                            </a>
                            <h4>Veranstaltungen</h4>
                            <a href="{{ route('events.index') }}" class="red-button">Auswählen</a>
                        </div>
                        <div class="menu-item">
                            <a href="{{ route('stats') }}">
                                <div class="menu-picture report"></div>
                            </a>
                            <h4>Veranstaltungsreporting</h4>
                            <a href="{{ route('stats') }}" class="red-button">Auswählen</a>
                        </div>
                        <div class="menu-item">
                            <a href="{{ route('share-steal') }}">
                                <div class="menu-picture report"></div>
                            </a>
                            <h4>Share & Steal</h4>
                            <a href="{{ route('share-steal') }}" class="red-button">Auswählen</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection