@extends('super-admin.layouts.main')
@section('content')
    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="row mb-2">
                    <div class="col-sm-6">
                        <h1 class="m-0">Edit instructor</h1><br>
                        <a class="btn btn-outline-info" href="javascript:history.back()">Back</a>
                    </div>

                </div>
            </div>
        </div>

        <div class="content">
            <div class="container-fluid">
                <div class="card">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card-body">
                                <form action="{{ route('instructor.update', [$instructor->id]) }}" method="POST"
                                    id="editInstructor" enctype="multipart/form-data">
                                    @if (Session::has('success'))
                                        <div class="alert alert-success">{{ Session::get('success') }}</div>
                                    @endif
                                    @csrf

                                    <div class="form-group">
                                        <label class="form-label" for="title">Name</label>
                                        <input type="text" class="form-control" id="title" name="name"
                                            placeholder="name" value="{{ $instructor->name }}" autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('name')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label>Description </label><span class="text-danger">*</span>
                                        <textarea class="form-control summernote" name="description" id="description" cols="30" rows="10">{{ $instructor->description }}</textarea>
                                        <span class='text-danger' id="descriptionError"></span>
                                    </div>

                                    <div class="form-group">
                                        <label class="form-label" for="title">Designation</label>
                                        <input type="text" class="form-control" id="designation" name="designation"
                                            placeholder="name" value="{{ $instructor->designation }}" autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('name')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label>Photo </label><span class="text-danger">*</span>
                                        <p style="font-size:14px;">Image size should be 80 * 80 px and image file type should be JPG or PNG .</p>
                                        <img src="{{ $instructor->photo }}" alt="" height='50' width='50'>
                                        <input type="file" name="photo" class="form-control"
                                            value="{{ $instructor->photo }}" />
                                        @error('photo')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>


                                    <div class="form-group">
                                        <label class="form-label" for="department_name">Rating</label>
                                        <input min="0" type="number" class="form-control" id="rating" name="rating"
                                            placeholder="rating" value="{{ $instructor->rating }}" autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('rating')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label class="form-label" for="skills">Review Count</label>
                                        <input min="0" type="number" class="form-control" id="skills" name="review_count"
                                            placeholder="review_count" value="{{ $instructor->review_count }}"
                                            autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('review_count')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>


                                    <div class="form-group">
                                        <label class="form-label" for="skills">Student Count</label>
                                        <input min="0" type="number" class="form-control" id="skills" name="student_count"
                                            placeholder="student_count" value="{{ $instructor->student_count }}"
                                            autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('student_count')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <div class="form-group">
                                        <label class="form-label" for="skills">Course Count</label>
                                        <input min="0" type="number" class="form-control" id="skills" name="course_count"
                                            placeholder="course_count" value="{{ $instructor->course_count }}"
                                            autocomplete="off" />
                                        <label id="agent-name-error" class="error" style="display: none;"></label>
                                        @error('course_count')
                                            <span class='text-danger'>{{ $message }}</span>
                                        @enderror
                                    </div>

                                    <button class="btn btn-info mt-4" type="submit">Update</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@section('script')
    $('.summernote').summernote({
    height: 100,
    toolbar: [
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['para', ['ul', 'ol']],
    ],
    disableDragAndDrop: true,
    });
@endsection
@endsection