@extends('admin.layouts.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="card card-outline card-primary mt-4">
                            <div class="card-header">
                                <h5 class="mb-0">
                                    @isset($page_title)
                                        {{ $page_title }}
                                    @endisset
                                </h5>
                            </div>
                            <div class="card-body p-0">
                                <div class="modal-body">
                                    <form action="{{ route('admin.course.update',$course->slug) }}" method="POST" class="form-example" id="update_form" enctype="multipart/form-data">
                                        @method('PUT')
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-6 form_div">
                                                <div class="form-group">
                                                    <label for="name">Name <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" id="name" name="name" value="{{old('name',$course->name)}}" placeholder="Enter Name...">
                                                    @error('name')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="customFile">Image</label>
                                                    <div class="custom-file">
                                                        <input type="file" name="image" id="img_input1" class="custom-file-input" accept="image/*">
                                                        <label class="custom-file-label" for="customFile">Choose file</label>
                                                    </div>
                                                    <div class="p-2">
                                                        <img id="img1" src="{{asset('frontend/image/courses/'.$course->image)}}" onerror="this.onerror=null;this.src='{{asset('backend/img/no-image.png')}}'" height="100px" width="100px">
                                                    </div>
                                                    @error('image')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-3 form_div">
                                                <div class="form-group">
                                                    <label for="price">Price <span class="text-danger">*</span></label>
                                                    <input type="number" class="form-control" id="price" name="price" value="{{old('price',$course->price)}}" placeholder="Enter Price...">
                                                    @error('price')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-3 form_div">
                                                <div class="form-group">
                                                    <label for="discounted_price">Discounted Price <span class="text-danger">*</span></label>
                                                    <input type="number" class="form-control" id="discounted_price" name="discounted_price" value="{{old('discounted_price',$course->discounted_price)}}" placeholder="Enter Discounted Price...">
                                                    @error('discounted_price')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            @for($i=1; $i<=$course_purchase_commission_level->content; $i++)
                                                <div class="col-md-3 form_div">
                                                    <div class="form-group">
                                                        <label for="course_commission_{{$i}}">Commission for Level {{$i}} <span class="text-danger">*</span></label>
                                                        <input type="number" class="form-control" id="course_commission_{{$i}}" name="course_commission[]" @if(old('course_commission',$course->course_commission)) value="{{$course->course_commission[$i-1]}}" @else value="0" @endif placeholder="Enter Commission for Level {{$i}}...">
                                                        @error('course_commission.' . ($i-1))
                                                            <span class="text-danger">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            @endfor

                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Instructor</label>
                                                    <select name="instructor_id" class="form-control select2">
                                                        <option value="">Select Instructor...</option>
                                                        @foreach ($instructors as $instructor)
                                                            <option value="{{$instructor->id}}" @if(old('instructor_id',$course->instructor_id) == $instructor->id) selected @endif>{{$instructor->name}} ({{$instructor->designation}})</option>
                                                        @endforeach
                                                    </select>
                                                    @error('instructor_id')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Duration (in hours)</label>
                                                    <input type="number" step="1" class="form-control" name="duration" value="{{old('duration',$course->duration)}}" id="duration" placeholder="Enter Duration (in hours)...">
                                                    @error('duration')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Tags (seprated with (,))</label>
                                                    <input type="text" class="form-control" name="tags" id="tags" value="{{old('tags',$course->tags)}}" placeholder="Enter Tags...">
                                                    @error('tags')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Skill Level</label>
                                                    <input type="text" class="form-control" name="skill_level" id="skill_level" value="{{old('skill_level',$course->skill_level)}}" placeholder="Enter Skill Level...">
                                                    @error('skill_level')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label>Language</label>
                                                    <input type="text" class="form-control" name="language" id="language" value="{{old('language',$course->language)}}" placeholder="Enter Language...">
                                                    @error('language')
                                                        <span class="text-danger">{{$message}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Short Description</label>
                                                    <textarea name="short_description" class="form-control">{{old('short_description',$course->short_description)}}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Detail</label>
                                                    <textarea class="summernote" name="detail">{{old('detail',$course->detail)}}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label>Detail Description</label>
                                                    <textarea class="summernote" name="detail_description">{{old('detail_description',$course->detail_description)}}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label>Description</label>
                                                    <textarea id="summernote" name="description">{{old('description',$course->description)}}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-md-6 form_div">
                                                <div class="form-group">
                                                    <label for="seo_title">Seo Title</label>
                                                    <input type="text" class="form-control" name="seo_title" value="{{old('seo_title',$course->seo_title)}}" placeholder="Enter Seo Title...">
                                                </div>
                                            </div>
                                            <div class="col-md-6 form_div">
                                                <div class="form-group">
                                                    <label for="seo_keyword">Seo Keyword</label>
                                                    <input type="text" class="form-control" name="seo_keyword" value="{{old('seo_keyword',$course->seo_keyword)}}" placeholder="Enter Seo Keyword...">
                                                </div>
                                            </div>
                                            <div class="col-md-12 form_div">
                                                <div class="form-group">
                                                    <label for="seo_description">Seo Description</label>
                                                    <textarea class="form-control" name="seo_description" value="{{old('seo_description',$course->seo_description)}}" placeholder="Enter Seo Description..."></textarea>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer text-center">
                                            <button type="button" class="btn btn-outline-warning mt-1 mb-1" onclick="confirmUpdate('update_form')">
                                                <i class="fa fa-check" aria-hidden="true"></i> UPDATE
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    @push('js')
        <script>
            img_input1.onchange = evt => {
                const [file] = img_input1.files
                if (file) {
                    img1.src = URL.createObjectURL(file)
                }
            }
        </script>
    @endpush
@endsection