@extends('super-admin.layouts.main')
@section('content')
<main>
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Add Instructor</h1>
          </div><!-- /.col -->

        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
   <!-- Main content -->
   <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.store') }}"  method="POST" enctype="multipart/form-data" id="addInstructor">
             @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><span class="text-danger">*</span>
           <input type="text" class="form-control" id="name" name="name"
             placeholder="name" value="{{ old('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">{{old('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="designation" value="{{ old('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 * 80px and image file type should be JPG or PNG .</p>
               <input type="file" name="photo" class="form-control" value="{{ old('photo') }}" accept="image/*" />
               @error('photo')
               <span class='text-danger'>{{$message}}</span>
              @enderror
            </div>


           <div class="form-group">
             <label class="form-label" for="department_name">Rating</label><span class="text-danger">*</span>
              <input min="0" type="number" class="form-control" id="rating" name="rating"
               placeholder="rating" value="{{ old('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="{{ old('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="{{ old('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="{{ old('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">Submit</button>
            </form>


              </div>
            </div>
          </div>
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
</main>
@endsection