<commit_before><template>
  <div>
    <div
      v-if="isSummerQuarter && isLastTab"
      class="alert alert-primary myuw-text-md"
      role="alert"
    >
      Most Summer quarter final examinations are given on the final meeting
      day of the course instead of a final examination week. Consult with
      your instructors when your final examinations will be.
    </div>
    <div v-if="hasMeetingsWithTime" class="mb-4 d-flex">
      <div class="flex-shrink-1 myuw-text-xs"
           aria-hidden="true"
      >
        <div class="d-flex flex-column time-column">
          <div v-for="(time, i) in timeSlots" :key="i"
               class="time-cell"
          >
            <div v-if="time.minute() == 0" class="fw-bold text-nowrap">
              {{ time.format('ha') }}
            </div>
            <div v-else class="d-none">
              {{ time.format('h:mma') }}
            </div>
          </div>
        </div>
      </div>
      <!-- Desktop Version -->
      <div v-if="$mq !== 'mobile'"
           class="w-100"
      >
        <div class="d-flex flex-wrap">
          <div v-for="day in Object.keys(period.daySlots)" :key="day"
               :aria-labelledby="`${day}-${period.id}`"
               role="group"
               class="day-column-desktop flex-even"
          >
            <div class="fw-bold text-center myuw-text-xs day-heading">
              <div :id="`${day}-${period.id}`">
                {{ days[day] }}
                <span v-if="isFinalsTab && period.daySlots[day]"
                      class="d-block"
                >
                  {{ period.daySlots[day].format('MMM D') }}
                </span>
              </div>
            </div>
            <div v-for="(time, i) in timeSlots" :key="i"
                 :class="{'day-cell': true, 'day-disabled': isDayDisabled(day)}"
            >
              <div v-if="(
                meetingMap[day][formatToUnique(time)] &&
                meetingMap[day][formatToUnique(time)].length > 0
              )" class="d-flex"
              >
                <uw-course-section
                  v-for="(meetingData, j) in
                    meetingMap[day][formatToUnique(time)]"
                  :key="j" :meeting-data="meetingData"
                  :is-finals-card="isFinalsTab" :day="day" :term="term"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Mobile Version -->
      <div v-else class="w-100">
        <div class="day-column">
          <div class="mobile-column-selector">
            <select
              v-model="mobile['current']"
              title="Select the Day of Week:"
              :options="mobile['options']"
              class="fw-bold myuw-text-md"
            ><commit_msg>Updates vs mobile selector.<commit_after><template>
  <div>
    <div
      v-if="isSummerQuarter && isLastTab"
      class="alert alert-primary myuw-text-md"
      role="alert"
    >
      Most Summer quarter final examinations are given on the final meeting
      day of the course instead of a final examination week. Consult with
      your instructors when your final examinations will be.
    </div>
    <div v-if="hasMeetingsWithTime" class="mb-4 d-flex">
      <div class="flex-shrink-1 myuw-text-xs"
           aria-hidden="true"
      >
        <div class="d-flex flex-column time-column">
          <div v-for="(time, i) in timeSlots" :key="i"
               class="time-cell"
          >
            <div v-if="time.minute() == 0" class="fw-bold text-nowrap">
              {{ time.format('ha') }}
            </div>
            <div v-else class="d-none">
              {{ time.format('h:mma') }}
            </div>
          </div>
        </div>
      </div>
      <!-- Desktop Version -->
      <div v-if="$mq !== 'mobile'"
           class="w-100"
      >
        <div class="d-flex flex-wrap">
          <div v-for="day in Object.keys(period.daySlots)" :key="day"
               :aria-labelledby="`${day}-${period.id}`"
               role="group"
               class="day-column-desktop flex-even"
          >
            <div class="fw-bold text-center myuw-text-xs day-heading">
              <div :id="`${day}-${period.id}`">
                {{ days[day] }}
                <span v-if="isFinalsTab && period.daySlots[day]"
                      class="d-block"
                >
                  {{ period.daySlots[day].format('MMM D') }}
                </span>
              </div>
            </div>
            <div v-for="(time, i) in timeSlots" :key="i"
                 :class="{'day-cell': true, 'day-disabled': isDayDisabled(day)}"
            >
              <div v-if="(
                meetingMap[day][formatToUnique(time)] &&
                meetingMap[day][formatToUnique(time)].length > 0
              )" class="d-flex"
              >
                <uw-course-section
                  v-for="(meetingData, j) in
                    meetingMap[day][formatToUnique(time)]"
                  :key="j" :meeting-data="meetingData"
                  :is-finals-card="isFinalsTab" :day="day" :term="term"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Mobile Version -->
      <div v-else class="w-100">
        <div class="day-column">
          <div class="mobile-column-selector">
            <select
              v-model="mobile['current']"
              title="Select the Day of Week:"
              :options="mobile['options']"
              class="form-select fw-bold myuw-text-md"
            >
{'fraction_non_alphanumeric': 0.15783822476735862, 'fraction_numerical': 0.0035790980672870437, 'mean_word_length': 1.4374182293938071, 'pattern_counts': {'":': 0, '<': 79, '<?xml version=': 0, '>': 81, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '979223', 'n_tokens_mistral': 1693, 'n_tokens_neox': 1635, 'n_words': 324}