@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description"></div>
    <div class="page-content monothema">
        <div class="menu-list @if (count($list) > 0) disabled @endif">
            <div class="menu-item">
                <a href="#" data-toggle="modal" data-target="#wheel-music-popup">
                    <div class="menu-picture monothema-wheel-music"></div>
                </a>
                <h4>Veranstaltungen und Aktionen</h4>
                <a href="#" class="red-button" data-toggle="modal" data-target="#wheel-music-popup">Auswählen</a>
            </div>
            <div class="menu-item">
                <a href="#" data-toggle="modal" data-target="#monothema-voting-popup">
                    <div class="menu-picture monothema-voting"></div>
                </a>
                <h4>Voting</h4>
                <a href="#" class="red-button" data-toggle="modal" data-target="#monothema-voting-popup">Auswählen</a>
            </div>
            <!-- <div class="menu-item">
                <a href="{{ route('monothema-video-guide.index') }}">
                    <div class="menu-picture monothema-video-guide"></div>
                </a>
                <h4>Video Guide</h4>
                <a href="{{ route('monothema-video-guide.index') }}" class="red-button">Auswählen</a>
            </div> -->
            <!-- <div class="menu-item">
                <a href="{{ route('monothema-filiale-news.create.step-1') }}">
                    <div class="menu-picture monothema-filiale-news"></div>
                </a>
                <h4>Filiale News</h4>
                <a href="{{ route('monothema-filiale-news.create.step-1') }}" class="red-button">Auswählen</a>
            </div>
            <div class="menu-item">
                <a href="#" data-toggle="modal" data-target="#monothema-campaign-popup">
                    <div class="menu-picture monothema-campaign"></div>
                </a>
                <h4>Campaign</h4>
                <a href="#" class="red-button" data-toggle="modal" data-target="#monothema-campaign-popup">Auswählen</a>
            </div> -->
        </div>
    </div>

    <div id="monothema-voting-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 detailed-voting-multi-menu">
                            <a href="#">
                                <div class="menu-picture monothema-detailed-voting"></div>
                            </a>
                            <h4>Detailed Voting</h4>
                            <a href="{{ route('monothema-detailed-voting.templates') }}" class="red-button">Vorlagen</a>
                            <a href="{{ route('monothema-detailed-voting.create.step-1') }}" class="red-button create">Frei Erstellen</a>
                        </div>
                        <div class="menu-item">
                            <a href="{{ route('monothema-simple-voting.create.step-1') }}">
                                <div class="menu-picture monothema-voting"></div>
                            </a>
                            <h4>Simple Voting</h4>
                            <a href="{{ route('monothema-simple-voting.create.step-1') }}" class="red-button">Frei Erstellen</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="wheel-music-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('monothema-wheel.create.step-1') }}">
                                <div class="menu-picture monothema-wheel"></div>
                            </a>
                            <h4>Wheel</h4>
                            <a href="{{ route('monothema-wheel.create.step-1') }}" class="red-button">Auswählen</a>
                        </div>
                        <div class="menu-item">
                            <a href="{{ route('monothema-music.create.step-1') }}">
                                <div class="menu-picture monothema-music"></div>
                            </a>
                            <h4>Music</h4>
                            <a href="{{ route('monothema-music.create.step-1') }}" class="red-button">Auswählen</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="monothema-item">
        @include('partials.list', [$list])
    </div>
@endsection

@section('back_button')
    <a href="{{ route('home') }}" class="grey-button">Zurück</a>
@endsection