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

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

{% block content_left_page %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Vendor</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <tr>
                <td>Name</td>
                <td>{{ object.name }}</td>
            </tr>
            <tr>
                <td>Description</td>
                <td>{{ object.description|placeholder }}</td>
            </tr>
            <tr>
                <td>E-Mail</td>
                <td>{% if object.email %} <a href="mailto:{{ object.email }}">{{ object.email }}</a>{% else %} &mdash; {% endif %}</td>
            </tr>
            <tr>
                <td>Phone</td>
                <td>{{ object.phone|placeholder }}</td>
            </tr>
            <tr>
                <td>Address</td>
                <td>{% if object.physical_address %}
                    <div class="pull-right noprint">
                        <a href="https://maps.google.com/?q={{ object.physical_address|urlencode }}" target="_blank" class="btn btn-primary btn-xs">
                            <i class="mdi mdi-map-marker"></i> Map it
                        </a>
                    </div>
                    <span>{{ object.physical_address|linebreaksbr }}</span>
                    {% else %} &mdash; {% endif %}
                </td>
            </tr>
            <tr>
                <td>Country</td>
                <td>{{ object.country|placeholder }}</td>
            </tr>
            <tr>
                <td>Portal URL</td>
                <td><a href="{{ object.portal_url }}">{{ object.portal_url }}</a></td>
            </tr>
            <tr>
                <td>Comments</td>
                <td>
                    {% if object.comments %}
                    <pre>{{ object.comments }}</pre>
                    {% else %} &mdash; {% endif %}
                </td>
            </tr>
        </table>
    </div>
{% endblock %}

{% block content_right_page %}
    {% if contracts.count > 0 %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Service Contracts</strong>
        </div>
        <table class="table panel-body attr-table">
            <tr class="active">
                <th>Name</th>
                <th>Start Date</th>
                <th>End Date</th>
                <th>Support Level</th>
                <th>Type</th>
            </tr>
            {% for contract in contracts %}
            <tr class="{% if contract.expired %}bg-danger{% endif %}">
                <td><a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:contractlcm' pk=contract.id %}">{{ contract.name }}</a></td>
                <td>{{ contract.start|placeholder }}</td>
                <td>{{ contract.end|placeholder }}</td>
                <td>{{ contract.support_level }}</td>
                <td>{{ contract.contract_type }}</td>
            </tr>
            {% endfor %}
        </table>
        <div class="panel-footer text-right no-print">
            <a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:contractlcm_add' %}?provider={{ object.pk }}&return_url={% url 'plugins:nautobot_device_lifecycle_mgmt:providerlcm' pk=object.pk %}" class="btn btn-primary btn-xs">
                <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add Contract
            </a>
        </div>
    </div>
    {% endif %}
{% endblock %}