<html>
  <head>
    <%= stylesheet_link_tag 'wizard' %>
    <%= script 'ember_jquery' %>
    <%= script 'wizard-vendor' %>
    <%= script 'wizard-application' %>
    <%= script "locales/#{I18n.locale}" %>
    <%= render partial: "common/special_font_face" %>
    <script src="<%= Discourse.base_uri %>/extra-locales/wizard"></script>
    <%= csrf_meta_tags %>

    <meta name="discourse-base-uri" content="<%= Discourse.base_uri %>">

    <%= render partial: "layouts/head" %>
    <title><%= t 'wizard.title' %></title>
  </head>

  <body class='wizard'>
    <div id='wizard-main'></div>

    <script>
      (function() {
        var wizard = require('wizard/wizard').default.create();
        wizard.start();
      })();
    </script>
  </body>
</html>
