@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if ($step === 1)
      @lang('descriptions.monothema-filiale-news.crud')
    @elseif ($step === 2)
      @lang('descriptions.monothema-filiale-news.request-approval')
    @endif
  </div>
  <div class="page-content">
    @if (Helper::createMode())
      @if (isset($filiale_news))
        <form method="POST" action="{{ route('monothema-filiale-news.store') }}" class="monothema-filiale-news-form model" enctype="multipart/form-data"
          accept-charset="UTF-8">
        @else
          <form method="POST" action="{{ route('monothema-filiale-news.store') }}" class="monothema-filiale-news-form" enctype="multipart/form-data"
            accept-charset="UTF-8">
      @endif
    @elseif (Helper::editMode())
      <form method="POST" action="{{ route('monothema-filiale-news.update', $filiale_news->id) }}" class="monothema-filiale-news-form"
        enctype="multipart/form-data" accept-charset="UTF-8">
    @endif
    @csrf
    @php
      $image_URL = '';
      if (isset($filiale_news)) {
          $image_URL = Helper::getScalaMediaThumbnail($filiale_news->image);
      } elseif (old('image')) {
          $image_URL = Helper::getScalaMediaThumbnail(old('image'));
      }
    @endphp
    <div class="form-container">
      <div class="monothema-filiale-news-container">
        @if ($step === 1)
          <!-- Tracking -->
          <input type="hidden" name="template_id">
          <input type="hidden" name="template_name">
          <input type="hidden" name="category_id">
          <input type="hidden" name="sub_category_id">

          <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 Hauptbotschaft ein:</span>
              <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>
            </div>
            <div class="form-control-hint">(diese wird auf allen Bildschirmen angezeigt)</div>
            <input type="text" name="title" class="monothema-filiale-news-title form-control" placeholder="..." value="{{ !empty($filiale_news->title) ? $filiale_news->title : old('title') }}">
          </div>
          <div class="form-group @if ($errors->has('description')) has-error @endif">
            <div class="form-control-title">
              <span>Hier können Sie Details eintragen: (optional)</span>
              <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>
            </div>
            <div class="form-control-hint">(diese werden ergänzend zur Hauptbotschaft, aber nur auf dem SB- und Stadtteilwandbildschirm angezeigt)</div>
            <textarea name="description" class="monothema-filiale-news-description" placeholder="..."></textarea>
          </div>
          <div class="form-group image-placeholder-area">
            <div class="form-control-title">
              <span>Wählen Sie ein Bild aus:</span>
            </div>
            <div class="form-group image-placeholder @if ($errors->has('image')) has-error @endif" style="background-image: url({{ $image_URL }})">
              <div class="grey-button select-new-image select-filiale-news-image monothema-image">Bilddatenbank</div>
            </div>
          </div>
          <input type="hidden" name="image" class="filiale-news-image-input">
        @elseif ($step === 2)
          <input type="hidden" name="step" value="2">
          <input type="checkbox" name="approval" value="1" id="approval" class="hidden">
          @include ('partials.previews')
          <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('monothema-filiale-news.index') }}" class="grey-button">Zurück</a>
  @elseif ($step === 2)
    @if (Helper::createMode())
      <a href="{{ route('monothema-filiale-news.create.step-1') }}" class="grey-button">Zurück</a>
    @elseif (Helper::editMode())
      <a href="{{ route('monothema-filiale-news.edit.step-1', $filiale_news->id) }}" class="grey-button">Zurück</a>
    @endif
  @endif
@endsection