@props(['session'])
<h3 class="text-l font-semibold pb-2">Bugreports</h3>
<ul role="list" class="divide-y divide-gray-100">
        @foreach($session->bugreports as $bug)
            <li class="gap-x-6 py-5 bg-gray-200">
{{--                TODO geef hier als param de pârent url mee zijnde sessions (ipv tests)--}}
                <a href="{{url()->query('/bugreports/'.$bug->id, ['current' => url()->current()])}}">

                    <div class="min-w-0 flex justify-between items-center pl-2 pr-2">
                        <div class="min-w-0">
                            <p class="max-w-2xl truncate text-sm leading-6 text-gray-900">{{$bug->title}}</p>
                        </div>
                        <div class="hidden shrink-0 sm:flex sm:flex-row sm:items-center sm:space-x-3">
                            <p class="text-sm leading-6 text-gray-600">{{$bug->created_at}}</p>
                            <form action="{{ route('ado.replicate', $bug->id) }}" method="POST">
                                @csrf
                                <button
                                    type="submit"
                                    class="px-2 py-1 bg-blue-600 text-white text-xs rounded hover:bg-blue-700"
                                >
                                    Replicate in ADO
                                </button>
                            </form>
                        </div>
                    </div>
                </a>
            </li>
        @endforeach
</ul>