{% extends request.is_ajax|yesno:"base_ajax.html,base_rigs.html" %}

{% load markdown_tags %}
{% load button from filters %}

{% block content %}
<div class="row my-3 py-3">
    <div class="col-sm-12 text-right mb-2">
        {% button 'edit' 'subhire_update' object.pk %}
    </div>
    <div class="col-md-6">
        {% include 'partials/contact_details.html' %}
    </div>
    <div class="col-md-6">
        <div class="card card-default">
            <div class="card-header">Hire Details</div>
            <div class="card-body">
                <dl class="row">
                    <dt class="col-sm-6">Name</dt>
                    <dd class="col-sm-6">{{ object.name }}</dd>
                    <dt class="col-sm-6">Event Starts</dt>
                    <dd class="col-sm-6">{{ object.start_date|date:"D d M Y" }} {{ object.start_time|date:"H:i" }}</dd>

                    <dt class="col-sm-6">Event Ends</dt>
                    <dd class="col-sm-6">{{ object.end_date|date:"D d M Y" }} {{ object.end_time|date:"H:i" }}</dd>
                    
                    <dt class="col-sm-6">Status</dt>
                    <dd class="col-sm-6">{{ object.get_status_display }}</dd>

                    <dt class="col-sm-6">PO</dt>
                    <dd class="col-sm-6">{{ object.po }}</dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="col-md-6 mt-2">
        <div class="card card-default">
            <div class="card-header">Equipment Information</div>
            <div class="card-body">
                <dl class="row">
                    <dt class="col-sm-6">Description</dt>
                    <dd class="col-sm-6">{{ object.description }}</dd>
                    {% if perms.RIGS.subhire_finance %}
                    <dt class="col-sm-6">Insurance Value</dt>
                    <dd class="col-sm-6">£{{ object.insurance_value }}</dd>
                    {% endif %}
                    <dt class="col-sm-6">Quote</dt>
                    <dd class="col-sm-6"><a href="{{ object.quote }}">View</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="col-md-12 mt-2">
        <div class="card card-default">
            <div class="card-header">Associated Event(s)</div>
            {% with object.events.all as events %}
                {% include 'partials/event_table.html' %}
            {%endwith%}
        </div>
    </div>
    {% if not request.is_ajax and perms.RIGS.view_event %}
        <div class="col-sm-12 text-right">
            {% include 'partials/last_edited.html' with target="event_history" %}
        </div>
    {% endif %}
</div>
{% endblock %}

{% if request.is_ajax %}
    {% block footer %}
            {% if perms.RIGS.view_event %}
                {% include 'partials/last_edited.html' with target="event_history" %}
            {% endif %}
            <a href="{% url 'subhire_detail' object.pk %}" class="btn btn-primary">Open Event Page <span class="fas fa-eye"></span></a>
    {% endblock %}
{% endif %}