<script lang="ts">

</script>

<section class="space-y-4 lg:space-y-8">
    <h1 class="h1">
        Schedule
    </h1>

    <div class="-mx-4 lg:mx-0 overflow-x-auto p-px">
        <div class="inline-block min-w-full py-2 align-middle">
            <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 lg:rounded-primary">
                <table class="min-w-full divide-y divide-gray-300 text-sm">
                    <thead class="bg-gray-50 font-medium">
                    <tr>
                        <th scope="col" class="py-3.5 pl-4 pr-3 text-left sm:pl-6">Title</th>
                        <th scope="col" class="px-3 py-3.5 text-left">Start time</th>
                        <th scope="col" class="px-3 py-3.5 text-left">End time</th>
                        <th scope="col" class="px-3 py-3.5 text-left">Status</th>
                        <th scope="col" class="px-3 py-3.5 text-left">Days of week</th>
                        <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
                            <span class="sr-only">Edit</span>
                        </th>
                    </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-200 bg-white text-gray-600">
                    <tr>
                        <td class="whitespace-nowrap py-4 pl-4 pr-3 text-black sm:pl-6">
                            <a href="/schedule/1/edit/" class="hover:underline">South entrance weekends</a>
                            </td>
                        <td class="whitespace-nowrap px-3 py-4">
                            17:00
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">02:00</td>
                        <td class="whitespace-nowrap px-3 py-4">
                            <div class="flex items-center gap-x-2">
                                <span class="h-2 w-2 rounded-full bg-green-600"></span>
                                <span class="text-gray-500">On</span>
                            </div>
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">Sat, Sun</td>
                        <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right sm:pr-6">
                            <a href="/schedule/1/edit/" class="text-primary hover:underline">Edit<span class="sr-only">, Lindsay Walton</span></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="whitespace-nowrap py-4 pl-4 pr-3 text-black sm:pl-6">
                            <a href="/schedule/1/edit/" class="hover:underline">South entrance weekends</a>
                            </td>
                        <td class="whitespace-nowrap px-3 py-4">
                            17:00
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">02:00</td>
                        <td class="whitespace-nowrap px-3 py-4">
                            <div class="flex items-center gap-x-2">
                                <span class="h-2 w-2 rounded-full bg-green-600"></span>
                                <span class="text-gray-500">On</span>
                            </div>
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">Sat, Sun</td>
                        <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right sm:pr-6">
                            <a href="/schedule/1/edit/" class="text-primary hover:underline">Edit<span class="sr-only">, Lindsay Walton</span></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="whitespace-nowrap py-4 pl-4 pr-3 text-black sm:pl-6">
                            <a href="/schedule/1/edit/" class="hover:underline">South entrance weekends</a>
                            </td>
                        <td class="whitespace-nowrap px-3 py-4">
                            17:00
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">02:00</td>
                        <td class="whitespace-nowrap px-3 py-4">
                            <div class="flex items-center gap-x-2">
                                <span class="h-2 w-2 rounded-full bg-green-600"></span>
                                <span class="text-gray-500">On</span>
                            </div>
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">Sat, Sun</td>
                        <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right sm:pr-6">
                            <a href="/schedule/1/edit/" class="text-primary hover:underline">Edit<span class="sr-only">, Lindsay Walton</span></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="whitespace-nowrap py-4 pl-4 pr-3 text-black sm:pl-6">
                            <a href="/schedule/1/edit/" class="hover:underline">South entrance weekends</a>
                            </td>
                        <td class="whitespace-nowrap px-3 py-4">
                            17:00
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">02:00</td>
                        <td class="whitespace-nowrap px-3 py-4">
                            <div class="flex items-center gap-x-2">
                                <span class="h-2 w-2 rounded-full bg-green-600"></span>
                                <span class="text-gray-500">On</span>
                            </div>
                        </td>
                        <td class="whitespace-nowrap px-3 py-4">Sat, Sun</td>
                        <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right sm:pr-6">
                            <a href="/schedule/1/edit/" class="text-primary hover:underline">Edit<span class="sr-only">, Lindsay Walton</span></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</section>
