@php
$days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
$hours = ['6am' => '6am', '7am' => '7am', '8am' => '8am', '9am' => '9am', '10am' => '10am', '11am' => '11am', '12pm' => '12pm', '1pm' => '1pm', '2pm' => '2pm', '3pm' => '3pm', '4pm' => '4pm', '5pm' => '5pm', '6pm' => '6pm', '7pm' => '7pm', '8pm' => '8pm', '9pm' => '9pm', '10pm' => '10pm', '11pm' => '11pm'];
@endphp

<div>
    <label class="block text-sm font-medium text-gray-700">Hours of Availability</label>
    <div class="mt-2 space-y-4">
        @foreach ($days as $day)
            <div>
                <h3 class="text-sm font-medium text-gray-700">{{ $day }}</h3>
                <x-splade-select name="hours_of_availability[{{ $day }}][]" :options="$hours" multiple choices />
            </div>
        @endforeach
    </div>
</div>