{% extends 'generic/object.html' %}
{% load helpers %}
{% load plugins %}
{% load render_table from django_tables2 %}
{% load perms %}

{% block controls %}
{{ block.super }}
{% endblock controls %}

{% block breadcrumbs %}
{{ block.super }}
{% endblock %}

{% block tabs %}
{{ block.super }}
{% endblock %}

{% block content %}
<div class="row">
    <div class="col">
        <div class="card">
            <h5 class="card-header">App Environment</h5>
            <div class="card-body">
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row">App env</th>
                        <td>{{ object.app_env }}</td>
                    </tr>
                    <tr>
                        <th scope="row">MTLS</th>
                        <td>{{ object.mtls }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Repo</th>
                        <td>{{ object.repo }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Branch</th>
                        <td>{{ object.branch }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Path</th>
                        <td>{{ object.path }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Egress IP</th>
                        <td>{{ object.egress_ip }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Deployment Kind</th>
                        <td>{{ object.deployment_kind }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Monitoring</th>
                        <td>{{ object.monitoring }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Postgres Monitoring</th>
                        <td>{{ object.postgres_monitoring }}</td>
                    </tr>
                    <tr>
                        <th scope="row">OCP Project</th>
                        <td>{{ object.ocp_project|linkify|placeholder }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="col">
        <div class="card">
            <h5 class="card-header">Resource Quota / Price Table</h5>
            <div class="card-body">
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row" colspan="2">Limits</th>
                    </tr>
                    <tr>
                        <th scope="row">CPU Limits</th>
                        <td>{{ object.limits_cpu }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Memory Limits</th>
                        <td>{{ object.limits_memory }}</td>
                    </tr>
                    <tr>
                        <th scope="row" colspan="2">Requests</th>
                    </tr>
                    <tr>
                        <th scope="row">CPU Requests</th>
                        <td>{{ object.requests_cpu }}</td>
                    </tr>
                    <tr>
                        <th scope="row">Memory Requests</th>
                        <td>{{ object.requests_memory }}</td>
                    </tr>
                </table>
            </div>
        </div>
        {% include 'inc/panels/custom_fields.html' %}
    </div>
</div>

{% endblock %}