@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description"></div>
    <div class="page-content">
        <div class="stat-headline">
            <span>Offene Bewertungen:</span><br />
            Ihre Veranstaltungen erscheinen erst im Reporting, nachdem sie durch jemanden aus Ihrem Team bewertet wurden. <br />
            Die Bewertung dauert max. 5-10 Minuten. Bitte füllen Sie nach.
        </div>
        <div class="raw-stats-table">
            <table data-toggle="table" data-pagination="true" data-search="true" data-page-size="5" data-toolbar="#toolbar" data-classes="table table-no-bordered" data-escape="false" class="table">
                <thead>
                    <tr>
                        <th class="module_type" data-sortable="true" data-field="module_type" data-switchable="false">Typ</th>
                        <th class="event_date" data-sortable="true" data-field="date" data-switchable="false" data-sorter="dateSorter">
                            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Datum">calendar_today</span>
                        </th>
                        <th data-sortable="true" data-field="title" data-switchable="false">Titel</th>
                        <th class="edit_column" data-sortable="false" data-field="controls" data-switchable="false"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($stats as $stat)
                        <tr>
                            <td>
                                @if ($stat->module_type === "GVA")
                                    Geschlossene
                                @else
                                    Offene
                                @endif
                            </td>
                            <td>
                                @if ($stat->date !== $stat->end_date)
                                    {{ $stat->date." - ".$stat->end_date }}
                                @else
                                    {{ $stat->date }}
                                @endif
                            </td>
                            <td>{{ $stat->title }}</td>
                            <td>
                                <a class="red-button" href="{{ route('stats.edit', $stat->id) }}">Bewerten</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="box-separator"></div>

        <div class="stat-headline">
            <span>Meine Statistik:</span>
        </div>

        <div class="active-stats-table">
            <div class="stat-filter-area">
                {!! Form::open(['route' => 'stats', 'method' => 'GET']) !!}
                    <span class="field-label">Zeitraum:</span>
                    <div class="search-box @if ($errors->has('start_date')) has-error @endif">
                        <span class="field-label">Von</span>
                        {!! Form::text('start_date', request()->get('start_date'), ['class' => 'form-control', 'id' => 'search-start', 'placeholder' => 'Startdatum']) !!}
                        <i class="material-icons">today</i>
                    </div>
                    <div class="search-box @if ($errors->has('end_date')) has-error @endif">
                        <span class="field-label">Bis</span>
                        {!! Form::text('end_date', request()->get('end_date'), ['class' => 'form-control', 'id' => 'search-end', 'placeholder' => 'Enddatum']) !!}
                        <i class="material-icons">today</i>
                    </div>
                    <div class="search-box">
                        <button type="submit" class="red-button filter-stats">Filtern</button>
                    </div>
                {!! Form::close() !!}
            </div>

            <table data-toggle="table" data-pagination="true" data-search="true" data-page-size="5" data-toolbar="#toolbar" data-classes="table table-no-bordered overview-active-stats-table" data-escape="false" class="table">
                <thead>
                    <tr>
                        <th class="event_date" data-sortable="true" data-field="date" data-switchable="false" data-sorter="dateSorter">
                            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Datum">calendar_today</span>
                        </th>
                        <th class="event_type" data-sortable="true" data-field="event_type" data-switchable="false">Veranstaltungsart</th>
                        <th class="module_type" data-sortable="true" data-field="module_type" data-switchable="false">
                            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Veranstaltungstyp">place</span>
                        </th>
                        <th data-sortable="true" data-field="title" data-switchable="false">Titel</th>
                        <th class="attendees" data-sortable="true" data-field="attended" data-switchable="false">
                            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Teilnehmer">group</span>
                        </th>
                        <th class="rating" data-sortable="true" data-field="user_rating" data-switchable="false">
                            <span class="material-icons" data-bs-toggle="tooltip" data-html="true" data-placement="right" title="Bewertung Teilnehmer<br/><br/>Dies ist die Weiterempfehlungsquote der Teilnehmer aus der Online-Befragung im Anschluss an die Veranstaltung (tagesaktueller Stand). Wenn die Veranstaltung erst kürzlich war, kann sich dieser noch ändern.">thumbs_up_down</span>
                        </th>
                        <th data-sortable="true" data-field="filiale_rating" data-switchable="false">
                            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Bewertung Filiale">star</span>
                        </th>
                        <th class="cost" data-sortable="true" data-field="cost" data-switchable="false">
                            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Kosten">euro</span>
                        </th>
                        <th class="edit_column" data-sortable="false" data-field="edit" data-switchable="false"></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($active_stats as $active_stat)
                        <tr>
                            <td>
                                @if ($active_stat->date !== $active_stat->end_date)
                                    {{ $active_stat->date." - ".$active_stat->end_date }}
                                @else
                                    {{ $active_stat->date }}
                                @endif
                            </td>
                            <td>
                                @if ($active_stat->module_type === "OVA")
                                    @if ($active_stat->event_type !== "" && isset($event_types[$active_stat->event_type]))
                                        {{ $event_types[$active_stat->event_type] }}
                                    @endif
                                @else
                                    Geschl. Veranst.
                                @endif
                            </td>
                            <td>
                                @if ($active_stat->online_event === 1)
                                    Online
                                @else
                                    Vor Ort
                                @endif
                            </td>
                            <td>{{ $active_stat->title }}</td>
                            <td>{{ $active_stat->attended }}</td>
                            <td>
                                @if ($active_stat->user_rating !== "")
                                    {{ $active_stat->user_rating }} / 10
                                @endif
                            </td>
                            <td>{{ $active_stat->rating }} / 5</td>
                            <td>{{ $active_stat->cost }}</td>
                            <td>
                                <a class="red-button" href="{{ route('stats.show', $active_stat->id) }}">Details</a>

                                <a class="red-button" href="{{ route('stats.edit', $active_stat->id) }}">Bearbeiten</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="active-stats-info">
                <div class="stat">
                    <span class="label">ᴓ Teilnehmer</span>
                    <span class="attendees"></span>
                </div>
                <div class="stat">
                    <span class="label">ᴓ Bewertung Teilnehmer </span>
                    <span class="rating"></span>
                </div>
            </div>
        </div>
    </div>

    <a class="red-button" href="{{ route('stats.export-excel') }}">Excel Export</a>

    <style>
        body {
            width: 1500px;
        }
        .page-content {
            width: 1460px;
        }
    </style>
@endsection

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