@extends('app.layout.base')

@section('content')
    <main>
        <div class="d-flex col block-container mt-2">
            <a href="{{ route('menu-plans.index') }}" class="block text-center mb-1">Menuplan</a>
            <a href="{{ route('events.index') }}" class="block text-center mb-1">Aktiviteter</a>
            <a href="{{ route('washing-reservations.appindex') }}" class="block text-center mb-1">Reservationer</a>
            <a href="{{ route('contacts.index') }}" class="block text-center mb-1">Kontoret</a>
            <a href="{{ route('phones.index') }}" class="block text-center mb-1">Vagttelefon</a>
        </div>
        <div class="row" style="position: absolute; bottom: 8px; align-self: center;">
            <a href="https://www.facebook.com" target="_blank" class="link">
                <img src="{{ URL::asset('/images/icons/facebook-icon.png') }}" class="h-100" alt="Facebook">
            </a>
            <a href="https://www.youtube.com" target="_blank" class="link">
                <img src="{{ URL::asset('/images/icons/yt.png') }}" class="h-100" alt="Youtube">
            </a>
            <a href="https://www.instagram.com" target="_blank" class="link">
                <img src="{{ URL::asset('/images/icons/instagram.png') }}" class="h-100" alt="Instagram">
            </a>

        </div>
    </main>
@endsection