<!DOCTYPE html>
<html lang="en">
<head>
    <title>@yield("title")</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet" href="{{ mix("/css/webapp.css") }}">
</head>
<body>
<header class="row align-items-center" id="header">
    <img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" onclick="location.href = '{{ route("root.index") }}';" alt="Syddansk Erhvervsskole">
    <button class="ml-auto" id="toggle">
        <i id="icon" class="fas fa-bars"></i>
    </button>
</header>
<div class="d-none bg-sde-blue col" id="menu">
    <a href="{{ route("root.index") }}">
        <img src="{{URL::asset('/images/icons/Home.svg')}}" alt="Home">
        Home
    </a>

    <a href="{{ route("menu-plans.index") }}">
        <img src="{{URL::asset('/images/icons/Menuplan.svg')}}" alt="Menuplan">
        Menuplan
    </a>
    <a href="{{ route("events.index") }}">
        <img src="{{URL::asset('/images/icons/Aktiviteter.svg')}}" alt="Aktiviteter">
        Aktiviteter
    </a>
    <a href="{{ route("washing-reservations.appindex") }}">
        <img src="{{URL::asset('/images/icons/Vaske booking liste.svg')}}" alt="Reservationer">
        Reservationer
    </a>
    {{--  MÅ IKKE SLETTES!!!!  --}}
    {{--    <a href="#  ">--}}
    {{--        <img src="{{URL::asset('/images/icons/Galleri.svg')}}" alt="Galleri">--}}
    {{--        Galleri--}}
    {{--    </a>--}}
    <a href="{{ route("contacts.index") }}">
        <img src="{{URL::asset('/images/icons/Kontoret.svg')}}" alt="Kontoret">
        Kontoret
    </a>
    <a href="{{ route("phones.index") }}">
        <img src="{{URL::asset('/images/icons/Vagttelefon-hvid.svg')}}" alt="Vagttelefon">
        Vagttelefon
    </a>
    <a href="{{ route("guides.index") }}">
        <img src="{{URL::asset('/images/icons/Vejledninger.svg')}}" alt="Guide">
        Vejledninger
    </a>
    <a href="{{ route("users.account") }}">
        <img src="{{URL::asset('/images/icons/user-hvid.svg')}}" alt="Konto">
        Konto
    </a>
    <a href="{{ route('users.logout') }}">
        <img src="{{URL::asset('/images/icons/Logout.svg')}}" alt="Logud">
        Log Ud
    </a>
</div>



<style>
    div.card {
        margin-top: 1rem;
        margin-bottom: 30px;
        width: auto;
        heigt: auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

    div.header {
        background-color: #00788a;
        color: white;
        padding: 8px;
        font-size: 10px;
        text-align: center;
    }

    div.container {
        padding: 8px;
        text-align: justify;
        line-height: 1.5;
    }

    ol {
        padding-right: 8px;
    }
</style>

<main>
    @foreach(\App\News::query()->orderBy("created_at", "desc")->get() as $new)
        <div class="card">
            <div class="header">
                <p><b>{{ $new->name }}</b></p>
                <h3>{{ $new->subname }}</h3>
            </div>

            <div class="container">
                <p>{!! $new->content !!}</p>
            </div>
        </div>
    @endforeach
    @if(count(\App\News::query()->orderBy("created_at", "desc")->get()) == 0)
        <p class="text-center">Der er ingen nyheder.</p>
    @endif
</main>
<script src="{{ mix("/js/app.js") }}"></script>
@yield("scripts")
</body>
</html>