{{--<div class="col-md-6 form-group">
    <label class="form-label">عنوان الدرس</label>
    <input @if(isset($lesson) && $lesson->subject->lesson_type =='numbers')  readonly @endif {{$subject->lesson_type == 'numbers' ? 'readonly':''}}  name="title"
           value="@if(isset($lesson)){{$lesson->title}}@elseif($subject->lesson_type=='numbers'){{$latest_lesson_number}}  @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'|| $subject->type ==2) 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="yes">
        <label for="have_audio" class="form-check-label"> صوت</label>
        @error('have_photo')
        <span class="text-danger">{{$message}}</span>
        @enderror
    </div>
    <div class="checkbox checkbox-primary mb-0">
        <input class="form-check-label" id="have_photo" {{isset($lesson) && $lesson->have_photo =='yes' ? 'checked':''}}   type="checkbox" name="have_media" value="photo">
        <label for="have_photo" class="form-check-label"> صوره</label>
        @error('have_photo')
        <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">
        @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 class="col-md-6 form-group flex-upload have_photo  {{isset($lesson) && $lesson->have_photo =='yes' ? '':'d-none'}}">
        <label class="form-label">الصورة</label>
        <input type="file" accept="image/*" class="photo form-control" name="photo"/>
        <img class="image_preview" src="{{getFile(@$lesson->photo)}}" style="width: 100px ; height: 100px" alt="">
        @error('photo')
        <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('')
    });

    $('#have_photo').on('change', function () {
        $('.have_photo').toggleClass('d-none');
        $('.photo').val('');
        $('.image_preview').attr('src', '{{getFile()}}');
    });
</script>