@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.vak.crud')
  </div>
  <div class="page-content">
    <form method="POST" action="{{ route('events.approval-view', $entry->id) }}" class="events-approval-form approval-form" enctype="multipart/form-data"
      accept-charset="UTF-8">
      @csrf
      <div class="form-container">
        <div class="events-container">
          <div class="message-preview landscape-preview" style="background-image: url({{ asset('images/previews/EVENT_' . $entry->id . '_landscape_preview.png') }}">
            <i class="material-icons">zoom_in</i>
          </div>
          <div class="message-preview portrait-preview" style="background-image: url({{ asset('images/previews/EVENT_' . $entry->id . '_portrait_preview.png') }})">
            <i class="material-icons">zoom_in</i>
          </div>
          @php
            $event = $entry;
          @endphp
          <div class="web-preview-separator"></div>
          <div class="web-preview-title">Vorschau www.haspa-veranstaltungen.de:</div>
          <div class="web-preview-trigger">
            @include ('partials.event_web_preview')
          </div>
          @include ('partials.approval_view_options')
        </div>
      </div>
      <input type="checkbox" name="approve" value="1" id="approval-state" class="hidden">
      <div class="approval-buttons action-buttons">
        <button type="submit" class="red-button reject">ablehnen</button>
        <a href="{{ route('events.edit.step-1', $entry->id) }}?cancel_approval=true" class="red-button edit-approval-content">Ändern</a>
        <button type="submit" class="red-button approve">Freigeben</button>
      </div>
    </form>
  </div>
@endsection

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