@extends('layouts.base')
@section('heading')
    {{ __('Process Instance') }}: {{ ($process_instance['businessKey'] ?? $process_instance->businessKey) ?? 'not found or already completed' }}
@endsection
@section('info')
        Id: {{ ($process_instance['id'] ?? $process_instance->id) ?? 'not found' }}
@endsection
@section('focus_action')
    {{-- <form action="{{ route('processes.newInstance', ['processDefinitionId' => $process_instance->id]) }}" method="get">
        @csrf
        <button type="submit" class="text-sm text-blue-500 hover:text-blue-700">
            START A NEW PROCESS INSTANCE +
        </button>
    </form> --}}
@endsection
@section('body')
    <div class="m-auto py-6 grid place-content-center_">
        <div class="w-full">
            @if (($found ?? false) && !($finished ?? false))
                <div class="mb-4 p-2 bg-white">
                    <div class="w-full">
                        @php
                            // if(gettype($process_instance) == 'array') {

                            // }
                        @endphp
                        {{ $process_instance->definition()->name }}
                    </div>
                    <div class="w-full">
                        {{ $process_instance->definition()->id }}
                    </div>
                </div>
                {{-- {{ count($process_instance->variables()) }} --}}
                @php
                $process_tasks = $process_instance->tasks();
                @endphp

                @include('app.process_instances.templates.tasks_table')
                <div class="p-4 my-2 bg-slate-200">
                    <div class="text-lg font-semibold mb-4">
                        Variables: {{ count($process_instance->variables()) }} variables
                    </div>
                    @foreach ($process_instance->variables() as $variable => $variableData)
                        <div class="p-2 m-2 border border-gray-500">
                            <div class="p-1 px-2 mb-1 bg-gray-100 w-max text-gray-600 font-bold">{{ $variable }}</div>
                            <div>
                                @dump($variableData)
                            </div>
                        </div>
                    @endforeach
                </div>
                {{-- @foreach ($process_instance->variables() as $variable)
                    @dump($variable)
                @endforeach --}}
                {{-- @foreach ($process_instance->forTask()->byInstance()->fetchHistory() as $history)
                    @dump($history)
                    {{ $history->name }}
                    {{ $history->deleteReason }}
                    <hr>
                @endforeach --}}
                {{-- @foreach ($process_instance->activityInstances() as $activity_instance)
                    @dump($activity_instance)
                @endforeach --}}
                {{-- @dump($process_instance->activityInstances()) --}}

            @endif
            <div class="w-full mt-6 p-4 bg-gray-200">

                <div class="w-full text-center text-lg font-bold">
                    Entity History
                </div>
                @foreach ($history as $key => $_history)
                    <div class="p-1">
                        <div class="w-full sm:w-3/4 md:w-3/5 mx-auto">
                            {{ $key }} : {{ $_history }}
                        </div>
                    </div>
                @endforeach
            </div>
            @if (count($variable_history) > 0)
                <div class="w-full mt-6 p-4 bg-gray-200">

                    <div class="w-full text-center text-lg font-bold">
                        Variable History
                    </div>
                    @foreach ($variable_history as $_vHistory)
                        @php
                            $_vHistory = collect($_vHistory)->toArray();
                        @endphp
                        <div class="p-1">
                            <div class="w-full sm:w-3/4 md:w-3/5 mx-auto">
                                <span class="font-bold">{{ $_vHistory['name'] ?? '' }}</span>
                                @if (is_array($_vHistory['value']) || is_object($_vHistory['value']))
                                    @dump($_vHistory['value'])
                                @else
                                     : {{ $_vHistory['value'] ?? '' }}
                                @endif
                            </div>
                            {{-- <span class="font-semibold py-1 px-2  bg-gray-100">{{ $key }}</span>
                            @if (is_array($_vHistory) || is_object($_vHistory))
                                @dump($_vHistory)
                            @else
                                - {{ $_vHistory }}
                                <br/>
                            @endif --}}
                        </div>
                    @endforeach
                </div>
            @endif
            <div class="w-full mt-6 px-2">

                <div class="w-full text-center text-lg font-bold">
                    Activity History
                </div>
                @php
                    if(($found ?? false) && !($finished ?? false)) {
                        $activity_instances_history = $process_instance->forActivityInstance()->byInstance()->fetchHistory()->sortBy(['startTime', 'asc'], ['endTime', 'asc']);
                    } else {
                        $activity_instances_history = collect($activity_history)->sortBy(['startTime', 'asc'], ['endTime', 'asc']) ?? [];
                        // dump($activity_instances_history);
                    }
                @endphp
                @foreach ($activity_instances_history as $_history)
                    <div class="p-2">
                        <div class="w-full sm:w-3/4 md:w-3/5 mx-auto">

                            {{-- @dump($_history) --}}
                            <div class="p-2 bg-gray-200 font-bold">
                                Name: {{ $_history->activityName ?? 'none' }} <br>
                            </div>
                            Id: {{ $_history->id ?? null }} <br>
                            Type: {{ $_history->activityType ?? null }} <br>
                            Description: {{ $_history->description ?? 'empty' }} <br>
                            <b>
                                Type: {{ $_history->activityType ?? null }} <br>
                            </b>
                            @if (!empty($_history->taskId ?? null))
                                <a href="{{ route('tasks.show', ['task' => $_history?->taskId]) }}">
                                    TaskId: <span class="text-blue-500 hover:underline hover:underline-offset-2">{{ $_history->taskId ?? 'empty' }}</span>
                                </a>
                            @else
                                TaskId: {{ $_history->taskId ?? 'empty' }}
                            @endif
                            <br>
                            Assignee: {{ $_history->assignee ?? 'none' }} <br>
                            deleteReason: {{ $_history->deleteReason ?? 'none' }} <br>
                            started: {{ $_history->startTime ?? 'none' }} <br>
                            ended: {{ $_history->endTime ?? 'none' }} <br>
                            {{-- completed: {{ $_history->completeScope ? 'true' : 'false' }} <br>
                            canceled: {{ ($_history->canceled ? 'true' : 'false') ?? '' }} <br> --}}
                            @if ($_history->endTime != null)
                                <div class="p-2 text-gray-500 bg-gray-200 text-center">
                                    Ended
                                </div>
                            @else
                                <div class="p-2 text-green-700 bg-green-300 text-center">
                                    Active
                                </div>
                            @endif
                        </div>
                    </div>
                    <hr>
                @endforeach
            </div>
        </div>
        </div>
    </div>
@endsection