<!DOCTYPE html>
<%%#
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
%>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Mandarin | Starter</title>
  <%%# Tell the browser to be responsive to screen width %>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  <%%# Font Awesome %>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <%%# Ionicons %>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.4.1/css/ionicons.min.css">
  <%%# Theme style %>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.8/css/AdminLTE.min.css">
  <%%# AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect. %>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.8/css/skins/_all-skins.min.css">

  <%%# Google Font %>
  <link rel="stylesheet"
        href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<%%#
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
%>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
  <header class="main-header">
    <%%= render <%= install.web_module %>.<%= install.layout_view_camel_case %>, "main-header.html", assigns %>
  </header>

  <%%# Left sidebar %>
  <aside class="main-sidebar">
    <section class="sidebar">
      <%%= render <%= install.web_module %>.<%= install.layout_view_camel_case %>, "sidebar.html", assigns %>
    </section>
  </aside>

  <%%# Page content %>
  <div class="content-wrapper">
    <%%= render @view_module, @view_template, assigns %>
  </div>

  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      Anything you want
    </div>
    <strong>Copyright &copy; <%= DateTime.utc_now |> Map.fetch!(:year) %> <a href="#">Company</a>.</strong> All rights reserved.
  </footer>

  <div class="control-sidebar-bg">
  </div>
</div>

<%%# REQUIRED JS SCRIPTS %>
<%# Phoenix's Javascript so that "delete links" work as they should %>
<script src="<%%= Routes.static_path(@conn, "/js/app.js") %>"></script>
<%# jQuery 3 %>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<%# Bootstrap 3.3.7 %>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<%# AdminLTE App %>%
<script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.4.8/js/adminlte.min.js"></script>

<%%# Forage Widgets %>
<%%= ForageWeb.Assets.forage_date_input_assets() %>
<%%= ForageWeb.Assets.forage_select_assets() %>

<%%= ForageWeb.Assets.activate_forage_date_input() %>
<%%= ForageWeb.Assets.activate_forage_select() %>


<%%# Optionally, you can add Slimscroll and FastClick plugins.
     Both of these plugins are recommended to enhance the
     user experience. %>
</body>
</html>