{% extends 'generic/object_detail.html' %}
{% load helpers %}
{% load humanize %}

{% block masthead %}
    <h2>Contract: {% block title %}{{ object }}{% endblock %}</h2>
{% endblock masthead %}

{% block content_left_page %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Contract</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <tr style="font-weight: bold">
                <td>Name</td>
                <td>{{ object.name }}</td>
            </tr>
            <tr>
                <td>Provider</td>
                <td>
                    <a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:providerlcm' pk=object.provider.id %}">
                        {{ object.provider }}
                    </a>
                </td>
            </tr>
            <tr>
                <td>Number</td>
                <td>{% if object.number %} {{ object.number }} {% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>Start Date</td>
                <td>{% if object.start %} {{ object.start }} {% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>End Date</td>
                <td>{% if object.end %} {{ object.end }} {% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>Cost</td>
                <td>{% if object.cost %} {{ object.cost | intcomma }} {% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>Currency</td>
                <td>{% if object.currency %} {{ object.currency }} {% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>Support Level</td>
                <td>{% if object.support_level %} {{ object.support_level }} {% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>Contract Type</td>
                <td>{% if object.contract_type %} {{ object.contract_type }} {% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>Devices</td>
                <td>
                    {% for device in object.devices.all %}
                    <a href="{% url 'dcim:device' pk=device.pk %}">{{ device }}</a>{% if not forloop.last %}, {% endif %}
                    {% endfor %}
                </td>
            </tr>
            <tr>
                <td>Comments</td>
                <td>{% if object.comments %}<pre>{{ object.comments|placeholder  }}</pre>{% else %} &mdash; {% endif %}</td>
            </tr>
        </table>
    </div>
{% endblock %}

{% block content_right_page %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Escalation Contacts</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <thead>
            <tr>
                <th style="width: 5%"></th>
                <th>Name</th>
                <th>E-Mail</th>
                <th>Phone</th>
                <th>Tier</th>
            </tr>
            </thead>
            <tbody>
            {% if not contacts %}
            <tr>
                <td colspan="5" class="text-muted text-center">
                    No contacts defined. Click the 'Add PoC' button below to add contacts.
                </td>
            </tr>
            {% endif %}
            {% for contact in contacts %}
            <tr>
                <td style="width: 5%">
                    {% if contact.type == "Primary" %}
                    <span class="mdi mdi-star" data-toggle="tooltip" title="Primary Contact"></span>
                    {% endif %}
                </td>
                <td><a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:contactlcm' pk=contact.id %}">{{ contact.name }}</a></td>
                <td>
                    {% if contact.email %}
                    <a href="mailto:{{ contact.email }}">{{ contact.email }}</a>
                    {% else %}&mdash;{% endif %}
                </td>
                <td>{{ contact.phone|placeholder }}</td>
                <td>{{ contact.type }}</td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
        <div class="panel-footer text-right no-print">
            <a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:contactlcm_add' %}?contract={{ object.id }}&return_url={% url 'plugins:nautobot_device_lifecycle_mgmt:contractlcm' pk=object.pk %}" class="btn btn-primary btn-xs">
                <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add Contact
            </a>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Service Contract Owner</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <thead>
            <tr>
                <th style="width: 5%"></th>
                <th>Name</th>
                <th>E-Mail</th>
                <th>Phone</th>
            </tr>
            </thead>
            <tbody>
            {% if not owners %}
            <tr>
                <td colspan="5" class="text-muted text-center">
                    No contract owner defined. Click the 'Add Owner' button below to add an owner.
                </td>
            </tr>
            {% endif %}
            {% for contact in owners %}
            <tr>
                <td style="width: 5%"></td>
                <td><a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:contactlcm' pk=contact.id %}">{{ contact.name }}</a></td>
                <td>
                    {% if contact.email %}
                    <a href="mailto:{{ contact.email }}">{{ contact.email }}</a>
                    {% else %}&mdash{% endif %}
                </td>
                <td>{{ contact.phone|placeholder }}</td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
        <div class="panel-footer text-right no-print">
            <a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:contactlcm_add' %}?type=Owner&contract={{ object.id }}&return_url={% url 'plugins:nautobot_device_lifecycle_mgmt:contractlcm' pk=object.pk %}" class="btn btn-primary btn-xs">
                <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add Owner
            </a>
        </div>
    </div>
{% endblock %}