@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.gva.participants.list')
  </div>
  <div class="page-content">
    <div class="form-container">
      @if ($event)
        <div class="plus-guests">
          <div class="event-detail">
            <span>
              <b>Teilnehmerverwaltung:</b>
            </span>
            <span style="font-size: 20px;">
              {{ $event->title . ' / ' . $event->date . ' / ' . $event->time }} Uhr
            </span>
          </div>
          <div class="attendees-count">
            <span>
              <b>Aktuelle Teilnehmeranzahl:</b>
            </span>
            <span style="color: red; font-size: 20px;">
              {{ $event->confirmed_attendees }} / {{ $event->max_attendees }}
            </span>
          </div>
          <div class="event-detail">
            <span>
              <b>Übersicht Begleitpersonen für {{ $invitation->first_name . ' ' . $invitation->last_name }}:</b>
            </span>
          </div>
          <table id="plus-guest-list" data-toggle="table" data-search="true" data-pagination="true" data-page-size="10" data-toolbar="#toolbar"
            data-classes="table table-no-bordered" data-escape="false" class="table">
            <thead>
              <tr>
                <th data-sortable="true" data-field="gender" data-switchable="false">Anrede</th>
                <th data-sortable="true" data-field="title" data-switchable="false">Titel</th>
                <th data-sortable="true" data-field="first_name" data-switchable="false">Vorname</th>
                <th data-sortable="true" data-field="last_name" data-switchable="false">Nachname</th>
                <th data-sortable="true" data-field="active" data-switchable="false">Status</th>
                <th data-field="control" data-switchable="false"></th>
              </tr>
            </thead>
            <tbody>
              @foreach ($plus_guests as $plus_guest)
                <tr>
                  <td>{{ ucfirst($plus_guest->gender) }}</td>
                  <td>{{ $plus_guest->title }}</td>
                  <td>{{ $plus_guest->first_name }}</td>
                  <td>{{ $plus_guest->last_name }}</td>
                  <td>
                    @if ($plus_guest->attending === 0)
                      <span class="label label-default">unbestätigt</span>
                    @else
                      <span class="label label-success">bestätigt</span>
                    @endif
                  </td>
                  <td>
                    <a href="{{ action('ExclusiveEventController@editPlusGuest', [$event->id, $invitation->id, $plus_guest->id]) }}"
                      class="edit-exclusive-plus-guest">
                      <i class="material-icons">edit</i>
                    </a>
                    <div event_id="{{ $event->id }}" invitation_id="{{ $invitation->id }}"
                      url="{{ action('ExclusiveEventController@deletePlusGuest', [$event->id, $invitation->id, $plus_guest->id]) }}"
                      class="delete-exclusive-plus-guest">
                      <i class="material-icons">delete</i>
                    </div>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>

          <div class="event-detail">
            <span>
              <b>Weitere Begleitperson hinzufügen:</b>
            </span>

            @if ($event->confirmed_attendees !== $event->max_attendees)
              <a href="{{ action('ExclusiveEventController@createPlusGuest', [$event->id, $invitation->id]) }}" class="create-exclusive-plus-guest-button">
                <i class="material-icons">add</i>
              </a>
            @endif
          </div>

          <div class="form-group plus-guests-controls">
            <a href="{{ route('get-exclusive-invitations', [$event->id]) }}" class="red-button">Speichern</a>

            @if ($invitation->email_sent === 0)
              <form method="POST" action="{{ route('send-invitation-email', $event->id, $invitation->id) }}">
                @csrf
                <button type="submit" class="send-email-and-redirect red-button">Einladung versenden</button>
              </form>
            @endif
          </div>
        </div>
      @endif
    </div>
  </div>
@endsection

@section('back_button')
  @if (isset($event) && isset($invitation))
    <a href="{{ action('ExclusiveEventController@editInvitation', [$event->id, $invitation->id]) }}" class="grey-button">Zurück</a>
  @else
    <a href="{{ action('ExclusiveEventController@index') }}" class="grey-button">Zurück</a>
  @endif
@endsection