<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Parsley</title>

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

  <link rel="apple-touch-icon-precomposed" href="<%= image_path('favicon/tree-14a-152-195103.png') %>">
  <link rel="icon" href="<%= image_path('favicon/tree-14a-152-195103.png') %>" sizes="152x152">

  <%= csrf_meta_tags %>
</head>
<body>

<nav class="navbar navbar-inverse">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">Parsley</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <% nav_items.each do |li| %>
          <%= li %>
        <% end %>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <% profile_nav_items.each do |li| %>
          <%= li %>
        <% end %>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>

<%= render partial: 'layouts/flash_messages' %>

<div class="container" id="main_container">

  <%= yield %>

</div><!-- /.container -->

<!--<footer class="footer">-->
  <!--<div class="container-fluid">-->
    <!--<div class="row">-->
      <!--<div class="col-xs-12">-->
        <!--<p class="text-muted text-right">&copy; Dan Elbert 2016</p>-->
      <!--</div>-->
    <!--</div>-->
  <!--</div>-->
<!--</footer>-->


</body>
</html>