@php use Illuminate\Support\Facades\Auth; @endphp
<x-layout.app>
    <x-slot:page_title>Dashboard</x-slot:page_title>
    @if(! Auth::user()->school_id)
        <p class="pb-5">You aren't currently associated with a school. <a href="/my_school" class="text-blue-600">Click
                here to choose or create one.</a></p>
    @endif
    <div class="grid sm:grid-cols-2 md:grid-cols-4">
        <div>{{-- Column 1 --}}
            <x-card.card>
                <x-card.heading>User Options</x-card.heading>
                <x-card.list.body>
                    <a href="{{ route('my_profile') }}">
                        <x-card.list.row class="hover:bg-gray-200">
                            My Profile
                        </x-card.list.row>
                    </a>
                    <a href="{{ route('my_school') }}">
                        <x-card.list.row class="hover:bg-gray-200">
                            My School
                        </x-card.list.row>
                    </a>
                    @if(Auth::user()->school_id && auditionSetting('invoicing_enabled'))
                        <a href="{{ route('my_invoice') }}">
                            <x-card.list.row class="hover:bg-gray-200">
                                My Invoice
                            </x-card.list.row>
                        </a>
                    @endif
                    @if($showRecapLink)
                        <a href="{{ route('recap.selectAudition') }}">
                            <x-card.list.row class="hover:bg-gray-200">
                                Audition Score Recaps
                            </x-card.list.row>
                        </a>
                    @endif
                </x-card.list.body>
            </x-card.card>
        </div>
        @if(Auth::user()->school_id)
            <div class="md:col-span-3 pl-3"> Column 2 Results
                <x-card.card>
                    <x-card.heading>My Results</x-card.heading>
                    @include('dashboard.results-table')
                </x-card.card>
            </div>
        @endif

        <div>

        </div>


    </div>
</x-layout.app>