<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width">

<title><%= yield :title %></title>
<%= stylesheet_link_tag 'public_forms', media: 'all' %>
<%= stylesheet_link_tag 'password_forms', :media => 'all' %>
<% if content_for?(:extra_password_js) %>
<%= yield :extra_password_js %>
<% end %>
<%= favicon_link_tag "favicon.png", skip_pipeline: true %>
</head>
<body>
  <div class="passwordContainer">
  <% unless @reduced_ui %>
  <% if content_for?(:password_tabs) %>
    <div class="passwordTabs">
    <%= yield :password_tabs %>
    </div>
  <% end %>
  <% end %>
    <div class="content">
      <% unless @reduced_ui %>
      <% if content_for?(:title) %>
      <h1><%= yield :title %></h1>
      <% end %>
      <% end %>
      <% if message_keys = flash.keys.select { |key| ["error", "notice", "success", "alert"].include?(key) } %>
      <% message_keys.each do |key| %>
      <p class="message_<%= key %>"><%= flash[key] %></p>
      <% end %>
      <% end %>
      <%= yield %>
    </div>
  </div>
<% if content_for?(:password_validator) %><%= yield :password_validator %><% end %>
  <% unless @reduced_ui %>
  <footer class="public">
    <%= manufacturer_logo %>
    <p><%= copyright_with_year %></p>
  </footer>
  <% end %>
</body>
</html>
