@php use Illuminate\Support\Facades\Auth; @endphp
@php $school = Auth::user()->school; @endphp
<x-layout.app>
    <x-slot:page_title>Choose School</x-slot:page_title>
    <div class="grid grid-cols-4">
        <x-card.card>
            <x-card.heading>Existing Schools</x-card.heading>
            <ul class="ml-6 mb-3">
                @foreach($schools as $school)
                    <li>{{ $school->name }}</li>
                @endforeach
            </ul>
        </x-card.card>

        <div class="mx-auto max-w-lg col-span-3">
            <x-card.card>
                <x-card.heading class="">
                    Choose your school
                    <x-slot:subheading>
                        Based on your email address, one of these schools may be yours
                    </x-slot:subheading>
                </x-card.heading>

                <x-card.list.body>
                    @foreach($possibilities as $possibility)
                        @php $school = $possibility->school; @endphp

                        <form method="POST" action="/users/{{ Auth::user()->id }}/set_school">
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="school_id" id="school_id" value="{{ $school->id }}">
                            <x-card.list.row right_link_button_type="button">
                                <x-card.list.row-image
                                    src="{{ $school->initialLetterImageURL() }}"
                                    alt=""/>
                                <x-card.list.row-text-subtext>
                                    {{ $school->name }}
                                    <x-slot:subtext>{{ $school->city }}, {{ $school->state }}</x-slot:subtext>
                                </x-card.list.row-text-subtext>
                                <x-slot:right_link_button
                                    onclick="return confirm('Please confirm you are a director at {{ $school->name }}');"
                                >Choose</x-slot:right_link_button>
                            </x-card.list.row>
                        </form>
                    @endforeach
                    <x-card.list.row>
                        <x-card.list.row-text-subtext>
                            Create new school
                            <x-slot:subtext>
                                My school isn't listed<br>
                            </x-slot:subtext>
                        </x-card.list.row-text-subtext>
                        <x-slot:right_link_button href="/schools/create">Create new school</x-slot:right_link_button>
                    </x-card.list.row>
                    <x-card.list.row class="text-sm">
                        Please don't duplicate a school that exists in the system. If your school is listed to the left, but you don't have the option
                        to add it, please contact {{ auditionSetting('organizerName') }} and ask them to add you to that school.
                    </x-card.list.row>
                </x-card.list.body>
            </x-card.card>
        </div>

    </div>

</x-layout.app>