{{--<div class="col-md-6 form-group">
    <label class="form-label">عنوان الدرس</label>
    <input class="form-control" @if(isset($lesson) && $lesson->subject->lesson_type =='numbers')  readonly @endif  {{$subject->lesson_type == 'numbers' ? 'readonly':''}} name="title"
           value="@if(isset($lesson)) {{$lesson->title}}  @endif" type="{{$subject->lesson_type == 'colors' ? 'color':'text'}}" placeholder="">
    @error('title')
    <span class="text-danger">{{$message}}</span>
    @enderror
</div>--}}
<div class="col-md-12 form-group ">
    <label class="form-label">الوصف</label>
    <textarea name="description" id="" cols="60" rows="10">{{isset($lesson) ? $lesson->description:''}}</textarea>
    @error('description')
    <span class="text-danger">{{$message}}</span>
    @enderror
</div>


<div class="flex-check-custom">
    <div class="checkbox checkbox-primary mb-0">
        <input class="form-check-label" id="is_in_my_notebook" @if(isset($lesson) && $lesson->is_in_my_notebook=='yes') checked @endif  type="checkbox" name="is_in_my_notebook" value="yes">
        <label for="is_in_my_notebook" class="form-check-label">في الدفتر</label>
        @error('is_in_my_notebook')
        <span class="text-danger">{{$message}}</span>
        @enderror
    </div>
    <div class="checkbox checkbox-primary mb-0">
        <input class="form-check-label" id="have_audio" {{isset($lesson) &&$lesson->have_audio =='yes' ? 'checked':''}} type="checkbox" name="have_audio" value="audio">
        <label for="have_audio" class="form-check-label"> صوت</label>
        @error('have_audio')
        <span class="text-danger">{{$message}}</span>
        @enderror
    </div>

</div>

<div class="row">
    <div class="col-md-6 form-group have_audio {{isset($lesson) && $lesson->have_audio == 'yes' ? '' :'d-none'}}">
        <label class="form-label">ملف الصوت</label>
        <input type="file" accept="audio/*" name="audio" class="form-control audio">
        @if(isset($lesson) && $lesson->have_audio =='yes')

            <audio controls>
                <source src="{{getFile($lesson->audio)}}" type="audio/ogg">
                <source src="{{getFile($lesson->audio)}}" type="audio/mpeg">
            </audio>
        @endif

        @error('audio')
        <span class="text-danger">{{$message}}</span>
        @enderror
    </div>
</div>


<script>
    $('input[type="radio"]').on('change', function (e) {

        if ($(this).is(':checked')) {
            if ($(this).val() == 'photo') {
                $('.have_photo').removeClass('d-none');
                $('.have_video').addClass('d-none');
                $('input[name="video"]').val('');
            } else if ($(this).val() == 'video') {
                $('.have_photo').addClass('d-none');
                $('.have_video').removeClass('d-none');
                $('input[name="photo"]').val('');
            }

        } else {

        }

    });

    $('#have_audio').on('click', function () {
        let class_name = $(this).attr('id');

        if ($(this).is(':checked')) {
            $('.' + class_name).removeClass('d-none');
        } else {
            $('.' + class_name).addClass('d-none');
        }

    });

    $('#have_color').on('change', function () {
        $('.have_color').toggleClass('d-none');
        $('.color').val('')
    });
</script>