{% extends "site.html" %}


{% block head %}
    {{ block.super }}
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    {% if drug_search %}
        <a href="{% url 'site:search-drug-detail' instance.authority.id %}">Back To Drug Info Detail</a>
    {% else %}
        <a href="{% url 'site:drug-site-drugs' %}">Back To Site Drug List</a>
    {% endif %}
    <p>&nbsp;</p>
    <form name="managePillImageForm" id="managePillImageForm" method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        <table class="table" style="width: auto;">
            <tr>
                <td><b>Manufacturer:</b></td>
                <td>{{ instance.manufacturer.name }}</td>
            </tr>
            <tr>
                <td><b>Shape:</b></td>
                <td>{{ instance.shape.name }}</td>
            </tr>
            <tr>
                <td><b>Color:</b></td>
                <td>{{ instance.color.name }}</td>
            </tr>
            <tr style="vertical-align: top;">
                <td><b>Current Drug Image:</b></td>
                <td>
                    {% if instance.id %}
                        {% url 'site:get-pill-image' instance.id as image_src %}
                        {% include 'crop-image.html' with image_src=image_src delete_value=instance.id aspect_ratio=2 %}
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td><b>Select New Drug Image:</b></td>
                <td>
                    {{ drug_img_form.img_file }}
                    <div class="btn-toolbar">
                        <button class="btn" id="btn-upload-img" name="btn-upload-img">
                            <i class="icon-upload-alt"></i> Upload File
                        </button>
                    </div>
                </td>
            </tr>
        </table>
    </form>
{% endblock %}