admin.html

---
tab: admin
title: Admin
layout: default
---

<h1>Admin</h1>

<div class="not-login-alert"><i class="fa fa-times text-danger mr-2"></i>Admin: not logged in</div>
<div class="login-alert d-none"><i class="fa fa-check text-success mr-2"></i>Admin: logged in</div>

<ul class="nav nav-tabs mt-5" id="adminTabs" role="tablist">
      <li class="nav-item">
        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Admin home</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="login-tab" href="/login#admin">Login</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="users-tab" data-toggle="tab" href="#users" role="tab" aria-controls="users" aria-selected="true">Kids</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="offers-tab" data-toggle="tab" href="#offers" role="tab" aria-controls="offers" aria-selected="false">Catalog</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" id="orders-tab" data-toggle="tab" href="#orders" role="tab" aria-controls="orders" aria-selected="false">Donations</a>
      </li>
</ul>

<div class="tab-content" id="adminTabContent">
  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
    <p class="mt-5">This is the admin page for HelperBees.</p>
  </div>
  <div class="tab-pane fade" id="users" role="tabpanel" aria-labelledby="users-tab">
    {% include_relative admin_users.html %}
  </div>
  <div class="tab-pane fade" id="offers" role="tabpanel" aria-labelledby="offers-tab">
    {% include_relative admin_offers.html %}
  </div>
  <div class="tab-pane fade" id="orders" role="tabpanel" aria-labelledby="orders-tab">
    {% include_relative admin_orders.html %}
  </div>
</div>

<!-- alert boxes, unused for now -->
<div class="d-none">
  <div class="spinner"><i class="fa fa-spin fa-cog"></i></div>
  <div class="alert-box">
    <div class="success alert alert-success">
      <p>Success!</p>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
	<span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="fail alert alert-danger">
      <div>
	Oops, there was a problem:
	<div class="reason"></div>
      </div>
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
	<span aria-hidden="true">&times;</span>
      </button>
    </div>
  </div>
</div>

<script src="assets/js/admin.js"></script>