@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.article-news.crud')
  </div>
  <div class="page-content">
    <form method="POST" action="{{ route('article-news.approval-view, $entry->id') }}" class="article-news-approval-form approval-form"
      enctype="multipart/form-data" accept-charset="UTF-8">
      @php
        $landscape_image_URL = '';
        if (isset($entry)) {
            [$square_image_URL, $landscape_image_URL] = Helper::getArticleNewsImages($entry);
        }
      @endphp
      @csrf
      <div class="form-container">
        <div class="article-news-container">
          <div class="article-news-preview">
            <div class="article-news-message" style="background-image: url({{ $landscape_image_URL }})">
              @if ($entry->title !== '')
                <div class="article-title">{{ $entry->title }}</div>
              @endif
              @if ($entry->description !== '')
                <div class="article-description" tabindex="0" data-original-title="Artikeltext" data-placement="bottom" data-trigger="focus" data-toggle="popover"
                  data-content="{{ $entry->description }}">{{ substr($entry->description, 0, 150) . ' ...' }}</div>
              @endif
            </div>
            <i class="material-icons">zoom_in</i>
          </div>
          @if ($entry->url !== '')
            <div class="article-link-preview">
              Vorschau Link:
              <a href="{{ $entry->url }}">
                @if ($entry->url_description !== '')
                  {{ $entry->url_description }}
                @else
                  {{ $entry->url }}
                @endif
              </a>
            </div>
          @endif
          @include ('partials.validity')
          <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('article-news.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