@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @if ($step === 1)
      @lang('descriptions.monothema-wheel.crud')
    @elseif ($step === 2)
      @lang('descriptions.monothema-wheel.request-approval')
    @endif
  </div>
  <div class="page-content">
    @php
      $winner_title_1 = '';
      $winner_title_2 = '';
      $winner_title_3 = '';
      $winner_image_1 = '';
      $winner_image_2 = '';
      $winner_image_3 = '';

      if (isset($wheel)) {
          if (isset($wheel->winner_list) && count($wheel->winner_list) > 0) {
              for ($i = 1; $i <= 3; $i++) {
                  if (isset($wheel->winner_list[$i - 1]['image']) && $wheel->winner_list[$i - 1]['image'] !== '') {
                      ${"winner_image_$i"} = $wheel->winner_list[$i - 1]['image'];
                  }
                  ${"winner_title_$i"} = $wheel->winner_list[$i - 1]['title'];
              }
          }
      } else {
          for ($i = 1; $i <= 3; $i++) {
              if (old("winner-image-$i")) {
                  ${"winner_image_$i"} = asset('images/wheel_winners/' . old("winner-image-$i"));
              }
              if (old("winner-title-$i")) {
                  ${"winner_title_$i"} = old("winner-title-$i");
              }
          }
      }

      for ($i = 1; $i <= 3; $i++) {
          if (${"winner_image_$i"} === '') {
              ${"winner_image_$i"} = "winner_{$i}_default.png";
          }
      }

      // Default Title
      $title = 'Versuchen Sie einmal Ihr Glück - Wir drücken die Daumen!';

      if (isset($wheel) && $wheel->title !== '') {
          $title = $wheel->title;
      }
    @endphp
    @if (Helper::createMode())
      @if (isset($wheel))
        <form method="POST" action="{{ route('monothema-wheel.store') }}" class="monothema-wheel-form model" enctype="multipart/form-data"
          accept-charset="UTF-8">
        @else
          <form method="POST" action="{{ route('monothema-wheel.store') }}" class="monothema-wheel-form" enctype="multipart/form-data" accept-charset="UTF-8">
      @endif
    @elseif (Helper::editMode())
      <form method="POST" action="{{ route('monothema-wheel.update', $wheel->id) }}" class="monothema-wheel-form" enctype="multipart/form-data"
        accept-charset="UTF-8">
    @endif
    @csrf
    <div class="form-container">
      <div class="monothema-wheel-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 Überschrift bzw. das Motto der Aktion ein:</span>
            </div>
            <input type="text" name="title" value="{{ !empty($title) ? $title : '' }}" class="monothema-wheel-title form-control" placeholder="..." maxlength="70">
          </div>
          <div class="winner-choice">
            Tragen Sie hier die Gewinne ein:
          </div>
          <div class="winner-option">
            <div class="form-group @if ($errors->has('winner-title-1')) has-error @endif">
              <div class="form-control-title">
                <span>Hauptgewinn</span>
              </div>
              <input type="text" name="winner-title-1" value="{{ !empty($winner_title_1) ? $winner_title_1 : '' }}" class="form-control" placeholder="..."
                maxlength="50">
            </div>
            <div class="form-group image-placeholder-area">
              <div class="form-control-title">
                <span>Gewinnanzeige:</span>
              </div>
              <div class="form-group image-placeholder @if ($errors->has('winner-image-1')) has-error @endif"
                style="background-image: url({{ asset("images/wheel_winners/$winner_image_1") }})">
                <div class="grey-button upload-new-image">Eigenes Bild laden</div>
                <input type="file" name="upload-winner-image-1" class="upload-winner-image-1 hidden" accept="image/*">
                <input type="hidden" name="winner-image-1" value="{{ !empty($winner_image_1) ? $winner_image_1 : '' }}" class="winner-image-1">
              </div>
            </div>
          </div>
          <div class="winner-option">
            <div class="form-group @if ($errors->has('winner-title-2')) has-error @endif">
              <div class="form-control-title">
                <span>2. Preis</span>
              </div>
              <input type="text" name="winner-title-2" value="{{ !empty($winner_title_2) ? $winner_title_2 : '' }}" class="form-control" placeholder="..."
                maxlength="50">
            </div>
            <div class="form-group image-placeholder-area">
              <div class="form-control-title">
                <span>Gewinnanzeige:</span>
              </div>
              <div class="form-group image-placeholder @if ($errors->has('winner-image-2')) has-error @endif"
                style="background-image: url({{ asset("images/wheel_winners/$winner_image_2") }})">
                <div class="grey-button upload-new-image">Eigenes Bild laden</div>
                <input type="file" name="upload-winner-image-2" class="upload-winner-image-2 hidden" accept="image/*">
                <input type="hidden" name="winner-image-2" value="{{ !empty($winner_image_2) ? $winner_image_2 : '' }}" class="winner-image-2">
              </div>
            </div>
          </div>
          <div class="winner-option">
            <div class="form-group @if ($errors->has('winner-title-3')) has-error @endif">
              <div class="form-control-title">
                <span>3. Preis</span>
              </div>
              <input type="text" name="winner-title-3" value="{{ !empty($winner_title_3) ? $winner_title_3 : '' }}" class="form-control" placeholder="..."
                maxlength="50">
            </div>
            <div class="form-group image-placeholder-area">
              <div class="form-control-title">
                <span>Gewinnanzeige:</span>
              </div>
              <div class="form-group image-placeholder @if ($errors->has('winner-image-3')) has-error @endif"
                style="background-image: url({{ asset("images/wheel_winners/$winner_image_3") }})">
                <div class="grey-button upload-new-image">Eigenes Bild laden</div>
                <input type="file" name="upload-winner-image-3" class="upload-winner-image-3 hidden" accept="image/*">
                <input type="hidden" name="winner-image-3" value="{{ !empty($winner_image_3) ? $winner_image_3 : '' }}" class="winner-image-3">
              </div>
            </div>
          </div>
        @elseif ($step === 2)
          <input type="hidden" name="step" value="2">
          <input type="checkbox" name="approval" value="1" id="approval" class="hidden">
          @include ('partials.single_preview')
          <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') }}" class="grey-button">Zurück</a>
  @elseif ($step === 2)
    @if (Helper::createMode())
      <a href="{{ route('monothema-wheel.create.step-1') }}" class="grey-button">Zurück</a>
    @elseif (Helper::editMode())
      <a href="{{ route('monothema-wheel.edit.step-1', $wheel->id) }}" class="grey-button">Zurück</a>
    @endif
  @endif
@endsection