@model Base.ViewModel.AdminVM

<link rel="stylesheet" href="~/css/sweetalert.css">
<script src="~/js/sweetalert.min.js"></script>


<main>
    <!--<br />
    <p><b>Administrator mail: </b>@Model.adminMail</p>
    <p><b>Administrator paswoord: </b>@Model.adminPassword</p>


    <p><b>IP-Adres server: </b>@Model.ipServer</p>
    <p><b>Host: </b>@Model.host</p>
    <p><b>TLD: </b>@Model.TLD</p>

    <p><b>Domein: </b>@Model.domain</p>
    <p><b>Pad naar mijn school: </b>@Model.commonPath</p>
    <br />
        --->
    <section>

        <form asp-controller="Home" asp-action="Admin" method="post">
            <h3>Link to XML uurroosters:</h3>
            <div class="xmlmode">
                <input type="text" value="@Model.linkToXml" asp-for="@Model.linkToXml" />
                <input type="submit" value="Push" />
            </div>

            <h3>Link to XML klassen:</h3>
            <div class="xmlmode">
                <input type="text" value="@Model.linkToXml2" asp-for="@Model.linkToXml2" />
                <input type="submit" value="Push" />
            </div>
        </form>

        <form asp-controller="Home" asp-action="AdminAankondigingen" method="post">
            <h3>Aankondigingen</h3>
            <textarea id="confirmationText" class="text" cols="86" rows="20" name="confirmationText">@Model.linkToXml3</textarea>
            <input type="submit" value="Opslaan" class="submitButton">
        </form>


        <table>
            <tr>
                <th>Klas ID</th>
                <th>Naam</th>
                <th>Functie</th>
                <th>Datum</th>
                <th>Toggle</th>
            </tr>
            @foreach (var item in Model.logList)
            {
                <tr>
                    <td>@item.KlasId</td>
                    <td>@item.Naam</td>
                    <td>@item.Functie</td>
                    <td>@item.datum</td>
                    <td>@item.Toggle</td>
                </tr>
            }
        </table>


        <button id="showall"><a href="/Xml/Logs.xml" target="_blank">Toon alle logs (xml)</a></button>

    </section>
    <section>
        <article>
            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
            <h2>@Model.ingelogdeUser</h2>
            <h3>@Model.ingelogdeFunctie</h3>
        </article>
        <article>
            <h3>Noodknop</h3>
                <h4>Bij een noodsituatie of andere gelegenheden kan het internet met deze knop voor alle gebruikers aan/uit geschakeld worden.</h4>
                <label class="switch">
                    <input type="checkbox" id="noodknop" checked>
                    <div class="slider round"></div>
                </label>
                <form asp-controller="Home" asp-action="CheckAll" method="post">
                    <input type="hidden" name="toggle" value="" />
                </form>
            </article>
    </section>

</main>
<script>
    var element = document.getElementById("noodknop");

    element.addEventListener("click", function () {
        if (element.checked === true) {
            var form = element.parentNode.parentNode.getElementsByTagName("form")[0];
            var test = document.createElement("input");
            test.type = "hidden";
            test.name = "Toggle";
            test.value = "true";
            form.appendChild(test);
            form.submit();

        } else {
            swal({
                title: "Bent u zeker?",
                text: "Bent u zeker dat u het internet wil uitschakelen ?",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "Ja, schakel internet uit.",
                closeOnConfirm: false,
            },
                function (isConfirm) {
                    if (isConfirm) {
                        swal("Internet uitgeschakeld!", "Het internet van deze klas is uitgeschakeld!", "success");
                        document.getElementById("noodknop").checked = false;

                        var form = element.parentNode.parentNode.getElementsByTagName("form")[0];
                        var test = document.createElement("input");
                        test.type = "hidden";
                        test.name = "Toggle";
                        test.value = "false";
                        form.appendChild(test);
                        form.submit();

                    } else {
                        document.getElementById("noodknop").checked = true;
                    }
                });

        }

    });
</script>