@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if (Gate::allows('admin-mode'))
      @lang('descriptions.share-steal.list.admin')
    @else
      @lang('descriptions.share-steal.list')
    @endif
  </div>
  <div class="page-content">
    <div class="stat-filter-area share-steal">
      <form method="POST" action="{{ route('share-steal') }}" method="GET">
        @csrf
        <div class="row m-0">
          <div class="col-md-12 m-0 p-0">
            @if (Gate::allows('admin-mode'))
              <span class="field-label">Zeitraum:</span>
              <div class="search-box @if ($errors->has('start_date')) has-error @endif">
                <span class="field-label">Von</span>
                <input type="text" name="start_date" value="{{ 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>
                <input type="text" name="end_date" value="{{ request()->get('end_date') }}" class="form-control" id="search-end" placeholder="Enddatum">
                <i class="material-icons">today</i>
              </div>
            @endif

            @if (Gate::allows('user-mode'))
              <span class="field-label">Kontingent:</span>
              <div class="search-box @if ($errors->has('attendees_from')) has-error @endif">
                <span class="field-label">Von</span>
                <input type="text" name="attendees_from" value="request()->get('attendees_from')" class="form-control attendees-from">
              </div>
              <div class="search-box ml-2 @if ($errors->has('attendees_to')) has-error @endif">
                <span class="field-label">Bis</span>
                <input type="text" name="attendees_to" value="request()->get('attendees_to')" class="form-control attendees-to">
              </div>
            @endif

            <span class="field-label ml-4">Kosten:</span>
            <div class="search-box @if ($errors->has('cost_from')) has-error @endif">
              <span class="field-label">Von</span>
              <input type="text" name="cost_from" value="{{ request()->get('cost_from') }}" class="form-control cost-from">
            </div>
            <div class="search-box ml-2 @if ($errors->has('cost_to')) has-error @endif">
              <span class="field-label">Bis</span>
              <input type="text" name="cost_to" value="{{ request()->get('cost_to') }}" class="form-control cost-to">
            </div>

            <div class="search-box ml-4">
              <span class="field-label">Veranstaltungsart</span>
              <select name="event_type" class="form-control event-type">@foreach ($event_types_list as $key => $val)<option value="{{ $key }}" @if (in_array($key, $event_types_list)) selected="selected" @endif>{{ $val }}</option>@endforeach</select>
            </div>

            <div class="search-box ml-4">
              <span class="field-label">Veranstaltungstyp</span>
              <select name="online_event" class="form-control online-event">@foreach ($online_event_options as $key => $val)<option value="{{ $key }}" @if (in_array($key, $online_event_options)) selected="selected" @endif>{{ $val }}</option>@endforeach</select>
            </div>

            <div class="search-box ml-4 float-right">
              <button type="submit" class="red-button filter-stats">Filtern</button>
            </div>
          </div>
        </div>
      </form>
    </div>

    <table data-toggle="table" data-pagination="true" data-search="true" data-page-size="5" data-toolbar="#toolbar"
      data-classes="table table-no-bordered share-steal-stats-table" data-escape="false" class="table">
      <thead>
        <tr>
          <th data-sortable="true" data-field="module_type" data-switchable="false">Typ</th>

          @if (Gate::allows('admin-mode'))
            <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="workgroup_id" data-sortable="true" data-field="workgroup_id" data-switchable="false" data-sorter="dateSorter">Filiale</th>
          @endif

          <th data-sortable="true" data-field="max_attendees" data-switchable="false">
            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Kontingent">group</span>
          </th>
          <th data-sortable="true" data-field="event_type" data-switchable="false">Veranstaltungsart</th>
          <th data-sortable="true" data-field="online_event" 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 data-sortable="true" data-field="user_rating" data-switchable="false">
            <span class="material-icons" data-bs-toggle="tooltip" data-bs-placement="top" title="Bewertung Teilnehmer">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-placement="right" data-html="true"
              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.">star</span>
          </th>
          <th 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 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>

            @if (Gate::allows('admin-mode'))
              <td>{{ $stat->date }}</td>
              <td>{{ $stat->workgroup_id }}</td>
            @endif

            <td>{{ $stat->max_attendees === 1?'-':$stat->max_attendees }}</td>
            <td>
              @if ($stat->module_type === 'OVA')
                @if ($stat->event_type !== '' && isset($event_types[$stat->event_type]))
                  {{ $event_types[$stat->event_type] }}
                @endif
              @else
                Geschl. Veranst.
              @endif
            </td>
            <td>
              @if ($stat->online_event === 1)
                Online
              @else
                Vor Ort
              @endif
            </td>
            <td>{{ $stat->title }}</td>
            <td>
              @if ($stat->user_rating !== '')
                {{ $stat->user_rating }} / 10
              @endif
            </td>
            <td>{{ $stat->rating }} / 5</td>
            <td>{{ $stat->cost }}</td>
            <td>
              <a class="red-button" href="{{ route('share-steal.show', $stat->id) }}">Details</a>
            </td>
          </tr>
        @endforeach
      </tbody>
    </table>

    <div class="share-steal-stats-info">
      <div class="stat">
        <span class="label">ᴓ Angemeldete Teilnehmer: </span>
        <span class="attendees"></span>
      </div>
      <div class="stat">
        <span class="label">ᴓ Bewertung Teilnehmer: </span>
        <span class="user-rating"></span>
      </div>
      <div class="stat">
        <span class="label">ᴓ Bewertung Filiale: </span>
        <span class="filiale-rating"></span>
      </div>
      <div class="stat">
        <span class="label">ᴓ Kosten: </span>
        <span class="cost"></span>€
      </div>
    </div>
  </div>

  @if (Gate::allows('admin-mode'))
    <a class="red-button" href="{{ route('share-steal.export-excel') }}">Excel Export</a>
  @endif

  <style>
    body,
    .page-content {
      width: 1620px;
    }

  </style>
@endsection

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