@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">Edit Master Class</h1><br>
            <a class="btn btn-info" href="{{ route('masterClass.view') }}">Back</a>
          </div><!-- /.col -->

        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->
    <!-- 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('masterClass.update',$masterClass->id) }}"  method="POST" enctype="multipart/form-data" id="editMasterclass">
             @if(Session::has('success'))
             <div class="alert alert-success" id="successMessage">{{ Session::get('success') }}</div>
             @endif
             @csrf

             <div class="form-group">
          <label class="form-label" for="title">Title</label><span class="text-danger">*</span>
           <input type="text" class="form-control" id="title" name="title"
             placeholder="title" value="{{ $masterClass->title }}" autocomplete="off" />
              @error('title')
            <span class='text-danger'>{{$message}}</span>
              @enderror
           </div>

           <div class="form-group">
          <label class="form-label" for="title">Description</label><span class="text-danger">*</span>
             <textarea name="description" class="form-control summernote" id="masterclassDescription" >{{ $masterClass->description }}</textarea>
              <span class="text-danger" id="masterclassDescriptionerror">@error('description') {{ $message }} @enderror</span><br>
           </div>

           <div class="form-group">
          <label class="form-label" for="title">Long Description</label><span class="text-danger">*</span>
             <textarea name="long_description" class="form-control summernote" id="masterclasswhatwill" >{{ $masterClass->long_description }}</textarea>
              <span class="text-danger" id="masterclasswhatwillerror">@error('long_description') {{ $message }} @enderror</span><br>
           </div>

           <div class="form-group">
                <label>Banner Image</label><span class="text-danger">*</span>
                <input type="file" name="image" class="form-control"
                    value="{{ $masterClass->image }}" accept="image/jpeg, image/png" />
                    <img src="{{ $masterClass->image }}" width="50" height="50">

                @error('banner_image')
                    <span class='text-danger'>{{ $message }}</span>
                @enderror
            </div>

           <div class="form-group">
               <label> image </label><span class="text-danger">*</span>(Height=210 * Width=350)
               <input type="file" name="banner_image" class="form-control" value="{{ $masterClass->banner_image }}" />
               <img src="{{ $masterClass->banner_image }}" width="50" height="50">
               @error('banner_image')
            <span class='text-danger'>{{$message}}</span>
              @enderror
            </div>

              <label>Pricing</label><span class="text-danger">*</span>
                <select class="form-control" name="pricing" id="">
                    <option value="0">Select Pricing</option>
                    <option value="FREE" @if ($masterClass->pricing =="FREE") selected @endif  >FREE</option>
                    <option value="PREMIUM" @if ($masterClass->pricing =="PREMIUM") selected @endif  >PREMIUM</option>

                </select><br>

                  <div class="form-group">
                    <label>Price </label><span class="text-danger">*</span>
                    <input type="number" name="price" id="price" class="form-control" value="{{ $masterClass->price }}" />
                    @error('price')
                    <span class='text-danger'>{{$message}}</span>
                    @enderror
                  </div>

                  <div class="form-group">
               <label>Discounted Price </label><span class="text-danger">*</span>
               <input type="number" name="discounted_price" class="form-control" value="{{ $masterClass->discouted_price }}" />
               @error('discounted_price')
            <span class='text-danger'>{{$message}}</span>
              @enderror
            </div>

            <div class="form-group">
          <label class="form-label">Language</label><span class="text-danger">*</span>
           <input type="text" class="form-control" id="language" name="language"
             placeholder="Language" value="{{ $masterClass->language }}" autocomplete="off" />
              @error('language')
            <span class='text-danger'>{{$message}}</span>
              @enderror
           </div>

           <div class="form-group">
           <label class="form-label">CC Language</label><span class="text-danger">*</span>
           <input type="text" class="form-control" id="cc_language" name="cc_language"
             placeholder="CC Language" value="{{ $masterClass->cc_language }}" autocomplete="off" />
           </div>

           <div class="form-group">
             <label>Introduction Video </label><span class="text-danger">*</span>
             <input type="file" name="video" class="form-control"
                 value="{{ $masterClass->video }}"  accept="video/*" />
                 <video src="{{ $masterClass->video }}" height="100" width="100"></video>
             @error('video')
                 <span class='text-danger'>{{ $message }}</span>
             @enderror
         </div>


                                  <div class="form-group">
                                            <label>Duration </label><span class="text-danger">*</span>
                                            <input type="text" name="duration" class="form-control"
                                                value="{{$masterClass->duration }}" />
                                            @error('duration')
                                                <span class='text-danger'>{{ $message }}</span>
                                            @enderror
                                        </div>

                <label>Department</label><span class="text-danger">*</span>
                <select class="form-control" name="department_name">
                    @foreach($departments as $department)
                        <option @if($masterClass->department_id == $department->id) selected  @endif value="{{ $department->id }}">{{$department->department_name}}</option>
                        @endforeach
                </select>

                <label>Select difficulty level</label><span class="text-danger">*</span>
                <select class="form-control" name="difficulty_level" id="">
                  @foreach($difficulty_levels as $difficulty_level)
                    <option value="{{ $difficulty_level->id }}" {{ $masterClass->difficulty_level_id == $difficulty_level->id ? 'selected' : '' }}>{{$difficulty_level->difficulty_level}}</option>
                  @endforeach
                </select>

                            <label>Select Instructor</label><span class="text-danger">*</span>
                                    <select name="select[]" id="multiselect" multiple multiselect-search="true">
                                        @foreach ($instructors as $instructor)
                                            <option
                                                @foreach ($master_class_instructors as $map) @if ($map->instructor_id == $instructor->id) selected  @endif @endforeach
                                                value="{{ $instructor->id }}">{{ $instructor->name }}</option>
                                        @endforeach
                                    </select><br>
                                    <span class="text-danger error" id="multiselectError"></span>
                                    <span class="text-danger">
                                        @error('select')
                                            {{ $message }}
                                        @enderror
                                    </span><br>

                                 

               <button class="btn btn-info mt-4" type="submit">Update</button>
            </form>

              </div>
            </div>
          </div>
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
</main>
@section('script')
  $('.summernote').summernote({
    height: 100,
    toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['para', ['ul', 'ol']],
    ],
    disableDragAndDrop: true,
  });
@endsection
@endsection