@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.alerts.list.admin')
    </div>
    <div class="page-content">
        <a href="{{ route('alerts.create') }}" class="red-button">frei erstellen</a>

        <table id="alert_index_list" data-toggle="table" data-search="true" data-toolbar="#toolbar" data-classes="table table-no-bordered" data-escape="false" class="table">
            <thead>
                <tr>
                    <th data-sortable="true" data-field="title" data-switchable="false">Titel</th>
                    <th data-sortable="true" data-field="date" data-switchable="false">Erstellungsdatum</th>
                    <th data-switchable="false"></th>
                </tr>
            </thead>
            <tbody>
                @foreach($alerts as $alert)
                    <tr>
                        <td>
                            <div class="title">
                                @if(strlen($alert->title) > 55)
                                    {{ substr($alert->title, 0, 50) }}...
                                @else
                                    {{ $alert->title }}
                                @endif
                            </div>
                        </td>
                        <td>
                            <div class="title">{{ (new DateTime($alert->created_at))->format('d.m.Y H:i:s') }}</div>
                        </td>
                        <td>
                            <a href="{{ route('alerts.edit', $alert->id) }}" class="red-button">bearbeiten</a>
                            <div url="{{ route('alerts.delete', $alert->id) }}" class="red-button delete-entry">
                                <span class="glyphicon glyphicon-trash" aria-hidden="true"></span> löschen
                            </div>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection

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