@extends('layouts.master')

@section('content')
  <div class="cover-image"></div>
  <div class="page-description">
    @lang('descriptions.monothema-detailed-voting.templates')
  </div>
  <div class="page-content">
    <form action="{{ route('monothema-detailed-voting.templates') }}" method="POST" class="presets-category-container">
      @csrf
      <div class="main-category">
        <select name="main-category" class="form-control">@foreach ($main_category_list as $key => $val)<option value="{{ $key }}" @if (in_array($key, $main_category)) selected="selected" @endif>{{ $val }}</option>@endforeach</select>
      </div>
      @if (count($sub_category_list) > 1)
        <div class="sub-category">
          <select name="sub-category" class="form-control">@foreach ($sub_category_list as $key => $val)<option value="{{ $key }}" @if (in_array($key, $sub_category)) selected="selected" @endif>{{ $val }}</option>@endforeach</select>
        </div>
      @endif
      <a role="button" tabindex="0" data-placement="bottom" data-trigger="focus" data-toggle="popover"
        data-content="Die Sortierung erfolgt nach der gleichen Struktur, wie im Markt der Möglichkeiten. Alternativ können Sie die Vorlagen Nr. auch direkt im Suchfeld oben eingeben."
        class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Hinweis"><i class="material-icons">info</i></a>
    </form>

    <div class="templates-container">
      @foreach ($templates as $template)
        <div class="template-item">
          <div class="template-image" style="background: url(https://cms.haspa-signage.de/{{ $template['preview'] }}) center / cover">
            <div class="template-shade">
              @php
                $params = '?template_id=' . $template['id'];
                $params .= '&template_name=' . $template['name'];
                $params .= '&category_id=' . $main_category;
                if (count($sub_category_list) > 1) {
                    $params .= '&sub_category_id=' . $sub_category;
                }
              @endphp
              <a class="red-button" href="{{ route('monothema-detailed-voting.create.step-1') . $params }}">Auswählen</a>
            </div>
          </div>
          <div class="template-title">{{ $template['description'] }}</div>
        </div>
      @endforeach
    </div>
  </div>
@endsection

@section('back_button')
  <a href="{{ route('monothema') }}" class="grey-button">Zurück</a>
@endsection