<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title><%= content_for?(:title) ? yield(:title) : "Gobierno abierto" %></title>
    <%= stylesheet_link_tag    "application" %>
    <%= javascript_include_tag "vendor/modernizr" %>
    <%= javascript_include_tag "application", 'data-turbolinks-track' => true %>
    <%= csrf_meta_tags %>
    <%= favicon_link_tag "favicon.ico" %>
    <%= favicon_link_tag "apple-touch-icon-200.png",
                     rel: "apple-touch-icon",
                     sizes: "200x200",
                     type: "image/png" %>
    <%= content_for :social_media_meta_tags %>
    <!--[if lt IE 9]>
      <%= javascript_include_tag "respond" %>
    <![endif]-->
  </head>
  <body>
    <div class="wrapper">
      <%= render 'layouts/header' %>

      <!--[if lt IE 9]>
      <% if browser.ie? && cookies['ie_alert_closed'] != 'true' %>
        <div data-alert class="alert-box info ie-alert-box">
          <a href="#" class="close ie-alert-box-close-js">&times;</a>
          <h2><%= t("layouts.application.ie_title") %></h2>
          <p>
            <%= t("layouts.application.ie",
            chrome: link_to(
                    t("layouts.application.chrome"), "https://www.google.com/chrome/browser/desktop/", target: "_blank"),
            firefox: link_to(
                     t("layouts.application.firefox"), "https://www.mozilla.org/firefox", target: "_blank")
            ).html_safe %>
          </p>
        </div>
      <% end %>
      <![endif]-->

      <% if notice %>
      <div class="alert-messages">
        <div class="row">
          <div data-alert class="alert-box success radius">
            <a href="#" class="close">&times;</a>
            <%= notice %>
          </div>
        </div>
      </div>
      <% end %>

      <% if alert %>
      <div class="alert-messages">
        <div class="row">
          <div data-alert class="alert-box alert radius">
            <a href="#" class="close">&times;</a>
            <%= alert %>
          </div>
        </div>
      </div>
      <% end %>

      <%= yield %>
      <div class="push"></div>
    </div>
    <div class="footer">
      <%= render 'layouts/footer' %>
    </div>
  </body>
  <!--[if lt IE 9]>
    <%= javascript_include_tag "rem" %>
  <![endif]-->
</html>
