@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>