{% extends "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 }} (<a href="/orders/{{slide.order_id}}/">Order {{slide.order_id}}</a>)</h2>

<div class="row-fluid">

<div class="span6">
    <p>
        {% if slide.is_available() %}
            {% if slide.renditions.original %}
                <a href="{{ url_for_storage(slide.renditions['original']) }}" class="btn btn-info">
                    <span class="icon-download icon-white"></span> Download
                </a>
            {% endif %}
            {% 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 %}
        {% else %}
            {% if slide.is_archived() %}
            <a href="#" data-slide-id="{{slide.id}}" data-slide-name="{{slide.slide_name}}" data-multiplier="" class="btn btn-info slide-restore-btn">
                <span class="icon-search icon-white"></span> Restore
            </a>
            {% endif %}
            {% if slide.is_restoring() %}
                Restoration in progress
            {% endif %}
        {% endif %}
        {% if can_delete() and not slide.deleted %}
            <a href="{{ url_for('delete_slide', slide_id=slide.id) }}" class="btn btn-danger" 
                onclick="return window.confirm('Are you sure you want to delete this slide?')">
                Delete Slide
            </a>
        {% endif %}
    </p>
    <p>
        {% include "slide_js_init.html" %}
        {% include "assign_stain_form.html" %}
    </p>
    <p>
        {% include "tag_slide_form.html" %}
    </p>
    <p>
        Expires: {{ slide.expires.strftime("%Y-%m-%d %H:%M") }}
    </p>

    {% if slide.is_viewable() %}
        <h3>Share</h3>
        {% if slide.share_code %}
            <p>
                Share URL:
                <a href="{{ url_for('view_slide', slide_id=slide.id, code=slide.share_code) }}">
                    {{ url_for('view_slide', slide_id=slide.id, code=slide.share_code, _external=True) }}
                </a>
            </p>
            <p>
                <a href="#" data-revoke-url="{{ url_for('revoke_slide', slide_id=slide.id) }}" class="btn btn-danger slide-revoke-btn">
                    <span class="icon-remove icon-white"></span> Revoke
                </a>
            </p>
        {% else %}
            <p>
                <a href="#" class="btn btn-primary slide-share-btn">
                    <span class="icon-share icon-white"></span> Share
                </a>
            </p>
        {% endif %}
    {% endif %}
    
    <h3>Sample Info</h3>
    {% if slide.stain %}
    {{ sample_details(slide) }}
    {% else %}
        No associated sample or stain.
    {% endif %}

    <h3>Science Info <a class="btn btn-primary" href="{{ url_for('user_edit_order', order_id=slide.order.id) }}?next={{ url_for('show_slide', slide_id=slide.id) }}">
            <span class="icon-pencil icon-white"></span> Edit</a>
    </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>

{% include 'slide_restore.html' %}
{% include 'slide_share.html' %}

<script type="text/javascript">
    $(document).ready(function(){
        init_slide_restore_dialog();
        init_slide_share_warn_dialog();
        init_slide_share_copy_dialog();
    });
    GmHistowiz = GmHistowiz || {};
    GmHistowiz.SLIDE_ID = '{{slide.id}}';
    GmHistowiz.ASSIGN_STAIN_FORM_SUCCESS_URL = '/slides/{{slide.id}}/';
</script>

{% endblock %}