{% extends "demo_layout.html" %}
{% from "_order_v2.html" import
        science_info, stain_details, sample_details with context %}

{% block morehead %}
    <script src="{{ url_for('static', filename='lib/jquery-ui-1.11.1.custom/jquery-ui.min.js') }}"></script>
    {% assets filters="jsmin", output="gen/slide_v2-packed.js",
             "assign_stain_form.js", "stain_widgets.js", "tag_container.js", "tag_slide_form.js" %}
        <script src="{{ ASSET_URL }}"></script>
    {% endassets %}
    {% assets filters="cssmin", output="gen/slide_v2-packed.css",
            "css/stain_widgets.css", "css/tag_container.css" %}
        <link rel="stylesheet" href="{{ ASSET_URL }}">
    {% endassets %}
{% endblock %}

{% block content %}

<div class="error-container"></div>
<h2>{{ slide.slide_name }}</h2>

<div class="row-fluid">

<div class="span6">
    <p>
            {% if slide.renditions.viewer_dzi %}
                <a href="{{ url_for('view_slide', slide_id=slide.id) }}" class="btn btn-info">
                    <span class="icon-search icon-white"></span> View
                </a>
            {% endif %}
    </p>
    <p>
        {% include "slide_js_init.html" %}
        {% include "tag_slide_form.html" %}
    </p>
    <p>
        Expires: {{ slide.expires.strftime("%Y-%m-%d %H:%M") }}
    </p>

    <h3>Sample Info</h3>
    {% if slide.stain %}
    {{ sample_details(slide) }}
    {% else %}
        No associated sample or stain.
    {% endif %}

    <h3>Science Info</h3>
    {{ science_info(slide.order) }}
</div>

<div class="span6">
    <h4>Preview</h4>
    {% if slide.renditions.macro_medium %}
        <img src="{{ url_for_storage(slide.renditions['macro_medium']) }}"/>
    {% endif %}
</div>

</div>

{% endblock %}