@extends('dashboard.layouts.master')
@section('content')
    <div class="card">
        <div class="card-header">
            <h3>{{@$create}}</h3>
        </div>
        <div class="card-body pb-0">
            <form class="form" method="post" action="{{route(@$route.'.store',$level_id)}}" enctype="multipart/form-data">
                @csrf
                @if($level_id =='aside')
                    <div class="col-md-6 form-group">
                        <label class="form-label">المستوي</label>
                        <select id="" name="level_id" class="select2-custom">
                            @foreach($levels  as $level)
                                <option {{old('level_id') == $level->id?'selected':''}}  value="{{$level->id}}">{{$level->name}}</option>
                            @endforeach

                        </select>
                        @error('level_id')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                @else
                    <input type="hidden" name="level_id" value="{{$level_id}}">
                @endif


                <div class="row">
                    <div class="col-md-4 form-group">
                        <label class="form-label">الإسم</label>
                        <input class="form-control" name="name" value="{{old('name')}}" type="text" placeholder="">
                        @error('name')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                   

                    <div class="col-md-5 form-group ">
                        <label class="form-label">النمط</label>
                        <div class="m-t-10 m-checkbox-inline custom-radio-ml">
                            <div class="form-check form-check-inline radio radio-primary">
                                <input class="form-check-input" {{old('type') ==1 ? 'checked':''}}  id="1" type="radio" name="type" value="1">
                                <label class="form-check-label mb-0" for="1">الاول</label>
                            </div>
                            <div class="form-check form-check-inline radio radio-primary">
                                <input class="form-check-input" {{old('type') ==2 ? 'checked':''}} id="2" type="radio" name="type" value="2">
                                <label class="form-check-label mb-0" for="2">الثاني</label>
                            </div>
                            <div class="form-check form-check-inline radio radio-primary">
                                <input class="form-check-input" {{old('type') ==3 ? 'checked':''}} id="3" type="radio" name="type" value="3">
                                <label class="form-check-label mb-0" for="3">الثالث</label>
                            </div>
                        </div>
                        @error('type')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    <div class="col-md-4 form-group lesson_type d-none">
                        <label class="form-label">نوع الدرس</label>
                        <select id="" name="lesson_type" class="select2-custom">
                            <option {{old('lesson_type') == 'numbers'?'selected':''}}  value="numbers">أرقام</option>
                            <option {{old('lesson_type') == 'text'?'selected':''}}  value="text">حروف</option>
                            <option {{old('lesson_type') == 'colors'?'selected':''}}  value="colors">ألوان</option>
                        </select>
                        @error('lesson_type')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                    <div class="col-md-4 form-group flex-upload">
                        <label class="form-label">الصورة</label>
                        <input type="file" accept="image/*" class="photo form-control" name="photo"/>
                        <img class="image_preview" src="{{getFile()}}" style="width: 100px ; height: 100px" alt="">
                        @error('photo')
                        <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>

                </div>
                <div class="card-footer">
                    <button class="btn btn-primary btn-air-primary btn-icon" type="submit">
                        <i class="fa fa-save"></i>
                        حفظ
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection
@push('js')
    <script>
        $('input[name="type"]').on('change', function () {
            let type = $(this).val();
            if (type != 1) {
                $('.lesson_type').addClass('d-none');
            } else {
                $('.lesson_type').removeClass('d-none');
            }
            //lesson_type
        })
    </script>
@endpush