@php error_reporting(0) @endphp
<div class="row">
  <div class="col-md-2"></div>
  <div class="col-md-8">
    <div class="card" id="send-request-popup" tabindex="-1" role="dialog">
      <div class="card-header card-header-success">
          <h4 class="card-title bold">
          Update Tuition
          </h4>
      </div>
      <div class="card-body">
        <form method="post" action="{{ route('save.tuition') }}" class="mb-0">
          @csrf
          <input type="hidden" name="student_id" value="{{ $tuition->student_id }}">
          <input type="hidden" name="teacher_id" id="teacher-id" value="{{ $tuition->teacher_id ? base64_encode($tuition->teacher_id) : '' }}">
          <input type="hidden" name="tuition_id" value="{{ $tuition->id }}">
          <div class="row" id="student-info">
            <div class="col-md-6">
              <div class="form-group">
                  <input type="text" name="name" required="" class="form-control" placeholder="Name" value="{{ $tuition->student->name }}">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                  <input type="text" name="phone" required="" class="form-control" placeholder="Phone" value="{{ $tuition->student->phone }}">
              </div>
            </div>
          </div>
          <div id="popup-classes" class="row">
              @php $subjects_count = 0; @endphp
              @if($tuition)
              @foreach(explode('|', $tuition->class) as $c)
              @php $c_subjects = explode(', ', explode('|', $tuition->subjects)[$loop->iteration-1]); @endphp
                <div class="class-wrapper">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Select Class</label>
                            <select name="class[]" class="form-control select2" data-placeholder="Select Class">
                              <option></option>
                              @foreach($classes as $cl)
                              <option value="{{ $cl->slug }}" @if(str_slug($c) == $cl->slug) selected @endif>{{ $cl->name }}</option>
                              @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label>Select Subject</label>
                            <select name="subjects[{{ $loop->iteration }}][]" class="form-control select2 subjects" multiple=""  data-placeholder="Select Subjects">
                                <option></option>
                                <option value="all" @if(in_array('All', $c_subjects)) selected @endif>All</option>
                                @foreach($subjects as $s)
                                <option value="{{ $s->slug }}" @if(in_array(revertSlug($s->slug), $c_subjects)) selected @endif>{{ $s->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    @if($loop->first)
                    <button class="btn btn-success btn-sm add-more" id="add-popup-classes" type="button">
                        <i class="fa fa-plus"></i> add more
                    </button>
                    @else
                    <button class="btn btn-danger btn-sm remove-parent" type="button" onclick="removeParent(this)">
                        <i class="fa fa-times"></i>
                    </button>
                    @endif
                </div>
                @php $subjects_count++; @endphp
                @endforeach
              @endif
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                  <select name="course" class="form-control select2" data-placeholder="Select Course">
                    <option></option>
                    @foreach($courses as $co)
                    <option value="{{ $co->slug }}" @if(str_slug($tuition->course) == $co->slug) selected @endif>{{ $co->name }}</option>
                    @endforeach
                  </select>
              </div>
            </div>
          </div>
          <div class="row mb-2" id="general-info">
            <div class="col-md-12" id="location-div">
              <div class="form-group location-wrapper-normal" id="init-map">
                    <input type="text" class="form-control" name="location" placeholder="Location" id="location-2" value="{{ $tuition->location }}">
                    <input type="hidden" name="latitude" value="{{ $tuition->latitude }}">
                    <input type="hidden" name="longitude" value="{{ $tuition->longitude }}">
              </div>
            </div>
            <div class="col-md-12">
              <div class="form-group">
                  <input class="form-control" required="" name="address" placeholder="Home Address" value="{{ $tuition->address }}">
              </div>
            </div>
            <div class="col-md-12 requirements">
              <div class="row">
                  <div class="col-md-6">
                      <div class="form-group">
                        @php $reqs = explode(', ', $tuition->requirements); @endphp
                        <select class="form-control select2" data-placeholder="Required Gender" name="required_gender">
                          <option></option>
                          <option value="Any" @if($reqs[0] == 'Any') selected @endif>Any</option>
                          <option value="Male" @if($reqs[0] == 'Male') selected @endif>Male</option>
                          <option value="Female" @if($reqs[0] == 'Female') selected @endif>Female</option>
                        </select>
                      </div>
                  </div>
                  <div class="col-md-6">
                      <div class="form-group">
                        <div class="form-line">
                          <input class="form-control" name="required_qualification" placeholder="Required Qualification" value="{{ $reqs[1] }}">
                        </div>
                      </div>
                  </div>
              </div>
            </div>
            <div class="col-md-12">
              <div class="form-group">
                <textarea class="form-control" name="detail" rows="2" placeholder="No of students and other details">{{ $tuition->detail }}</textarea>
              </div>
            </div>
            <div class="col-md-12">
              <div class="form-group">
                <input type="number" class="form-control" placeholder="Fee" name="price" required="" id="estimated-fee" value="{{ $tuition->price }}">
              </div>
            </div>
          </div>
          <button class="btn btn-success waves-effect btn-sm">Update</button>
        </form>
      </div>
    </div>
  </div>
  <div class="col-md-2"></div>
</div>
<script type="text/javascript">
  var popup_classes = '<div class="class-wrapper">\
      <div class="col-md-6">\
          <div class="form-group">\
              <label>Select Class</label>\
              <select name="class[]" data-placeholder="Select Class" class="form-control select2" required>\
                  <option></option>\
                  {{ getClasses() }}\
              </select>\
          </div>\
      </div>\
      <div class="col-md-6">\
        <div class="form-group">\
            <label>Select Subject</label>\
            <select name="subjects[{{$subject_count+1}}][]" data-placeholder="Select Subjects" class="form-control select2 subjects" multiple="" required>\
                  <option></option>\
                  {{ getSubjects() }}\
            </select>\
        </div>\
      </div>\
      <button class="btn btn-success btn-sm add-more" id="add-popup-classes" type="button">\
          <i class="fa fa-plus"></i> add more\
      </button>\
  </div>';

  var remove_btn = '<button class="btn btn-danger btn-sm remove-parent" type="button" onclick="removeParent(this)"><i class="fa fa-times"></i></button>';
  var popup_classes_counter = 1;
  function removeParent(elm)
  {
      $(elm).parent().remove();
  }
  function removeBtn(element)
  {
      $(element).find('button').remove();
      $(element).append(remove_btn);
  }
  $('#add-popup-classes').click(function(){
      $('#popup-classes').append(popup_classes);
      var last_elm = $('#popup-classes .class-wrapper').last();
      removeBtn(last_elm);
      $(last_elm).find('select.subjects')
      .attr('name', 'subjects['+popup_classes_counter.toString()+'][]');
      popup_classes_counter++;
      $('.select2').select2();
  });
  var last_location_id = 3;
</script>
<script type="text/javascript" src="{{ asset('dashboard/js/autocomplete.js') }}"></script>