<div class="tab-pane fade show active" id="tutor-general" role="tabpanel" aria-labelledby="tutor-general-tab">
  <div class="row row-gap-20 mx-0">
    <div class="col-12 px-0">
      <div class="card tabcard">
        <div class="card-body">
          <h3 class="setting_title">Email Notification Preferences
            <% if(loggedUserInfo.role==2){ %> <span class="editsetting"><img src="/images/edit.svg" alt=""></span>
              <% } %>
          </h3>
          <form class="general" id="event-schedule" method="post"
            action="/tutor-preferences/email-notification-preference">
            <input type="hidden" name="tutor_id" value="<%=user._id%>">
            <input type="hidden" name="tutor_preference_id" value="<%=fetchTutorPreference[0]?._id%>">
            <div class="settings">
              <div class="row mx-0 row-gap-20">
                <div class="col-12 px-0">
                  <div class="form-group mb-0">
                    <ul class="settinglist mt-0">
                      <li class="w-100">
                        <div class="form-check">
                          <input type="checkbox" name="register_for_lesson" class="form-check-input" value="1"
                            id="email_notification_regstu_portal"
                            <%=fetchTutorPreference[0]?.email_notification_preferences[0]?.register_for_lesson===true
                            ? 'checked' :''%>
                          disabled>
                          <label class="form-check-label m-0" for="email_notification_regstu_portal">When one of their
                            students registers for a lesson/event through the Student Portal</label>
                        </div>
                      </li>
                      <li class="w-100">
                        <div class="form-check">
                          <input type="checkbox" name="cancel_for_lesson" class="form-check-input" value="1"
                            id="email_notification_canstu_portal"
                            <%=fetchTutorPreference[0]?.email_notification_preferences[0]?.cancel_for_lesson===true
                            ? 'checked' :''%>
                          disabled>
                          <label class="form-check-label m-0" for="email_notification_canstu_portal">When one of their
                            students cancels a lesson/event through the Student Portal</label>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="col-12 px-0">
                  <div class="form-group mb-0">
                    <h6 class="setting_name">Email Daily Agenda</h6>
                    <ul class="settinglist flex-column">
                      <li>
                        <div class="form-check radio_group">
                          <input class="form-check-input" type="radio" name="email_daily_agenda"
                            id="email_daily_agenda_yes" value="1" disabled
                            <%=fetchTutorPreference[0]?.email_notification_preferences[0]?.email_daily_agenda=='1'
                            ? 'checked' :''%>>
                          <label class="radiolabel" for="email_daily_agenda_yes">Yes</label>
                          <div class="open_group row mx-0 row-gap-20 mt-3">
                            <div class="col-12 px-0">
                              <label for="email_time" class="cursor-default">Select Time</label>
                              <div class="inputgroup">
                                <input class="form-control time-picker" name="start_time" type="text" id="tutEmailtime"
                                  value="<%=fetchTutorPreference[0]?.email_notification_preferences[0]?.select_time%>"
                                  placeholder="Select a time..." disabled />
                              </div>
                            </div>
                            <div class="col-12 px-0">
                              <ul class="settinglist mt-0">
                                <li class="w-100">
                                  <div class="form-check">
                                    <input type="checkbox" name="send_email_daily_agenda" value="1"
                                      class="form-check-input" id="daily_agenda_events"
                                      <%=fetchTutorPreference[0]?.email_notification_preferences[0]?.send_email_daily_agenda===true
                                      ? 'checked' :''%>
                                    disabled>
                                    <label class="form-check-label" for="daily_agenda_events">
                                      Send daily agenda even when no events are scheduled</label>
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <div class="form-check radio_group">
                          <input class="form-check-input" type="radio" name="email_daily_agenda"
                            id="email_daily_agenda_no" value="0"
                            <%=fetchTutorPreference[0]?.email_notification_preferences[0]?.email_daily_agenda=='0'
                            ? 'checked' :''%>
                          disabled>
                          <label class="radiolabel" for="email_daily_agenda_no">No</label>
                        </div>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="col-12 px-0">
                  <div class="form-group mb-0">
                    <% if(loggedUserInfo.role==2){ %>
                      <button class="btn cancel-btn theme-btn btn-disblock" disabled>Send Agenda Now</button>
                      <% } %>
                  </div>
                </div>
                <div class="ln_solid mb-0 col-12 px-0"></div>
                <div class="col-12 px-0 text-right btngroup">
                  <button type="button" class="btn form-button cancel-btn theme-btn">Cancel</button>
                  <button type="submit" class="btn form-button save-btn theme-btn btn-store-email-pref">Save</button>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>

<script>
  $(document).ready(function () {
    $('.time-picker').datetimepicker({
      allowInputToggle: true,
      keepOpen: true,
      useCurrent: false,
      format: 'hh:mm A',
      stepping: 30,
      icons: { time: "fa fa-clock" }
    }).on('dp.show', function () {
      // code when the picker shows
    });

    $('.time-picker').on('keydown', function (e) {
      e.preventDefault();
    });

    
    $('.btn-store-email-pref').click(function () {
      setCurrentTab();
      $('#event-schedule').submit();
    });
  });

</script>