{% extends 'base.html' %}

{% load static %}

{% block title %}Ingredients | IQBlending{% endblock %}

{% block content %}
<div style="background-color: black;color:white;margin:0;padding:0;">
    <h4>BLENDING ADMINISTRATOR PLATFORM</h4>
    <p>Ingredients for Blend {{b.blend_number}} Administration Dashboard</p>
</div>

<hr style="background-color: rgb(48, 25, 52); color: rgb(48, 25, 52);">
{% if data %}
<h5 class="mx-3">INGREDIENTS FOR BLEND : <strong>{{b.blend_number}} / {{b.blend_number_2}}</strong></h5>
<p class="mx-3 mb-1">PRODUCT : <strong>{{b.product}}</strong></p>
<p class="mx-3">TANK : <strong>{{b.tank_number}}</strong></p>
<div>
    <ul class="list-group list-group-flush">
        {% for d in data %}
            <li class="list-group-item"><a class="stretched-link" href="/administrator/{{lk}}_admin_detail_fxn/{{d.id}}">{{d.ingredient}}</a></li>
        {% endfor %}
    </ul>
</div>

{% else %}

<h1>No {{ lk|upper }}</h1>

{% endif %}
 <br><br>
{% endblock %}