@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.emergency-message.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(https://cms.haspa-signage-dev.de/{{ $template['preview'] }}) center / cover">
                        <div class="template-shade">
                            @php
                                $params = "?template_id=".$template['id'];
                            @endphp
                            <a class="red-button" href="{{ route('emergency-message.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('emergency-message.index') }}" class="grey-button">Zurück</a>
@endsection