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

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

{% block content_left_page %}
    <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Contact</strong>
        </div>
        <table class="table table-hover panel-body attr-table">
            <tr>
                <td>Name</td>
                <td>{{ object.name }}</td>
            </tr>
            <tr>
                <td>Address</td>
                <td>{% if object.address %}
                    <div class="pull-right noprint">
                        <a href="https://maps.google.com/?q={{ object.address|urlencode }}" target="_blank" class="btn btn-primary btn-xs">
                            <i class="mdi mdi-map-marker"></i> Map it
                        </a>
                    </div>
                    <span>{{ object.address|linebreaksbr }}</span>
                    {% else %} &mdash; {% endif %}
                </td>
            </tr>
            <tr>
                <td>Phone</td>
                <td>{{ object.phone|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>PoC Type</td>
                <td>{{ object.type }}</td>
            </tr>
            <tr>
                <td>Assign to Contract</td>
                <td><a href="{% url 'plugins:nautobot_device_lifecycle_mgmt:contractlcm' pk=object.contract.id %}">{{ object.contract.name }}</a></td>
            </tr>
            <tr>
                <td>Priority</td>
                <td>{{ object.priority }}</td>
            </tr>
            <tr>
                <td>Comments</td>
                <td>{% if object.comments %}<pre>{{ object.comments|placeholder  }}</pre>{% else %} &mdash; {% endif %}</td>
            </tr>
        </table>
    </div>
{% endblock %}