@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if ($step === 1)
      @lang('descriptions.article-news.crud')
    @elseif ($step === 2)
      @lang('descriptions.article-news.request-approval')
    @endif
  </div>
  <div class="page-content">
    @if (Helper::createMode())
      {{-- !TODO: Rewrite logic --}}
      @if (isset($article_news))
        <form method="POST" action="{{ route('article-news.store') }}" class="article-news-form model" enctype="multipart/form-data" accept-charset="UTF-8">
        @else
          <form method="POST" action="{{ route('article-news.store') }}" a="r" m="u" U="T">
      @endif
    @elseif (Helper::editMode())
      <form method="POST" action="{{ route('') }}" class="article-news-form" enctype="multipart/form-data" accept-charset="UTF-8">
    @endif
    @php
      if (isset($article_news)) {
          [$square_image_URL, $landscape_image_URL] = Helper::getArticleNewsImages($article_news);
      } else {
          [$square_image_URL, $landscape_image_URL] = Helper::getArticleNewsImages();
      }
    @endphp
    @csrf
    <div class="form-container">
      <div class="article-news-container">
        @if ($step === 1)
          <input type="hidden" name="step" value="1">
          <input type="checkbox" name="go-to-preview" value="1" id="go-to-preview" class="hidden">
          <div class="form-group @if ($errors->has('title')) has-error @endif">
            <div class="form-control-title">
              <span>Tragen Sie hier die Überschrift ein:</span>
            </div>
            <input type="text" name="title" class="article-news-title form-control" placeholder="..." maxlength="60" value="{{ !empty($article_news->title) ? $article_news->title : old('title') }}">
          </div>
          <div class="form-group @if ($errors->has('description')) has-error @endif">
            <div class="form-control-title">
              <span>Tragen Sie hier den Artikeltext ein:</span>
            </div>
            <textarea name="description" class="article-news-description" placeholder="..." maxlength="700"></textarea>
          </div>
          @if (Gate::allows('admin-mode'))
            <div class="direct-link-option custom-control custom-checkbox">
              <a role="button" tabindex="0" data-placement="bottom" data-trigger="focus" data-toggle="popover" data-content="Content"
                class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Title">
                <i class="material-icons">info</i>
              </a>
              <input type="checkbox" name="direct_link" value="1" id="direct_link" class="custom-control-input form-check-input" @if ((!empty($article_news->direct_link) && $article_news->direct_link == 1) || old('direct_link')) checked @endif>
              <label class="custom-control-label form-label" for="direct_link">Direktlink?</label>

            </div>
          @endif
          <div class="form-group @if ($errors->has('url')) has-error @endif">
            <div class="form-control-title">
              <span>Wie lautet die Internetadresse für die weiterführende Verlinkung (optional):</span>
            </div>
            <div class="form-control-hint">Geben Sie die Verlinkung bitte inkl. „http://“ an, wie z.B. http://www.haspa.de</div>
            <input type="text" name="url" class="article-news-url form-control" placeholder="..." value="{{ !empty($article_news->url) ? $article_news->url : old('url') }}">
          </div>
          <div class="form-group @if ($errors->has('url_description')) has-error @endif">
            <div class="form-control-title">
              <span> Wie ist die Linkbezeichnung? (optional):</span>
            </div>
            <div class="form-control-hint">z.B. "Weitere Infos", "Zum Angebot" o.ä.</div>
            <textarea name="url_description" class="article-news-url-description" placeholder="..." maxlength="60"></textarea>
          </div>
          <div class="form-group image-placeholder-area">
            <div class="form-control-title">
              <span>Wählen Sie ein Bild aus:</span>
              <a role="button" tabindex="0" data-placement="bottom" data-trigger="focus" data-toggle="popover"
                data-content="Alle Bilder unterliegen Bildrechten und wir haben für unsere Werbemittel darüber hinaus einen hohen Qualitätsanspruch. Daher ist es an dieser Stelle nicht möglich, eigene Bilder hochzuladen."
                class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Bildrechte">
                <i class="material-icons">info</i>
              </a>
            </div>
            <div class="form-group square image-placeholder @if ($errors->has('square_image')) has-error @endif" style="background-image: url({{ $square_image_URL }})">
              <div class="grey-button select-new-image select-article-news-square-image" @if (Gate::allows('admin-mode')) module="article-news-admin" @else module="article-news" @endif>Bilddatenbank</div>
              @if (Gate::allows('admin-mode'))
                <div class="grey-button upload-new-image">Eigenes Bild laden</div>
                <input type="file" name="upload_square_image" class="upload-article-news-square-image hidden" accept="image/*">
              @endif
              <input type="hidden" name="square_image" class="article-news-square-image">
            </div>
          </div>
          <div class="form-group image-placeholder-area" @if (!Gate::allows('admin-mode')) style="display: none;" @endif>
            <div class="form-control-title">
              <span>Wählen Sie ein Bild aus:</span>
            </div>
            <div class="form-group landscape image-placeholder @if ($errors->has('landscape_image')) has-error @endif" style="background-image: url({{ $landscape_image_URL }})">
              <div class="grey-button select-new-image select-article-news-landscape-image" module="article-news-admin">Bilddatenbank</div>
              <div class="grey-button upload-new-image">Eigenes Bild laden</div>
              <input type="file" name="upload_landscape_image" class="upload-article-news-landscape-image hidden" accept="image/*">
              <input type="hidden" name="landscape_image" class="article-news-landscape-image">
            </div>
          </div>
        @elseif ($step === 2)
          <input type="hidden" name="step" value="2">
          <input type="checkbox" name="approval" value="1" id="approval" class="hidden">
          <div class="article-news-preview">
            <div class="article-news-message" style="background-image: url({{ $landscape_image_URL }})">
              @if ($article_news->title !== '')
                <div class="article-title">{{ $article_news->title }}</div>
              @endif
              @if ($article_news->description !== '')
                <div class="article-description" tabindex="0" data-original-title="Artikeltext" data-placement="bottom" data-trigger="focus" data-toggle="popover"
                  data-content="{{ $article_news->description }}">{{ substr($article_news->description, 0, 150) . ' ...' }}</div>
              @endif
            </div>
            <i class="material-icons">zoom_in</i>
          </div>
          @if ($article_news->url !== '')
            <div class="article-link-preview">
              Vorschau Link:
              <a href="{{ $article_news->url }}">
                @if ($article_news->url_description !== '')
                  {{ $article_news->url_description }}
                @else
                  {{ $article_news->url }}
                @endif
              </a>
            </div>
          @endif
          @include ('partials.validity')
          <div class="approval-options">
            @include ('partials.approvers')
          </div>
        @endif
      </div>
    </div>
    @include ('partials.action_btns')
    </form>
  </div>
@endsection

@section('back_button')
  @if ($step === 1)
    <a href="{{ route('article-news.index') }}" class="grey-button">Zurück</a>
  @elseif ($step === 2)
    @if (Helper::createMode())
      <a href="{{ route('article-news.create.step-1') }}" class="grey-button">Zurück</a>
    @elseif (Helper::editMode())
      <a href="{{ route('article-news.edit.step-1', $article_news->id) }}" class="grey-button">Zurück</a>
    @endif
  @endif
@endsection