@extends('layout.layout')

@section('content')
    <section class="admin-visitor-area up_admin_visitor up_st_admin_visitor pl_22">

        {{-- {{ dd($course) }} --}}
        <div class="container">
            <div class="">
                <h6 class="mb-3">Course Info</h6>
            </div>
            <div class="">
                <div class="row">
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">Categories</div>
                        <div>{{ app()->getLocale() == 'en' ? $course->category->name_en : $course->category->name_ar }}
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">Track Types</div>
                        <div>{{ app()->getLocale() == 'en' ? $course->trackType->name : $course->trackType->name_ar }}
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">Tracks</div>
                        <div>{{ app()->getLocale() == 'en' ? $course->track->name_en : $course->track->name_ar }}</div>
                    </div>
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">Level</div>
                        <div>
                            {{ app()->getLocale() == 'en' ? $course->trackLevel->name_en : $course->trackLevel->name_ar }}
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">Session</div>
                        <div>{{ $course->session }}</div>
                    </div>
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">Schedule</div>
                        <div>{{ $course->schedule }}</div>
                    </div>
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">Start Date</div>
                        <div>{{ $course->start_date }}</div>
                    </div>
                    <div class="col-lg-6 col-xl-3">
                        <div class="fw-bold">End Date</div>
                        <div>{{ $course->end_date }}</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 mb-20">
                        <div id="slotContainer"></div>
                    </div>
                    <div class="col-md-12 mb-20">
                        <div id="submitAssignStaff">
                            {{-- <button class="btn btn-primary" onclick="submitAssignedForm()">Update Information</button> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('dashboard.academics.courses.course_slots')
    @include('dashboard.academics.courses.course_students')
@endsection


<style>

</style>


<script src="{{ asset('assets/js/lib/jquery-3.7.1.min.js') }}"></script>
<link href="{{ asset('assets/css/lib/toaster.css') }}" rel="stylesheet" />
<script src="{{ asset('assets/js/lib/toaster.js') }}"></script>


<script>
    var $locale = '{{ app()->getLocale() }}';
    var course_details = @json($course);
    var courseSlotIds = course_details.slot_id;
</script>