@extends("app.layout.base")
@extends("app.layout.header")
@section("title")
    Booking Liste
@endsection

@section("content")
    <main>
        <h1 class="text-center sde-blue mb-0">Booking Liste</h1>
        <div class="col w-100 mt-auto">
            <div class="calendar-container">
                <div class="calendar-container__header">
                    <button id="week-previous" class="calendar-container__btn fas fa-arrow-left" title="Previous">
                        <i class="icon ion-ios-arrow-back"></i>
                    </button>
                    <h2 id="title" class="calendar-container__title">{Måned} {År}</h2>
                    <button id="week-next" class="calendar-container__btn fas fa-arrow-right" title="Next">
                        <i class="icon ion-ios-arrow-forward"></i>
                    </button>
                </div>
                <div class="calendar-container__body">
                    <div id="calendar" class="calendar-table">
                        <div class="calendar-table__body">
                        </div>
                    </div>
                </div>
            </div>
            <div id="event-container" class="events-container">

                <p>
                    Maskiner skal dynamisk opdateres alt efter om det er en fra bygning E eller en af de andre bygninger der vil vaske, da bygning E har egen vaskekælder!
                </p>
{{--                <span class="events__title">Maskiner</span>--}}
{{--                <select id="washing-machines" class="events__list">--}}

{{--                </select>--}}

{{--                <span class="events__title">Tider</span>--}}
{{--                <select id="events" class="events__list">--}}
                    {{--                    <li class="events__item">--}}
                    {{--                        <div class="events__item--left">--}}
                    {{--                            <span class="events__name">Vaskemaskine Tid</span>--}}
                    {{--                            <span class="events__date">{Dato}</span>--}}
                    {{--                        </div>--}}
                    {{--                        <span class="events__tag">Book</span>--}}
                    {{--                    </li>--}}
                    {{--                    <li class="events__item">--}}
                    {{--                        <div class="events__item--left">--}}
                    {{--                            <span class="events__name">Vaskemaskine Tid</span>--}}
                    {{--                            <span class="events__date">{Dato}</span>--}}
                    {{--                        </div>--}}
                    {{--                        <span class="events__tag">Book</span>--}}
                    {{--                    </li>--}}
                </select>
            </div>
        </div>
    </main>
@endsection