@extends('layouts.master')


@section('content')


    <main class="contentContainer">
        <h1>Vorgänge
            @if($status == "project")
                - Projekte
            @elseif($status == "inquiry")
                - Anfragen
            @endif
            @if(isset($preFilteredByCustomer) && $preFilteredByCustomer==true)
                von {{ $preFilteredCustomer }}@endif</h1>

        @if(UserController::checkRight("createOrders", $user))
            <a class="btn btn-primary btn-big" style="position:absolute;top:25px;right:10px;"
               href="{{ route('projects.create') }}"><i class="fas fa-folder-plus" style="font-size:1.5em;margin-right:10px;"></i>Vorgang anlegen</a>
        @endif


        @include('project.listSection')


        <script>
            let listType = "ordersList";

            $(document).ready(function(){
                setTimeout(checkPendingProjects, 10000);
            });

            function checkPendingProjects()
            {
                $('.listItem[data-loading="true"]').each(function(){
                    // debugger;
                    var projectItem = this;
                    $.get("/checkProjectStatus/" + $(this).data("projectid"), function(data, status) {
                        var projectJsonData = JSON.parse(data);
                        if(projectJsonData.status == "created")
                        {
                            $(projectItem).data("loading","");
                            $('[data-projectid="' + projectJsonData.id + '"] .loading-gif').slideUp();
                            $('[data-projectid="' + projectJsonData.id + '"] .actions').fadeIn();
                            $('[data-projectid="' + projectJsonData.id + '"] .pending-actions').hide();
                        }
                        else if(projectJsonData.status == "error"){
                            $(projectItem).data("loading","");
                            $('[data-projectid="' + projectJsonData.id + '"] .loading-gif').slideUp();
                            $('[data-projectid="' + projectJsonData.id + '"] .error-actions').fadeIn();
                            $('[data-projectid="' + projectJsonData.id + '"] .pending-actions').hide();
                        } else if (projectJsonData.status == "pending") {
                            var orderUpdateAt = new Date(projectJsonData.updated_at);
                            var now = new Date();
                            now.setMinutes(now.getMinutes() - 3);
                            if (orderUpdateAt < now) {
                                $('[data-projectid="' + projectJsonData.id + '"] .pending-actions')
                                    .css("display", "flex")
                                    .hide()
                                    .fadeIn();
                            }
                        }
                    });
                });

                setTimeout(checkPendingProjects, 10000);
            }

        </script>


@endsection