<turbo-stream action="replace" target="attendance_modal"><template><div id="attendance_modal">
    
<div id="attendanceModal" class="fixed inset-0 z-50 flex items-center justify-center p-4" onclick="Schedule.closeAttendanceModalNew();">
  <div id="attendanceModalBackdrop" class="absolute inset-0 bg-black/50"></div>

  <article class="relative z-10 flex max-h-[90vh] w-full max-w-md flex-col overflow-hidden rounded-lg bg-white shadow-xl"
           role="dialog"
           aria-modal="true"
           aria-labelledby="attendanceModal-title"
           onclick="Schedule.stopPropagation(event);">
    <header class="flex items-start gap-3 px-5 pt-5 pb-3">
      <span class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full" style="background-color: #f59e0b; color: #111827;" aria-hidden="true"><svg class="w-5 h-5 shrink-0" fill="currentColor" viewBox="0 0 24 24">
  <path d="M2.34 14.63c.6-.22 1.22-.33 1.88-.33c1.34 0 2.51.42 3.51 1.26l-3.14 3.14c-1.06-1.2-1.81-2.57-2.25-4.07m13.22-4.83c1.97 1.47 4.1 1.83 6.38 1.08c.03.21.06.59.06 1.12c0 1.03-.25 2.18-.72 3.45c-.47 1.26-1.05 2.28-1.73 3.05l-6.33-6.31l2.34-2.39M8.77 16.64c1.06 1.53 1.28 3.2.65 5.02c-1.42-.41-2.69-1.05-3.75-1.93l3.1-3.09m3.42-3.42l6.31 6.33c-2.17 1.9-4.72 2.7-7.62 2.39c.21-.66.32-1.38.32-2.16c0-.62-.14-1.35-.42-2.18c-.28-.83-.61-1.51-.98-2.04l2.39-2.34M8.81 14.5c-.93-.83-2.01-1.35-3.23-1.59c-1.22-.23-2.39-.16-3.52.22c-.03-.22-.06-.6-.06-1.13c0-1.03.25-2.18.72-3.45C3.19 7.29 3.77 6.27 4.45 5.5l6.66 6.69l-2.3 2.31m6.75-6.77c-1.34-1.65-1.65-3.45-.93-5.39c.62.16 1.33.46 2.13.92c.79.45 1.44.9 1.94 1.33l-3.14 3.14m6.1 1.65c-.6.21-1.22.32-1.88.32c-1.09 0-2.14-.32-3.14-.98l3.09-3.05c.88 1.1 1.52 2.33 1.93 3.71M12.19 11.11L5.5 4.45C7.67 2.55 10.22 1.75 13.13 2.06c-.22.66-.33 1.38-.33 2.16c0 .72.16 1.53.49 2.44c.33.9.71 1.62 1.21 2.15l-2.31 2.3Z" />
</svg>
</span>
      <div class="min-w-0 grow">
        <h2 id="attendanceModal-title" class="text-lg font-semibold text-gray-900">
          5th-8th Intermediate Class
        </h2>
          <p class="mt-0.5 text-sm text-gray-600">with JALEN WELLS</p>
      </div>
      <button type="button" onclick="Schedule.closeAttendanceModalNew();" class="shrink-0 text-gray-400 hover:text-gray-600" aria-label="Close">
        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>

      </button>
    </header>


    <div class="flex-1 overflow-y-auto px-5 py-4">
      <ul class="space-y-1.5 text-sm text-gray-600">
        <li class="flex items-start gap-2">
          <svg class="mt-0.5 h-4 w-4 shrink-0 text-gray-400" fill="currentColor" viewBox="0 0 24 24">
  <path d="M9 10v2H7v-2h2m4 0v2h-2v-2h2m4 0v2h-2v-2h2m2-7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1V1h2v2h8V1h2v2h1m0 16V8H5v11h14M9 14v2H7v-2h2m4 0v2h-2v-2h2m4 0v2h-2v-2h2Z" />
</svg>

          <span>Sunday, August 08, 2027</span>
        </li>
        <li class="flex items-center gap-2">
          <svg class="h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>

          <span class="flex flex-wrap items-center gap-2">
            11:30 AM – 1:00 PM
            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-700">1 hour and 30 minutes</span>
          </span>
        </li>
          <li class="flex items-start gap-2">
            <svg class="mt-0.5 h-4 w-4 shrink-0 text-gray-400" fill="currentColor" viewBox="0 0 24 24">
  <path d="M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Z" />
</svg>

            <span>FCS GYM</span>
          </li>
          <li class="flex items-start gap-2">
            <svg class="mt-0.5 h-4 w-4 shrink-0 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>

            <span>15 spots available</span>
          </li>
      </ul>

        <p class="mt-3 text-sm text-gray-700">
            Register or sign in to reserve a spot
        </p>


      
    </div>

    
<footer class="flex flex-wrap items-center justify-end gap-2 border-t border-gray-100 px-5 py-3">
  <button type="button" onclick="Schedule.closeAttendanceModalNew();"
          class="inline-flex items-center font-medium rounded-sm transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 border border-gray-300 shadow-xs text-gray-700 bg-white hover:bg-gray-50 px-4 py-2 text-sm ">
    Close
  </button>

      <a class="inline-flex items-center font-medium rounded-sm transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 border border-gray-300 shadow-xs text-gray-700 bg-white hover:bg-gray-50 px-4 py-2 text-sm " href="/auth/signup">Register</a>
    <a class="inline-flex items-center font-medium rounded-sm transition-colors focus:outline-hidden focus:ring-2 focus:ring-offset-2 bg-blue-500 hover:bg-blue-600 text-white focus:ring-blue-500 px-4 py-2 text-sm " href="/auth/login">Sign in</a>
</footer>

  </article>
</div>

</div>
</template></turbo-stream>