@extends('layout/ace')

@section('title', "Lekcije sa starim linkom")

@section('breadcrumbs')
    {{ Breadcrumbs::render('lessons-with-old-link') }}
@endsection

@section('content')
    <div class="row">
        <div class="col-12 mb-2">
            <div class="row">
                <x-krojac-chosen name="course_id" id="ddl-courses" placeholder="Izaberite kurs..." col="3">
                    <x-slot name="options">
                        <option value=""></option>
                        @foreach ($courses as $course)
                        <option 
                            value="{{ $course->id }}"
                            @if(request()->course_id == $course->id)
                                selected
                            @endif
                            >
                            {{ $course->title }}
                        </option>
                    @endforeach
                    </x-slot>
                </x-krojac-chosen>
            </div>
        </div>
        <div class="col-12">
            <div class="h-100 bgc-white pt-0 radius-1 shadow-sm mx-auto">
                <div class="w-100 brc-info-tp2 radius-t-1"></div>
                <div class="card h-100 border-0">
                    <div class="card-body h-100 d-flex flex-column justify-content-center py-3 px-3 border-0">
                        <div class="table-responsive-md">
                            <table class="table table-bordered table-hover text-dark-blue custom-table">
                                <thead class="bgc-grey-l4">
                                    <tr>
                                        <th>
                                            Naziv lekcije
                                        </th>
                                        <th>
                                            Kurs
                                        </th>
                                        <th>
                                            HD link
                                        </th>
                                        <th>
                                            SD link
                                        </th>
                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach ($lessons as $lesson)
                                        <tr class="bgc-h-default-l3 d-style">
                                            <td>
                                                <a href="{{ route('cms.lesson.edit', ['type' => 'lecture', 'id' => $lesson->id]) }}">
                                                    {{ $lesson->title }}
                                                </a>
                                            </td>
                                            <td>
                                                @if ($lesson->courses->first())
                                                    <a href="{{ route('cms.course.edit', ['course' => $lesson->courses->first()]) }}">
                                                        {{ $lesson->courses->first()->title }}
                                                    </a>
                                                @else
                                                    Nema
                                                @endif
                                            </td>
                                            <td>
                                                {{ $lesson->blob->video_sd }}
                                            </td>
                                            <td>
                                                {{ $lesson->blob->video_hd }}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <!-- table end -->
                        </div>
                        <!-- table-responsive end -->
                        {{ $lessons->links('partials._custom-pagination') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    @parent
    <script>
        $(document).on('change', '#ddl-courses', (e) => {
            const course_id = $(e.target).val();

            window.location.href = route('cms.lessons_with_old_link', {course_id})
        })
    </script>
@endsection