<!DOCTYPE html>
<html lang="es">

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title><%= content_for?(:title) ? yield(:title) : "Admin" %></title>
    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
    <%= content_for :head %>
    <%= csrf_meta_tags %>
    <%= favicon_link_tag "favicon.ico" %>
  </head>

  <body class="admin">
    <div class="off-canvas-wrapper">
      <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
        <div class="off-canvas position-left" id="offCanvas" data-off-canvas>

          <button class="close-button" aria-label="Close menu" type="button" data-close>
            <span aria-hidden="true">&times;</span>
          </button>

          <div class="show-for-small-only">
            <%= side_menu %>
          </div>
        </div>

        <div class="off-canvas-content" data-off-canvas-content>
          <%= render 'layouts/admin_header' %>

          <main class="no-margin-top row no-max-width collapse">
            <div class="small-12 medium-3 column">

              <div class="show-for-small-only">
                <button type="button" class="button hollow expanded" data-toggle="offCanvas"><%= t("admin.menu.admin") %></button>
              </div>

              <div id="side_menu" class="hide-for-small-only">
                <%= side_menu %>
              </div>
            </div>

            <div class="admin-content small-12 medium-9 column">
              <%= render 'layouts/flash' %>
              <%= yield %>
            </div>
          </main>
        </div>
      </div>
    </div>
  </body>
</html>
