{% extends "layout.html" %}
{% from "_order.html" import
        order_details, specimen_details, histology_service_request, 
        pathology_service_request, digitalization_service_request with context %}
{% from "_slide.html" import slides_grid with context %}

{% block content %}

<h2>Order Details</h2>

{% if is_admin() %}
    <h4>Upload Slides</h4>
    <form action="{{ url_for("upload_slides") }}" method="GET">
        <fieldset>
            <input type="hidden" name="default_order" value="{{ order.id }}"/>
            <input style="width: 400px;" type="text" name="path" placeholder="s3://bucket.name/path/to/slides"></input>
        </fieldset>
        <input type="submit" name="upload" value="Upload" class="btn btn-warning"></input>
    </form>
{% endif %}

{% if is_admin() %}
    <p>
        <a class="btn btn-primary" href="{{ url_for('edit_order', order_id=order.id) }}?next={{ url_for('get_order', order_id=order.id) }}">
            <span class="icon-pencil icon-white"></span> Edit Order
        </a>
        {% if order.fulfilled %}
            <a href="{{ url_for('unfulfill_order', order_id=order.id) }}?next={{ url_for('get_order', order_id=order.id) }}" class="btn btn-warning">
                Unfulfill Order
            </a>
        {% else %}
            <a href="{{ url_for('fulfill_order', order_id=order.id) }}?next={{ url_for('get_order', order_id=order.id) }}" class="btn btn-warning">
                Fulfill Order
            </a>
        {% endif %}
        {% if not order.deleted %}
            <a href="{{ url_for('delete_order', order_id=order.id) }}" class="btn btn-danger"
                onclick="return window.confirm('Are you sure you want to delete this order?')">
                Delete Order
            </a>
        {% endif %}
    </p>
{% endif %}

<div class="accordion" id="order">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="order"
                href="#order_details">
                Order Details
            </a>
        </div>
        <div id="order_details" class="accordion-body collapse in">
            <div class="accordion-inner">
                {{ order_details(order) }}
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="order"
                href="#specimen_details">
                Specimen Details
            </a>
        </div>
        <div id="specimen_details" class="accordion-body collapse in">
            <div class="accordion-inner">
                {{ specimen_details(order) }}
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="order"
                href="#path_req">
                Pathology Service Request
            </a>
        </div>
        <div id="path_req" class="accordion-body collapse">
            <div class="accordion-inner">
                {{ pathology_service_request(order) }}
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="order"
                href="#hist_req">
                Histology Service Request
            </a>
        </div>
        <div id="hist_req" class="accordion-body collapse">
            <div class="accordion-inner">
                {{ histology_service_request(order) }}
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="order"
                href="#dig_req">
                Digitization Service Request 
            </a>
        </div>
        <div id="dig_req" class="accordion-body collapse">
            <div class="accordion-inner">
                {{ digitalization_service_request(order) }}
            </div>
        </div>
    </div>
</div>

<div id="slides">
    {{ slides_grid(slides, 'get_order', order_id=order.id) }}
</div>

{% endblock %}