@php($doublerButtonClasses = 'hidden rounded-md bg-white px-2.5 py-1.5 text-xs  text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block')
<ul role="list" class="">

    @foreach($entry['doubleData'] as $double)
        @php($isopen = $double['status'] == 'undecided')
        <li class="pb-2 pt-0 px-0 my-2 rounded-xl border border-gray-200 max-w-xs" x-data="{ open: {{ $isopen ? 'true':'false' }} }">
            <div class="flex items-start gap-x-3 bg-gray-100 px-3 py-2 rounded-t-xl" >
                <p class="text-sm font-semibold leading-6 text-gray-900">
                    <a href="{{ route('seating.audition', $double['audition']) }}">
                        {{ $double['auditionName'] }} - {{ $double['status'] }}
                    </a>
                </p>
                <div class="w-full flex justify-end" >
                    <div x-on:click=" open = ! open ">
                        <x-icons.hamburger-menu />
                    </div>
                </div>
            </div>

            <div class="grid grid-cols-4" x-show="open">
                <div class="mt-1 px-3 text-xs leading-5 text-gray-500 col-span-3">
                    <ul>
                        <li class="">
                            <p class="whitespace-nowrap">Ranked {{ $double['rank'] }}</p>
                            <p class="truncate">{{ $double['unscored_entries'] }} Unscored</p>
                        </li>
                        @foreach($double['seating_limits'] as $limit)
                            <li>{{$limit['ensemble_name']}} accepts {{ $limit['accepts'] }}</li>
                        @endforeach
                    </ul>
                </div>

                 <div class="flex flex-col justify-end gap-y-1 pt-1">
                    @if ($double['status'] == 'undecided')
                         <form method="POST" action="{{ route('doubler.accept',['entry'=>$double['entry']]) }}">
                             @csrf
                            <button class="{{ $doublerButtonClasses }}">Accept</button>
                         </form>
                        <form method="POST" action="{{ route('doubler.decline',['entry'=>$double['entry']]) }}">
                            @csrf
                            <button class="{{ $doublerButtonClasses }}">Decline</button>
                        </form>
                    @endif
                </div>
            </div>
        </li>
    @endforeach

</ul>

{{--Complete Badge--}}
{{--<p class="mt-0.5 whitespace-nowrap rounded-md bg-green-50 px-1.5 py-0.5 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20">Complete</p>--}}

{{--In Progres Badge--}}
{{--<p class="mt-0.5 whitespace-nowrap rounded-md bg-yellow-50 px-1.5 py-0.5 text-xs font-medium text-yellow-800 ring-1 ring-inset ring-yellow-600/20">In Progress</p>--}}