<div class="container mx-auto px-4 py-8">
  <div class="max-w-full">
  <h1 class="text-xl my-4 dark:text-red-500">
    Assignments for
    <%= link_to @user.name, user_assignments_path(@user) %>
    <span class="text-base ml-2 mb-2 inline p-2 border bg-slate-50 hover:bg-slate-100 border-slate-200 hover:border-slate-200 shadow font-normal rounded-md"><%= link_to user_assignments_path(@user, format: 'ics') do %><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 24" fill="currentColor" aria-hidden="true" class="size-6 inline-block stroke-slate-400 fill-slate-400"><path fill-rule="evenodd" d="M5.75 2a.75.75 0 01.75.75V4h7V2.75a.75.75 0 011.5 0V4h.25A2.75 2.75 0 0118 6.75v8.5A2.75 2.75 0 0115.25 18H4.75A2.75 2.75 0 012 15.25v-8.5A2.75 2.75 0 014.75 4H5V2.75A.75.75 0 015.75 2zm-1 5.5c-.69 0-1.25.56-1.25 1.25v6.5c0 .69.56 1.25 1.25 1.25h10.5c.69 0 1.25-.56 1.25-1.25v-6.5c0-.69-.56-1.25-1.25-1.25H4.75z" clip-rule="evenodd"></path></svg> iCal<% end %></span>
  </h1>
  <% now = Time.now %>
  <div>
    <h2 class="text-lg my-4">List View</h2>
    <% @user.assignments.includes(:session, session: :conference).order('sessions.starts_at').group_by { |a| a.session.starts_at.strftime('%Y-%m-%d') }.each do |date, assignments_on_date| %>
      <%= render partial: 'listview_date', locals: { assignments_on_date:, date:, now: } %>
    <% end %>
  </div>

  <div class="overflow-x-auto max-w-full">
    <h2 class="text-lg my-4 sticky left-0">Table View</h2>
    <table class="border *:border w-full">
      <thead>
        <tr class="*:font-bold *:border">
          <th>Date</th>
          <th>Starts</th>
          <th>Ends</th>
          <th>Stage</th>
          <th>Session</th>
          <th>Collaborators</th>
        </tr>
      </thead>
      <tbody>
    <% @user.assignments.includes(:session, session: :conference).order('sessions.starts_at').each do |assignment| %>
      <tr class="*:border *:p-1 <%= assignment.session.ends_at < Time.now ? "past" : "future" %>">
        <td><%= assignment.session.starts_at.strftime('%Y-%m-%d') %></td>
        <td><%= assignment.session.starts_at.strftime('%H:%M') %></td>
        <td><%= assignment.session.ends_at.strftime('%H:%M') %></td>
        <td><%= assignment.session.stage.name %></td>
        <td><%= render partial: 'shared/session_filedrop', locals: { session: assignment.session } %><%= link_to assignment.session.title, assignment.session.url, target: "_blank" %><%= render partial: 'shared/session_engelsystem', locals: { session: assignment.session } %></td>
        <td><% assignment.session.assignments.map(&:user).each do |other_user| %><%= render partial: 'application/user_avatar', locals: { user: other_user } %><% end %></td>
      </tr>
    <% end %>
    </table>
  </div>
</div>