@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if ($step === 1)
      @if (isset($filiale_news) && $filiale_news->partner !== 0)
        @lang('descriptions.filiale-news-partner.crud')
      @else
        @lang('descriptions.filiale-news.crud')
      @endif
    @elseif ($step === 2)
      @if (isset($filiale_news) && $filiale_news->partner !== 0)
        @lang('descriptions.filiale-news-partner.request-approval')
      @else
        @lang('descriptions.filiale-news.request-approval')
      @endif
    @endif
  </div>
  <div class="page-content">
    @if (Helper::createMode())
      @if (isset($filiale_news))
        <form method="POST" action="{{ route('filiale-news.store') }}" class="filiale-news-form model" enctype="multipart/form-data" accept-charset="UTF-8">
        @else
          <form method="POST" action="{{ route('filiale-news.store') }}" class="filiale-news-form" enctype="multipart/form-data" accept-charset="UTF-8">
      @endif
    @elseif (Helper::editMode())
      <form method="POST" action="{{ route('filiale-news.update', $filiale_news->id) }}" class="filiale-news-form" enctype="multipart/form-data"
        accept-charset="UTF-8">
    @endif
    @csrf
    @php
      $image_URL = '';
      $logo_URL = '';
      // Check if partner is set (Only possible via preset)
      $has_partner = false;
      $from_preset = false;

      if (isset($filiale_news)) {
          $image_URL = Helper::getScalaMediaThumbnail($filiale_news->image);
          $logo_URL = Helper::getScalaMediaThumbnail($filiale_news->logo);

          // If partner is set (Only possible via preset)
          if ($filiale_news->partner === 1) {
              $has_partner = true;
              $from_preset = true;
          } elseif ($filiale_news->via_preset === 1) {
              $from_preset = true;
          }
      } elseif (old('image')) {
        echo "test";
          $image_URL = Helper::getScalaMediaThumbnail(old('image'));
      }

      if ($logo_URL === '' && old('image')) {
          $logo_URL = Helper::getScalaMediaThumbnail(old('logo'));
      }
    @endphp
    @if ($has_partner || $from_preset)
      <script>
        $(document).ready(function() {
          @if ($from_preset)
            $(".select-new-image").hide();
          @endif
          @if ($has_partner)
            $(".upload-new-image, .select-new-image").hide();
            $(".filiale-news-title, .filiale-news-description, .form-container select").attr("readonly", true);
          @endif
        });
      </script>
    @endif
    <div class="form-container">
      <div class="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">
          <input type="hidden" name="image" class="filiale-news-image-input">
          <input type="hidden" name="partner">
          <div class="form-group @if ($errors->has('title')) has-error @endif">
            @if (!$has_partner)
              <div class="form-control-title">
                <span>Tragen Sie hier die Hauptbotschaft ein:</span>
              </div>
              <div class="form-control-hint">(diese wird auf allen Bildschirmen angezeigt)</div>
            @endif
            <input type="text" name="title" class="filiale-news-title form-control" placeholder="..." maxlength="70" value="{{ !empty($filiale_news->title) ? $filiale_news->title : old('title') }}">
          </div>
          <div class="form-group @if ($errors->has('description')) has-error @endif">
            @if (!$has_partner)
              <div class="form-control-title">
                <span>Hier können Sie Details eintragen: (optional)</span>
              </div>
              <div class="form-control-hint">(diese werden ergänzend zur Hauptbotschaft, aber nur auf dem SB- und Stadtteilwand-Bildschirm angezeigt.)</div>
            @endif
            <textarea name="description" class="filiale-news-description" placeholder="..." maxlength="200">@if(isset($filiale_news->description)){{$filiale_news->description}}@endif</textarea>
          </div>
          <div class="form-group image-placeholder-area">
            <div class="form-control-title">
              @if (!$has_partner)
                <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>
              @endif
            </div>
            <div class="form-group image-placeholder filiale-news-image @if ($errors->has('image')) has-error @endif" style="background-image: url({{ $image_URL }})">
              <div class="grey-button select-new-image select-filiale-news-image">Bilddatenbank</div>
            </div>
          </div>
          <div class="form-group image-placeholder-area logo-area">
            <div class="form-control-title">
              @if (!$has_partner)
                <span>
                  Soll ein Partnerlogo angezeigt werden? (optional)
                </span>
                <a role="button" tabindex="0" data-placement="bottom" data-html="true" data-trigger="focus" data-toggle="popover"
                  data-content="<a href='{{ asset('downloads/Logo%20Vorgaben.pdf') }}'>Wichtige Informationen zum Partnerlogo</a><br/>Weitere Tipps:<br/><a href='{{ asset('downloads/Handbuch_Datei upload_final.pdf') }}'>Kurzanleitung Upload von Dateien</a>"
                  class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Einsatz von Partnerlogos">
                  <i class="material-icons">info</i>
                </a>
              @endif
            </div>
            <div class="form-group image-placeholder" style="background-image: url({{ $logo_URL }})">
              <div class="clear-logo @if (!$logo_URL) hidden @endif">
                <i class="material-icons">delete</i>
              </div>
              <div class="grey-button upload-new-image">LOGO HOCHLADEN</div>
              <input type="file" name="upload_logo" class="upload-filiale-news-logo hidden" accept="image/*">
              <input type="hidden" name="logo" class="filiale-news-logo-input">
            </div>
          </div>
          @if (isset($filiale_news) && $filiale_news->partner !== 0)
            <div class="partner-info">
              <div class="form-group @if ($errors->has('partner_distance')) has-error @endif">
                <div class="form-control-title">
                  <span>Entfernung zum Partner:</span>
                </div>
                <input type="text" name="partner_distance" class="partner-distance" placeholder="..." value="{{ !empty($filiale_news->partner_distance) ? $filiale_news->partner_distance : old('partner_distance') }}">
                <div class="label-meter">Meter</div>
              </div>
              <div class="form-group @if ($errors->has('partner_street')) has-error @endif">
                <div class="form-control-title">
                  <span>Straße des Partners:</span>
                </div>
                <input type="text" name="partner_street" class="partner-street" placeholder="..." value="{{ !empty($filiale_news->partner_street) ? $filiale_news->partner_street : old('partner_street') }}">
              </div>
              <div class="form-group @if ($errors->has('partner_city')) has-error @endif">
                <div class="form-control-title">
                  <span>PLZ und Ort des Partners:</span>
                </div>
                <input type="text" name="partner_city" class="partner-city" placeholder="..." value="{{ !empty($filiale_news->partner_city) ? $filiale_news->partner_city : old('partner_city') }}">
              </div>
            </div>
          @else
            <div class="stoerer">
              <div class="form-group @if ($errors->has('stoerer ')) has-error @endif">
                <div class="form-control-title">
                  <span>Soll eine Handlungsaufforderung (Störer) angezeigt werden?</span>
                </div>
                <select name="stoerer" class="form-control">@foreach (Helper::getStoerers() as $key => $val)<option value="{{ $key }}">{{ $val }}</option>@endforeach</select>
              </div>
            </div>
          @endif
        @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">
            <div class="form-group touchpoints @if ($errors->has('message_group')) has-error @endif">
              <div class="form-label">Wo soll der Inhalt angezeigt werden?</div>
              <div class="touchpoint-option custom-control custom-checkbox">
                <input type="checkbox" name="sf" value="1" id="sf" class="custom-control-input form-check-input" @if ((!empty($filiale_news->sf) && $filiale_news->sf == 1) || old('sf')) checked @endif>
                <label class="custom-control-label form-label" for="sf">Schaufenster-Bildschirm:</label>
              </div>
              <div class="touchpoint-option custom-control custom-checkbox">
                <input type="checkbox" name="sb" value="1" id="sb" class="custom-control-input form-check-input" @if ((!empty($filiale_news->sb) && $filiale_news->sb == 1) || old('sb')) checked @endif>
                <label class="custom-control-label form-label" for="sb">SB-Bereich-Bildschirm:</label>
              </div>
              <div class="touchpoint-option custom-control custom-checkbox">
                <input type="checkbox" name="stw" value="1" id="stw" class="custom-control-input form-check-input" @if ((!empty($filiale_news->stw) && $filiale_news->stw == 1) || old('stw')) checked @endif>
                <label class="custom-control-label form-label" for="stw">Stadtteilwand-Bildschirm:</label>
              </div>
            </div>
            @include ('partials.validity')
            @include ('partials.approvers')
          </div>
        @endif
      </div>
    </div>
    @include ('partials.action_btns')
    </form>
  </div>
@endsection

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