@php
/**
*  @var \App\Models\Ensemble $ensemble The ensemble for which a seating form is shown
 * @var array $limits An array of audition_id => maximum_accepted for the ensemble
**/
@endphp
<x-card.card class="mt-5 max-w-md mx-auto">
    <x-card.heading>{{ $ensemble->name }}</x-card.heading>

    <x-form.form method="POST" action="{{ route('admin.ensembles.seatingLimits.ensemble.set',['ensemble'=>$ensemble->id]) }}">
        <ul role="list" class="divide-y divide-gray-100">
            <li class="flex justify-between gap-x-3 py-3">
                <div class="block text-sm font-medium leading-6 text-gray-900 sm:pt-1.5">Audition Name</div>
                <div class="block text-sm font-medium leading-6 text-gray-900 sm:pt-1.5 text-right">
                    Maximum Accepted
                </div>
            </li>
            @foreach($ensemble->auditions as $audition)
                <li class="flex justify-between gap-x-3 py-3">
                    <div class="block text-sm font-medium leading-6 text-gray-900 sm:pt-1.5">
                        <label for="audition-{{ $audition->id }}">{{ $audition->name }}</label>
                    </div>
                    <div class=" text-right">
                        <input
                            id="audition-{{ $audition->id }}"
                            name="audition[{{ $audition->id }}]"
                            class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:max-w-xs sm:text-sm sm:leading-6"
                            type="number"
                            value="{{ $limits[$audition->id] ?? 0 }}">
                    </div>
                </li>
            @endforeach
            <li>
                <x-form.button class="mb-4 mt-2" type="submit">Submit Limits</x-form.button>
            </li>
        </ul>

    </x-form.form>

</x-card.card>