{% load pretty %}

{% load cache %}

{% cache 600 favourite_detail request.user.id object %}
  {% include 'mixins/partials/notify.html' %}

  {% if object is not None %}
    <h1 class="title">{{ object.name }} - {{ object.nickname }} - {{ object.common_name }}</h1>
    <p class="subtitle"><strong>{{ object.drug_class }}</strong></p>
    <div class="block">
      <a class="button is-info" href="#">Prices</a>
      <a class="button is-info" href="#">More info</a>
    </div>
    <div class="grid">
      <div class="cell">
        <div class="box">
          <h2 class="subtitle">Dosage</h2>
          <ul>
            {% for dose in object.dosages.all %}
              <li>{{ dose }}</li>
            {% endfor %}
          </ul>
        </div>

        <div class="box">
          <h2 class="subtitle">Timing</h2>
          <ul>
            {% for timing in object.timings.all %}
              <li>{{ timing }}</li>
            {% endfor %}
          </ul>
        </div>

        <div class="box">
          <h2 class="subtitle">Links</h2>
          <ul>
            {% for link in object.links.all %}
              <li>{{ link }}</li>
            {% endfor %}
          </ul>
        </div>

      </div>
      <div class="cell">
        <div class="box">
          <h2 class="subtitle">Actions</h2>
          <ul>
            {% for action in object.actions.all %}
              <li>{{ action }}</li>
            {% endfor %}
          </ul>
        </div>

        <div class="box">
          <h2 class="subtitle">Effects</h2>
          <ul>
            {% for effect in object.effects.all %}
              <li>{{ effect }}</li>
            {% endfor %}
          </ul>
        </div>


      </div>
    </div>
    <div class="box">
      <h2 class="subtitle">Experiences</h2>
      <ul>
        {% for exp in object.experiences.all %}
          <li>{{ exp }}</li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}
{% endcache %}