{{-- <div class="md:px-32 py-8 w-full"> --}}
    <div class="shadow overflow-hidden rounded border-b border-gray-200">
        <table class="min-w-full bg-white">
            <thead class="bg-gray-800 text-white uppercase font-semibold text-sm">
                <tr>
                <th class="w-1/3 text-left py-3 px-4">instance id</th>
                <th class="w-1/3 text-left py-3 px-4">business key</th>
                <th class="text-left py-3 px-4">ended</th>
                <th class="text-left py-3 px-4">suspended</td>
                </tr>
            </thead>
            <tbody class="text-gray-700">
                @php
                    $counter = 0;
                @endphp
                @foreach ($process_instances as $instance)
                    <tr class="{{ $counter % 2 == 0 ? "" : "bg-gray-100" }}">
                        <td class="w-2/3 text-left py-3 px-4">
                            <a class="hover:text-blue-500" href="{{ route('instances.show', $instance->id) }}">
                                {{ $instance->id }}
                            </a>
                        </td>
                        <td class="w-1/3 text-left py-3 px-4">
                            {{ $instance->businessKey }}
                        </td>
                        <td class="text-left py-3 px-4">
                            {{ $instance->ended ? "ended" : "running" }}
                        </td>
                        <td class="text-left py-3 px-4">
                            {{ $instance->suspended ? "suspended" : "active" }}
                        </td>
                    </tr>
                    @php
                        $counter++;
                    @endphp
                @endforeach
                @if (count($process_instances ?? []) < 1)
                    <tr>
                        <div class="content-center text-center p-2">
                            No instances were found
                        </div>
                    </tr>
                @endif
                @php
                    $counter = 0;
                @endphp
            </tbody>
        </table>
    </div>
{{-- </div> --}}