@extends('layouts.admin')

@section('content')

<style>
    .select2-container .select2-search--inline .select2-search__field {
        width: auto !important;
    }
</style>

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Instructor Availability</h5>
                </div>
                @include('elements.alert-error')
                <form action="{{ route('admin.instructors_availability.store') }}" method="POST">
                    @csrf

                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered border-primary table-centered mb-0">
                                <thead>
                                    <tr>
                                        <th>Slot Time</th>
                                        @foreach (['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as $dayName)
                                            <th class="table-active">{{ $dayName }}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($slots as $slot)
                                    <tr>
                                        <td class="table-active">
                                            {{ \Carbon\Carbon::parse($slot->start_time)->format('h:i A') }} - {{ \Carbon\Carbon::parse($slot->end_time)->format('h:i A') }}
                                        </td>
                                        @foreach (['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as $dayIndex => $dayName)
                                        <td>
                                            <select class="form-control select2" data-toggle="select2" multiple="" name="instructor[{{ $slot->id }}][{{ $dayIndex }}][]" data-placeholder="Select Instructor">
                                                <option value=""></option>
                                                @foreach ($instructors as $instructor)
                                                <option value="{{ $instructor->id }}"
                                                    @if (isset($availabilityData[$slot->id][$dayName]) && in_array($instructor->id, $availabilityData[$slot->id][$dayName]))
                                                        selected
                                                    @endif
                                                >
                                                    {{ $instructor->first_name }} {{ $instructor->last_name }}
                                                </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        @endforeach
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="mt-4 mb-3 text-end">
                                <button class="btn btn-primary mx-2" type="submit" name="submit" value="add">Save Changes</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div> <!-- end card -->
        </div> <!-- end col -->
    </div> <!-- end row -->
</div> <!-- end container-fluid -->

@endsection

@section('scripts')

@endsection