@extends('layouts.master')


@section('content')


    <main class="contentContainer">

        <h1>Vorgänge @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();
                        }
                        else if(projectJsonData.status == "error"){
                            $(projectItem).data("loading","");
                            $('[data-projectid="' + projectJsonData.id + '"] .loading-gif').slideUp();
                            $('[data-projectid="' + projectJsonData.id + '"] .error-actions').fadeIn();
                        }
                    });
                });

                setTimeout(checkPendingProjects, 10000);
            }

        </script>


@endsection