@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.monothema-detailed-voting.crud')
  </div>
  <div class="page-content">
    <form method="POST" action="{{ route('monothema-detailed-voting.approval-view', $entry->id) }}" class="monothema-detailed-voting-approval-form approval-form"
      enctype="multipart/form-data" accept-charset="UTF-8">
      @csrf
      <div class="form-container">
        <div class="monothema-detailed-voting-container">
          <div class="preview-slideshow">
            <div class="message-preview landscape-preview preview-slide"
              style="background-image: url({{ asset('images/previews/DETAILED_VOTING_' . $entry->id . '_landscape_preview.png') }}"></div>
            @php
              $options = $entry
                  ->options()
                  ->orderBy('id')
                  ->get();
            @endphp
            @for ($i = 0; $i < count($options); $i++)
              @if ($options[$i]->title !== '')
                @php
                  $preview = asset('images/previews/DETAILED_VOTING_' . $entry->id . '_OPTION_' . ($i + 1) . '_preview.png');
                @endphp
                <div class="message-preview landscape-preview preview-slide" style="background-image: url({{ $preview }})"></div>
              @endif
            @endfor
            <div class="show-previous-arrow">
              << Prev</div>
                <div class="show-next-arrow">Next >></div>
            </div>
            <div class="approval-options">
              @if (isset($entry->remark))
                <div class="form-group">
                  <div class="form-label">Hinweis zur Freigabe:</div>
                  <div>{{ $entry->remark }}</div>
                </div>
              @endif
              <div class="form-group remark">
                <div class="form-label">Ergänzende Hinweise (optional)</div>
                <input type="text" name="remark" value="" class="form-control" value="{{ !empty($entry->remark) ? $entry->remark : old('remark') }}">
              </div>
            </div>
          </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('monothema-detailed-voting.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