@extends('dashboard.layout.layout')
@section('content')
<div class="main-panel">
    <!-- BEGIN : Main Content-->
    <div class="main-content">
      <div class="content-overlay"></div>
      <div class="content-wrapper"><div class="row">
</div>
<!-- Basic Inputs start -->
<section id="basic-input">
    <section id="dom" style="margin-top: -580px ">
        @if(session('success'))
        <div id="alert-success" class="alert alert-success mb-2" style="text-align: center;font-size: 17px" role="alert">
            {{ session('success') }}
        </div>
        @endif
        @if(session('danger'))
        <div id="alert-danger" class="alert alert-danger mb-2" style="text-align: center;font-size: 17px" role="alert">
            {{ session('danger') }}
        </div>
        @endif
    </section>
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 style="text-align: center" class="card-title"> تحديث  معلومات الكورس     </h4>
            </div>
            <div class="card-content">
                <div class="card-body">
                    <form action="{{ route('course.update',$course->id) }}" enctype="multipart/form-data" method="POST"  id="editFromData" >
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> اسم الكورس بالعربي</label>
                                    <input type="text" name="name_ar" value="{{ old('name_ar',$course->name_ar) }}" class="form-control" id="basicInput"  required>
                                    @error('name_ar')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> اسم الكورس بالأجنبي</label>
                                    <input type="text" name="name_en" value="{{ old('name_en',$course->name_en) }}" class="form-control" id="basicInput"  required>
                                    @error('name_en')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div> 
                           <div class="col-md-12">  
                            <fieldset class="form-group">  
                                <label for="content_ar"> اسم المحتوى بالعربي </label>  
                                <textarea name="description_ar" class="form-control" id="editor">{{ old('description_ar',$course->description_ar) }}</textarea>  
                                @error('description_ar')  
                                    <div class="alert alert-danger">{{ $message }}</div>  
                                @enderror  
                            </fieldset>  
                            </div>   
                            <div class="col-md-12">  
                            <fieldset class="form-group">  
                                <label for="content_en"> اسم المحتوى بالأجنبي </label>  
                                <textarea name="description_en" class="form-control" id="editor2">{{ old('description_en',$course->description_en) }}</textarea>  
                                @error('description_en')  
                                    <div class="alert alert-danger">{{ $message }}</div>  
                                @enderror  
                            </fieldset>  
                            </div>  
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">صورة الكورس الأساسية</label>
                                    <input type="file" name="image" value="{{ old('image') }}" class="form-control" id="basicInput"  >
                                @error('image')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                                <img src="{{ asset('upload/'.$course->image) }}" width="50px" alt="">
                                </fieldset>
                            </div>  
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> سعر الكورس </label>
                                    <input type="number" name="price" value="{{ old('price',$course->price) }}" class="form-control" id="basicInput"  required>
                                    @error('price')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> التصنيف الرئيسي</label>
                                    <select required="required" class="form-control" name="category_id"  id="category_id">
                                    <option selected disabled >اختيار  التصنيف الرئيسي </option>
                                    @foreach ($categories as  $category)
                                        <option @selected($category->id == $course->category_id) value="{{$category->id}}"> {{$category->name_ar}}</option>
                                    @endforeach
                                </select>
                                    @error('name_ar')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">  عدد المقاعد (في حال وجود مقاعد مخصصه )</label>
                                    <input type="number" name="seat" value="{{ old('seat',$course->seat) }}" class="form-control" id="basicInput"  >
                                    @error('seat')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                              <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> المدة بالعربي</label>
                                    <input type="string" name="duration_ar" value="{{ old('duration_ar',$course->duration_ar) }}" class="form-control" id="basicInput"  >
                                    @error('duration_ar')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput"> المدة بالأجنبي</label>
                                    <input type="string" name="duration_en" value="{{ old('duration_en',$course->duration_en) }}" class="form-control" id="basicInput"  >
                                    @error('duration_en')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                              <div class="col-md-6">
                                <fieldset class="form-group">
                                       <label for="basicInput"> عدد الساعات بالعربي </label>
                                    <input type="number" name="hour_ar" value="{{ old('hour_ar',$course->hour_ar) }}" class="form-control" id="basicInput"  >
                                    @error('hour_ar')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                            <div class="col-md-6">
                                <fieldset class="form-group">
                                       <label for="basicInput"> عدد الساعات  بالأجنبي</label>
                                    <input type="number" name="hour_en" value="{{ old('hour_en',$course->hour_en) }}" class="form-control" id="basicInput"  >
                                    @error('hour_en')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </fieldset>
                            </div>
                            {{-- <div class="col-md-6">
                                <fieldset class="form-group">
                                    <label for="basicInput">معرض الصور  </label>
                                    <input type="file" name="photos[]" value="{{ old('photos') }}" class="form-control" id="basicInput"  >
                                @error('image')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                                </fieldset>
                            </div>  --}}
                            <button type="submit" id="saveBtn" style="margin-right:50%;margin-top: 25px" class="btn btn-primary mr-1 mb-1">حفظ</button>
                    </div>
                </form>
                </div>
            </div>
        </div>
    </div>
</div>
</section>
  </div>
  <script>
     setTimeout(function() {
        var alertSuccess = document.getElementById('alert-success');
        if (alertSuccess) {
            alertSuccess.style.display = 'none';
        }
    }, 5000); // 5000 milliseconds = 5 seconds
  </script>
@endsection
@section('scripts')
<script>
ClassicEditor  
        .create(document.querySelector('#editor'))  
        .catch(error => {  
            console.error(error);  
        });
ClassicEditor  
.create(document.querySelector('#editor2'))  
.catch(error => {  
    console.error(error);  
});
</script>

@endsection