@extends('layouts.siteResourceheader')

@section('body')

    <a class="task-button" href="#" onclick="openTasks()">
        <i class="fal fa-clipboard-list"></i>
    </a>
    <header>
        @include('layouts.nav')
    </header>
    <div class="alertContainer">
        @if (count($errors) > 0)
            <div class="alert alert-danger">
                <div class="alertIcon">
                    <i class="far fa-exclamation-circle"></i>
                </div>
                <div>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif

        @if (session('message'))
            <div class="alert alert-info">
                <div class="alertIcon">
                    <i class="far fa-info-circle"></i>
                </div>
                <div>
                    {{ session('message') }}
                </div>
            </div>
        @endif

        @if (session('okayWithErrors'))
            <div class="alert alert-warning">
                <div class="alertIcon">
                    <i class="far fa-meh"></i>
                </div>
                <div>
                    {{ session('okayWithErrors') }}
                </div>
            </div>
        @endif

        @if (session('status'))
            <div class="alert alert-info">
                <div class="alertIcon">
                    <i class="far fa-info-circle"></i>
                </div>
                <div>
                    {{ session('status') }}
                </div>
            </div>
        @endif

    </div>


    <div class="baseContainer">
        @yield('content')
    </div>

    <footer>
        Projektverwaltung - KTK-Mouldtec GmbH
    </footer>
<script>

    $(document).ready(function() {
        setTimeout(checkMessage, 1000);
    });

    function checkMessage()
    {
        if (!document.hidden) {
            $.get("/checkMessages", function (data, status) {
                if (data == "{}") {
                    setTimeout(checkMessage, 5000);
                } else {
                    jsonData = JSON.parse(data);

                    if (jsonData.message_type == "success") {
                        Swal.fire({
                            position: 'bottom-end',
                            icon: jsonData.message_type,
                            title: jsonData.title,
                            html: jsonData.subtitle,
                            showConfirmButton: false,
                            // timerProgressBar: true,
                            // timer: 10000
                            allowOutsideClick: true,
                            showCloseButton: true
                        });
                    } else {
                        Swal.fire({
                            position: 'bottom-end',
                            icon: jsonData.message_type,
                            title: jsonData.title,
                            html: jsonData.subtitle,
                            showConfirmButton: true,
                            // timerProgressBar: true,
                            // timer: 10000
                            confirmButtonText: "Schließen",
                            allowOutsideClick: false,
                            showCloseButton: true
                        });
                    }
                    setTimeout(checkMessage, 10000);
                }
            });
        }
        else
        {
            setTimeout(checkMessage, 5000);
        }
    }

    function openTasks(){
        showLoadingSpinner();
        jQuery.get("/tasks/list/", function(data, status){
            Swal.fire({
                html: data,
                title:"<i class=\"far fa-clipboard-list-check\" style='margin-right:10px;'></i> Ihre Tasks",
                customClass:'swal-wide',
                confirmButtonText:'Speichern',
                onRender:function(){
                    hideLoadingSpinner();
                },
                onClose:function(){
                    // debugger;
                }
            }).then((result) => {
                if(result.value == true){
                    jQuery.post('/task/list', $('.task-list-form').serialize())
                }
            });

        });
    }

</script>
@endsection