@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.vak.participants.list')
  </div>
  <div class="page-content">
    <div class="form-container">
      @if ($event)
        <div class="registrations">
          <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="registration_count">
            <span><b>Aktuelle Teilnehmeranzahl:</b></span>
            <span style="color: red; font-size: 20px;">{{ $event->details->confirmed_registrations }} / {{ $event->details->max_attendees }}</span>
          </div>
          @if ($event->approval_request->status === 1)
            @if ($event->details->registration_closed === 0 && $event->details->confirmed_registrations !== $event->details->max_attendees)
              <a href="{{ action('EventController@createRegistration', [$event->id]) }}" class="red-button">Teilnehmer manuell erfassen</a>
            @endif
          @endif
          @php
            $title = ['herr' => 'Herr', 'frau' => 'Frau'];
          @endphp
          <table id="registration_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="title" data-switchable="false">Anrede</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="email" data-switchable="false">E-Mail-Adresse</th>
                <th data-field="telephone" data-switchable="false">Telefonnummer</th>
                <th data-sortable="true" data-field="plus" data-switchable="false">Begleit<br />person(en)</th>
                <th data-sortable="true" data-field="active" data-switchable="false">Status
                  <a style="top: 2px; color: #3c3c3c; font-size: 18px;" role="button" data-placement="bottom" tabindex="0" data-trigger="focus"
                    data-toggle="popover" title="Hinweis"
                    data-content="Bestätigt bedeutet, dass der Teilnehmer verbindlich angemeldet ist und seine Email bestätigt hat. Unbestätigt bedeutet, dass der Teilnehmer noch nicht verbindlich angemeldet ist und seine Email noch nicht bestätigt hat."
                    class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Hinweis"></a>
                </th>
                <th data-field="control" data-switchable="false"></th>
              </tr>
            </thead>
            <tbody>
              @foreach ($event->registrations as $registration)
                <tr>
                  <td>{{ $title[$registration->title] }}</td>
                  <td>{{ $registration->first_name }}</td>
                  <td>{{ $registration->last_name }}</td>
                  <td>{{ $registration->email }}</td>
                  <td>{{ $registration->telephone }}</td>
                  <td>{{ $registration->plus }}</td>
                  <td>
                    @if ($registration->active === 0)
                      <span class="label label-default">unbestätigt</span>
                    @else
                      <span class="label label-success">bestätigt</span>
                    @endif
                  </td>
                  <td>
                    @if ($event->approval_request->status === 1)
                      <a href="{{ action('EventController@editRegistration', [$event->id, $registration->id]) }}" class="edit_registration">
                        <i class="material-icons">edit</i>
                      </a>
                      <div event_id="{{ $event->id }}" url="{{ action('EventController@deleteRegistration', [$event->id, $registration->id]) }}"
                        class="delete_registration">
                        <i class="material-icons">delete</i>
                      </div>
                    @endif
                  </td>
                </tr>
                @if (isset($event->plus_guests->{$registration->id}))
                  @foreach ($event->plus_guests->{$registration->id} as $plus_guest)
                    <tr>
                      <td>{{ $title[$plus_guest->title] }}</td>
                      <td>{{ $plus_guest->first_name }}</td>
                      <td>{{ $plus_guest->last_name }}</td>
                      <td> - </td>
                      <td> - </td>
                      <td> - </td>
                      <td> - </td>
                      <td> - </td>
                    </tr>
                  @endforeach
                @endif
              @endforeach
            </tbody>
          </table>
          @if (count($event->registrations) > 0)
            @if ((time() - strtotime($event->created_at)) / (24 * 60 * 60) < 8 * 7)
              <input type="text" id="list_of_users" style="opacity: 0; width: 1px; height: 1px; display: none;" />
              <div url="{{ action('EventController@index') }}" class="red-button email_registration_list">E-MAILADRESSEN IN ZWISCHENABLAGE KOPIEREN</div>
              <!-- <a
                role="button" data-placement="bottom" tabindex="0" data-trigger="focus" data-toggle="popover" title="Hinweis"
                data-content="Hier können sie die E-Mail-Adressen aller Teilnehmer in die Zwischenablage kopieren, um diese dann per Lotus Notes Mail anzuschreiben."
                class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Hinweis"></a> -->
            @endif
            <div url="{{ action('EventController@generateRegistrationsPDF', [$event->id]) }}" class="red-button pdf_registration_list">TEILNEHMERLISTE</div>
            <!-- <a
              role="button" data-placement="bottom" tabindex="0" data-trigger="focus" data-toggle="popover" title="Hinweis"
              data-content="Drucken Sie die Teilnehmerliste, um diese beim Einlass abzuhaken. So können Sie sehen, ob alle erschienen sind."
              class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Hinweis"></a> -->
            <div url="{{ action('EventController@generateAttendeesDoc', [$event->id]) }}" class="red-button pdf_plus_list">NAMENSSCHILDER</div>
            <!-- <a role="button"
              data-placement="bottom" tabindex="0" data-trigger="focus" data-toggle="popover" title="Hinweis"
              data-content="Hier können Sie die Druckvorlage(n) für die Namensschilder der Teilnehmer aufrufen." class="glyphicon glyphicon-info-sign"
              aria-hidden="true" data-original-title="Hinweis"></a> -->
            <div class="red-button js-copy-btn">MaFo Link kopieren</div>
            @php
              $collected_emails = '';

              foreach ($event->registrations as $registration) {
                  if ($registration->active === 1) {
                      $collected_emails .= $registration->email . ', ';
                  }
              }
            @endphp
            <span class="collected_emails" style="display: none;">{{ $collected_emails }}</span>
          @endif
        </div>
      @endif
    </div>
  </div>
  <script>
    var copyBtn = document.querySelector('.js-copy-btn')
    function copyTextToClipboard(text) {
      navigator.clipboard.writeText(text).then(function() {
        copyBtn.innerHTML = "MaFo Link kopiert"
      }, function(err) {
        console.error('Async: Could not copy text: ', err);
      });
    }
    if(copyBtn) {
      copyBtn.addEventListener('click', function(event) {
        var link = "{!! $event->link !!}";
        copyTextToClipboard(link);
      });
    }
  </script>
@endsection

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