@extends('admin.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection
@section('content')
    <div class="side-title">
        <h3>{{$head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row add_lecture_form" method="post" action="{{ $action }}" enctype="multipart/form-data">
            @if($lecture ?? ''  && $lecture->id)
                @method('PUT')
            @endif
            @csrf
            <div class="form-group col-lg-4">
                <label>{{ meta('lecture_type', getCurrentLocale()) ?? __('lectures.lecture_type') }}</label>
                <select name="lecture_type" class="form-control {{ $errors->has('lecture_type') ? 'is-invalid' : '' }}">
                    <option value="">{{ meta('lecture_type', getCurrentLocale()) ?? __('lectures.lecture_type') }}</option>
                    <option {{old('lecture_type', $lecture->lecture_type ?? null) == 'live' ? 'selected' : ''}} value="live">{{__('lectures.live')}}</option>
                    <option {{old('lecture_type', $lecture->lecture_type ?? null) == 'record' ? 'selected' : ''}} value="record">{{__('lectures.record')}}</option>
                </select>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ meta('course_id', getCurrentLocale()) ?? __('lectures.course_id') }}</label>
                <select name="course_id" class="form-control {{ $errors->has('course_id') ? 'is-invalid' : '' }}">
                    <option value="">{{ meta('course_id', getCurrentLocale()) ?? __('lectures.course_id') }}</option>
                    @if(count($courses))
                        @foreach($courses as $course)
                            <option {{old('course_id', $lecture->course_id ?? null) == $course->id ? 'selected' : ''}} value="{{$course->id}}">{{$course->name}}</option>
                        @endforeach
                    @endif
                </select>
            </div>
            <div class="form-group col-lg-4">
                <label>{{ meta('unit_id', getCurrentLocale()) ?? __('lectures.unit_id') }}</label>
                <select name="unit_id" class="form-control {{ $errors->has('unit_id') ? 'is-invalid' : '' }}">
                    <option value="">{{ meta('unit_id', getCurrentLocale()) ?? __('lectures.unit_id') }}</option>
                    {{--                    @if(count($units))--}}
                    {{--                        @foreach($units as $unit)--}}
                    {{--                            <option {{old('unit_id', $lecture->unit_id ?? null) == $unit->id ? 'selected' : ''}} value="{{$unit->id}}">{{$unit->name}}</option>--}}
                    {{--                        @endforeach--}}
                    {{--                    @endif--}}
                </select>
            </div>
            <div class="form-group col-lg-3 show_in_live">
                <label>{{ meta('lecture_date', getCurrentLocale()) ?? __('lectures.lecture_date') }}</label>
                <input type="date" class="form-control {{ $errors->has('lecture_date') ? 'is-invalid' : '' }}" name="lecture_date" placeholder="{{ meta('lecture_date', getCurrentLocale()) ?? __('lectures.lecture_date') }}" value='{{ old("lecture_date", $lecture->lecture_date ?? "") }}'/>
            </div>
            <div class="form-group col-lg-3 show_in_live">
                <label>{{ meta('lecture_time', getCurrentLocale()) ?? __('lectures.lecture_time') }}</label>
                <input type="time" class="form-control {{ $errors->has('lecture_time') ? 'is-invalid' : '' }}" name="lecture_time" placeholder="{{ meta('lecture_time', getCurrentLocale()) ?? __('lectures.lecture_time') }}" value='{{ old("lecture_time", $lecture->lecture_time ?? "") }}'/>
            </div>
            <div class="form-group col-lg-6">
                <label>{{ meta('url', getCurrentLocale()) ?? __('lectures.url') }}</label>
                <input type="url" class="form-control {{ $errors->has('url') ? 'is-invalid' : '' }}" name="url" placeholder="{{ meta('url', getCurrentLocale()) ?? __('lectures.url') }}" value='{{ old("url", $lecture->url ?? "") }}'/>
            </div>
            <div class="form-group col-lg-12 border p-2 show_in_live">
                <label><b>{{ meta('days', getCurrentLocale()) ??  __('lectures.lecture_day') }}</b></label>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="custom-control custom-checkbox">
                            <input {{in_array('saturday', $day) ? 'checked' : ''}} type="radio"  value="saturday" class="custom-control-input" id="day_saturday" name="lecture_day">
                            <label class="custom-control-label" for="day_saturday"> {{ __('courses.saturday') }} </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="custom-control custom-checkbox">
                            <input {{in_array('sunday', $day) ? 'checked' : ''}} type="radio"  value="sunday" class="custom-control-input" id="day_sunday" name="lecture_day">
                            <label class="custom-control-label" for="day_sunday"> {{ __('courses.sunday') }} </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="custom-control custom-checkbox">
                            <input {{in_array('monday', $day) ? 'checked' : ''}} type="radio"  value="monday" class="custom-control-input" id="day_monday" name="lecture_day">
                            <label class="custom-control-label" for="day_monday"> {{ __('courses.monday') }} </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="custom-control custom-checkbox">
                            <input {{in_array('tuesday', $day) ? 'checked' : ''}} type="radio"  value="tuesday" class="custom-control-input" id="day_tuesday" name="lecture_day">
                            <label class="custom-control-label" for="day_tuesday"> {{ __('courses.tuesday') }} </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="custom-control custom-checkbox">
                            <input {{in_array('wednesday', $day) ? 'checked' : ''}} type="radio"  value="wednesday" class="custom-control-input" id="day_wednesday" name="lecture_day">
                            <label class="custom-control-label" for="day_wednesday"> {{ __('courses.wednesday') }} </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="custom-control custom-checkbox">
                            <input {{in_array('thursday', $day) ? 'checked' : ''}} type="radio"  value="thursday" class="custom-control-input" id="day_thursday" name="lecture_day">
                            <label class="custom-control-label" for="day_thursday"> {{ __('courses.thursday') }} </label>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="custom-control custom-checkbox">
                            <input {{in_array('friday', $day) ? 'checked' : ''}} type="radio"  value="friday" class="custom-control-input" id="day_friday" name="lecture_day">
                            <label class="custom-control-label" for="day_friday"> {{ __('courses.friday') }} </label>
                        </div>
                    </div>
                </div>
            </div>
            @foreach(languages() as $language)
                <div class="form-group col-lg-12">
                    <label>{{ meta('name', $language->local) ?? __('lectures.name') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                    <input type="text" class="form-control {{ $errors->has('name_'.$language->local) ? 'is-invalid' : '' }}" name="name_{{ $language->local }}" placeholder="{{ meta('name', $language->local) ?? __('lectures.name') }}" value='{{ old("name_{$language->local}", $lecture[$language->local]->name ?? "") }}'/>
                </div>
            @endforeach


            <div class="text-center mt-5 col-12">
                <button class="butn add_lecture_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')

    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>


    <script>
        $(document).ready(function () {

            $('.add_lecture_button').click(async function (e) {
                e.preventDefault();

                let form = $('.add_lecture_form'),
                    data = new FormData(form[0]),
                    url = form.attr('action'),
                    method = form.attr('method');

                const response=await ajax({
                    url,
                    data,
                    dataType: 'json',
                    method
                });

                if (response.url){
                    window.location.href = response.url;
                }

                if (response.errors){
                    toasterError(response.errors);
                }


            });

            $('select[name="course_id"]').change(async function () {
                let data = {course_id:$(this).val()},
                    url = "{{route('lectures.getUnits')}}",
                    method = 'get';

                if ($(this).val() !== ''){
                    const response=await ajax({
                        url,
                        data,
                        dataType: 'json',
                        method
                    });

                    if (response){
                        $('select[name="unit_id"]').html(response);
                    }

                }

            });

            (async function () {
                let course_id = $('select[name="course_id"] option:selected').val(),
                    data = {course_id:course_id, lecture_id:"{{$lecture->id ?? null}}"},
                    url = "{{route('lectures.getUnits')}}",
                    method = 'get';

                if (course_id !== ''){
                    const response=await ajax({
                        url,
                        data,
                        dataType: 'json',
                        method
                    });

                    if (response){
                        $('select[name="unit_id"]').html(response);
                    }

                }
            })();

            let selectedOption = $('select[name="lecture_type"] option:selected').val();

            if (selectedOption === 'live'){
                $('.show_in_live').removeClass('d-none');
            } else if (selectedOption === 'record') {
                $('.show_in_live').addClass('d-none');
                $('input[name="lecture_date"]').val('');
                $('input[name="lecture_time"]').val('');
                $('input[type="radio"]').prop('checked', false);
            }

            $('select[name="lecture_type"]').change(function () {
                if ($(this).val() === 'live'){
                    $('.show_in_live').removeClass('d-none');
                } else if ($(this).val() === 'record') {
                    $('.show_in_live').addClass('d-none');
                    $('input[name="lecture_date"]').val('');
                    $('input[name="lecture_time"]').val('');
                    $('input[type="radio"]').prop('checked', false);
                }
            });
        });
    </script>

@endsection