@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if ($step === 1)
      @lang('descriptions.campaigns.crud')
    @elseif ($step === 2)
      @lang('descriptions.campaigns.request-approval')
    @endif
  </div>
  <div class="page-content">
    @if (Helper::createMode())
      @if (isset($campaign))
        <form method="POST" action="{{ route('campaigns.store') }}" class="filiale-news-form model" enctype="multipart/form-data" accept-charset="UTF-8">
        @else
          <form method="POST" action="{{ route('campaigns.store') }}" class="filiale-news-form" enctype="multipart/form-data" accept-charset="UTF-8">
      @endif
    @elseif (Helper::editMode())
      <form method="POST" action="{{ route('campaigns.update', $campaign->id) }}" class="filiale-news-form" enctype="multipart/form-data" accept-charset="UTF-8">
    @endif
    @php
      $image_URL = '';
      $logo_URL = '';

      if (isset($campaign)) {
          if ($campaign->image) {
              $image_URL = Helper::getScalaMediaThumbnail($campaign->image);
          } elseif ($campaign->video) {
              $image_URL = Helper::getScalaMediaThumbnail($campaign->video);
          }
          $logo_URL = Helper::getScalaMediaThumbnail($campaign->logo);
      }

      if ($logo_URL === '' && old('logo')) {
          $logo_URL = Helper::getScalaMediaThumbnail(old('logo'));
      }
    @endphp
    @csrf
    <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">
          <input type="hidden" name="video">
          <input type="hidden" name="stoerer_status">
          <input type="hidden" name="global_valid_start">
          <input type="hidden" name="global_valid_end">
          <input type="hidden" name="logo" class="filiale-news-logo-input">

          @if (!$campaign->video)
            <div class="form-group @if ($errors->has('title')) has-error @endif">
              <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>
              <input type="text" name="title" class="filiale-news-title form-control" placeholder="..." maxlength="70" readonly="" value="{{ !empty($campaign->title) ? $campaign->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>
              </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="filiale-news-description" placeholder="..." maxlength="300" readonly=""></textarea>
            </div>
          @endif
          <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 image-placeholder filiale-news-image" style="background-image: url({{ $image_URL }})"></div>
          </div>
          <div class="form-group image-placeholder-area logo-area">
            <div class="form-control-title">
              <span>Soll ein Partnerlogo angezeigt werden? (optional)</span>
              <a role="button" tabindex="0" data-placement="bottom" data-trigger="focus" data-toggle="popover"
                data-content="Wichtige Informationen zum Partnerlogo <br/> Weitere Tipps: Kurzanleitung Upload von Dateien" class="glyphicon glyphicon-info-sign"
                aria-hidden="true" data-original-title="Einsatz von Partnerlogos">
                <i class="material-icons">info</i>
              </a>
            </div>
            <div class="form-group image-placeholder" style="background-image: url({{ $logo_URL }})"></div>
          </div>
          @if (isset($campaign) && (int) $campaign->stoerer_status === 1)
            <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>
                  <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>
                <select name="stoerer" class="form-control" readonly="">@foreach (Helper::getStoerers() as $key => $val)<option value="{{ $key }}"></option>@endforeach</select>
              </div>
            </div>
          @endif
          <script>
            $(document).ready(function() {
              $(".show-preview.red-button").click();
            });
          </script>
        @elseif ($step === 2)
          <input type="hidden" name="step" value="2">
          <input type="checkbox" name="approval" value="1" id="approval" class="hidden">
          <input type="hidden" name="portrait_preview" value="{{ !empty($previews[0]) ? $previews[0] : '' }}">
          <input type="hidden" name="landscape_preview" value="{{ !empty($previews[1]) ? $previews[1] : '' }}">
          <div class="portrait-preview-title">Vorschau Schaufenster-Bildschirm:</div>
          <div class="landscape-preview-title">Vorschau SB-Bereich-Bildschirm:</div>
          <div class="message-preview portrait-preview" style="background-image: url({{ $previews[0] }})">
            <i class="material-icons">zoom_in</i>
          </div>
          <div class="message-preview landscape-preview" style="background-image: url({{ $previews[1] }})">
            <i class="material-icons">zoom_in</i>
          </div>
          <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($campaign->sf) && $campaign->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($campaign->sb) && $campaign->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($campaign->stw) && $campaign->stw == 1) || old('stw')) checked @endif>
                <label class="custom-control-label form-label" for="stw">Stadtteilwand-Bildschirm:</label>
              </div>
            </div>
            <div class="form-group">
              <span><b>Buchbar ab:</b> {{ $campaign->global_valid_start }} (vorher wird der Inhalt nicht angezeigt!)</span><br />
              <span><b>Buchbar bis:</b> {{ $campaign->global_valid_end }} (danach wird der Inhalt nicht angezeigt!)</span>
            </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('campaigns.index') }}" class="grey-button">Zurück</a>
  @elseif ($step === 2)
    @if (Helper::createMode())
      <a href="{{ route('campaigns.create.step-1') }}" class="grey-button">Zurück</a>
    @elseif (Helper::editMode())
      <a href="{{ route('campaigns.edit.step-1', $campaign->id) }}" class="grey-button">Zurück</a>
    @endif
  @endif
@endsection