<div class="title" data-controller="clock">
  <span data-clock-target="timeDisplay"><%= Time.current.strftime("%A, %B %d, %Y %l:%M:%S %p") %></span>
</div>

<%= render "toasts/toast_container" %>

<div class="row">
  <div class="col-12">
    <div class="navigation-container mb-4">
      <%= render "layouts/navigation" %>
    </div>
  </div>
</div>

<div class="row">
  <div id="settings-container" class="d-none col-12 col-lg-4 order-1 order-lg-2 mb-4 mb-lg-0" >
    <%= render partial: "users/settings" %>
  </div>

  <div id="windows-container" class="col-12 order-lg-1 order-2">
    <%= yield %>
  </div>
</div>