{% extends 'base.html' %}
{% load static %}

{% block title %}
  Store Status
{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'CSS/store_status.css' %}">
{% endblock %}

{% block header %}
  Current Drinks store
{% endblock %}

{% block extra %}
  {% if user.is_staff %}
    <hr />
  {% endif %}
{% endblock %}
{% block content %}

<div class="like-dislike-container" style="margin-bottom: 50vh;">
  <div class="tool-box">
     <a href="{% url 'home'%}"><button class="btn-close">×</button></a>
    
  </div>

  <p class="text-content">
    Store Status
  </p>
  <div class="icons-box">
    <!-- SODA -->
    <div class="icons">
      <label class="btn-label">
        <span class="like-text-content">Soda</span>
        <span class="count"></strong> {{ store.soda_store }} <sup>pc</sup></span>
      </label>
    </div>

    <!-- WATER -->
    <div class="icons">
      <label class="btn-label">
        <span class="like-text-content">Water</span>
        <span class="count"></strong> {{ store.water_store }} <sup>pc</sup></span>
      </label>
    </div>

  </div>
</div>

  {% endblock %}