@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @lang('descriptions.ipad.list')
    </div>
    <div class="page-content">
        <div class="menu-list">
            <div class="menu-item">
                <a href="{{ route('article-news.index') }}">
                    <div class="menu-picture article-news"></div>
                </a>
                <h4>Artikelnews</h4>
                <a href="{{ route('article-news.index') }}" class="red-button">Auswählen</a>
            </div>
            <div class="menu-item">
                <a href="{{ route('surf-tips.index') }}">
                    <div class="menu-picture surf-tip"></div>
                </a>
                <h4>Surftipps</h4>
                <a href="{{ route('surf-tips.index') }}" class="red-button">Auswählen</a>
            </div>
            <!-- <div class="menu-item">
                <a href="{{ route('filiale-contacts.index') }}">
                    <div class="menu-picture filiale-contact"></div>
                </a>
                <h4>Kontakt</h4>
                <a href="{{ route('filiale-contacts.index') }}" class="red-button">Auswählen</a>
            </div> -->
            <div class="menu-item">
                <a href="{{ route('mitarbeiter.index') }}">
                    <div class="menu-picture mitarbeiter"></div>
                </a>
                <h4>Unser Team</h4>
                <a href="{{ route('mitarbeiter.index') }}" class="red-button">Auswählen</a>
            </div>
        </div>
    </div>
@endsection

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