@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.monothema-quiz.templates')
    </div>
    <div class="page-content">
        <div class="templates-container">
            @foreach ($templates as $template)
                <div class="template-item">
                    <div class="template-image" style="background: url({{ Helper::getScalaMediaThumbnail($template['image']) }}) center / cover">
                        <div class="template-shade">
                            @php
                                $params = "?template_id=".$template['id'];
                            @endphp
                            <a class="red-button" href="{{ route('monothema-quiz.create.step', [18]).$params }}">Auswählen</a>
                        </div>
                    </div>
                    <div class="template-title">{{ $template['title'] }}</div>
                </div>
            @endforeach
        </div>
    </div>
@endsection

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