@php use App\Models\School;use App\Models\SchoolEmailDomain;use App\Models\User;use Illuminate\Support\Facades\Auth; @endphp
<x-layout.app>
    <x-slot:page_title>Test Page</x-slot:page_title>

    <x-card.card class="px-4 pt-6" mw="3xl">
        <x-table.table with_title_area with_button>
            <x-slot:title>Users</x-slot:title>
            <x-slot:subtitle>A list of all the users in your account including their name, title, email and role.</x-slot:subtitle>
            <x-slot:title_block_right><x-form.button>Add User</x-form.button></x-slot:title_block_right>

            <thead>
            <tr>
                <x-table.th first>Name</x-table.th>
                <x-table.th>Title</x-table.th>
                <x-table.th>Email</x-table.th>
                <x-table.th>Role</x-table.th>
                <x-table.th spacer_only>
                    <span class="sr-only">Edit</span>
                </x-table.th>
            </tr>
            </thead>
            <x-table.body>
                <tr>
                    <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-0">Lindsay Walton</td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">Front-end Developer</td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">lindsay.walton@example.com</td>
                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">Member</td>
                    <td class="relative whitespace-nowrap py-4 px-3 text-right text-sm sm:pr-0">
                        <a href="#" class="text-indigo-600 hover:text-indigo-900 font-medium">Edit<span class="sr-only">, Lindsay Walton</span></a>
                    </td>
                </tr>

                <tr>
                    <x-table.td first emphasis>Lindsay Walton</x-table.td>
                    <x-table.td>Front-end Developer</x-table.td>
                    <x-table.td>lindsay.walton@example.com</x-table.td>
                    <x-table.td>Member</x-table.td>
                    <x-table.td for_button>
                        <x-table.button href="#" aria_data=", Lindsay Walton">Edit</x-table.button>
                    </x-table.td>
                </tr>

                <!-- More people... -->
            </x-table.body>
        </x-table.table>
    </x-card.card>


</x-layout.app>