<!DOCTYPE html>
<html lang="en">
<head>
  <%= render 'layouts/common_head' %>
</head>
<body data-in-app="true" class="<%= controller_name %> <%= action_name %>  <%= 'dark' if user_signed_in? && current_user.dark_mode_enabled? %>">
  <%= render 'layouts/sidenav', locals: { fixed: false } if user_signed_in? %>
  <%= render 'layouts/document_sidenav', locals: { fixed: false } if user_signed_in? %>
  <%# render 'layouts/document_entities_sidenav', locals: { fixed: false } if user_signed_in? %>
  <%= 
    react_component("DocumentEntitiesSidebar", { 
      linked_entities: @linked_entities, 
      link_form_path:  link_entity_documents_path, 
      user_content:    @current_user_content,
      document_id:     @document.id
    })
  %>
  <%= render 'layouts/document_navbar' %>

  <main>
    <div class="mobile-navbar-spacer hide-on-med-and-up">&nbsp;</div>
    <%= yield :full_width_page_header %>
    <div class="container-fluid">
      <div class="row">
        <div class="col s12">
          <%= yield %>
        </div>
      </div>
    </div>

    <%= render 'layouts/ganalytics' %>
  </main>

  <%= render 'layouts/footer' unless defined?(@show_footer) && !@show_footer %>
  <%= render 'cards/ui/alert' %>
  <%= render 'cards/ui/notice' %>

  <script type="text/javascript">
    DISABLE_KEYBOARD_SHORTCUTS = true;
    
    document.addEventListener("DOMContentLoaded", function(event) { 
      setTimeout(function() {
        <%= yield :javascript %>
      }, 1000);
    });
  </script>

</body>
</html>
