@extends("admin.layout.base")
@extends("admin.layout.header")

@section("title")
    Menuplan - Opret
@endsection

@section("path")
    <a href="{{ route('menu-plans.create') }}" class="text-white">Opret Menuplan</a> /
@endsection

@section("content")
    <style>
        .toggle__label::before, .toggle__label::after {
            border-color: black;
        }
        .toggle__text::before {
            border-color: black;
        }

        .tox-notification {
            display: none !important;
        }

        .tox {
            border-radius: 4px !important;
            margin-bottom: 1rem;
        }
    </style>
    <script src="https://cdn.tiny.cloud/1/ikwmbvigw8ass90tn37xiql6mk1gjoks77t3m6tld60hdjov/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
    <h1>Opret Menuplan:</h1>
    <form action="{{ action('MenuPlanController@store') }}" method="post">
        @csrf
        <label for="week">Uge nr.</label>
        <input type="number" name="week" id="week" min="1" max="53" placeholder="1" required>
        <textarea name="menu" id="editor"><p style="text-align: center;"><span style="color: #00788a; font-size: 24px; font-weight: bold; text-align: center;">Mandag:<br /></span><span style="text-align: center;">{Mandag}</span></p>
<p style="text-align: center;"><span style="color: #00788a; font-size: 24px; font-weight: bold; text-align: center;">Tirsdag:<br /></span><span style="text-align: center;">{Tirsdag}</span></p>
<p style="text-align: center;"><span style="color: #00788a; font-size: 24px; font-weight: bold; text-align: center;">Onsdag:<br /></span><span style="text-align: center;">{Onsdag}</span></p>
<p style="text-align: center;"><span style="color: #00788a; font-size: 24px; font-weight: bold; text-align: center;">Torsdag:<br /></span><span style="text-align: center;">{Torsdag}</span></p></textarea>
        <label class="toggle">
            <input class="toggle__input" type="checkbox" name="newsoption">
            <span class="toggle__label">
                    <span class="toggle__text">Opret som nyhed</span>
                </span>
        </label>
        <input type="submit" class="btn btn-dark text-white" value="Opret Menuplan">
    </form>

    <script>
        tinymce.init({
            selector: 'textarea',
            setup: function (editor) {
                editor.on('change', function () {
                    tinymce.triggerSave();
                });
            }
        });
    </script>
@endsection