{% load static compress %}
{% compress css %}
    <link type='text/css' href='{% static "css/certificate_settings.css" %}' rel="stylesheet">
{% endcompress %}

<h2>INSTALLED CERTIFICATE</h2>
<div class="block">
    <table class="settings-table">
        <tr>
            <th>Common Name:</th>
            <td>{{ CN }}</td>
        </tr>
        <tr>
            <th>Issued:</th>
            <td class="{% if issued_in_future %}error-certificate{% else %}valid-certificate{% endif %}">
                {{ issue_date|date:"Y-m-d" }}
            </td>
        </tr>
        <tr>
            <th>Expires:</th>
            <td class="{% if is_expired %}error-certificate{% elif is_almost_expired %}warning-certificate{% else %}valid-certificate{% endif %}">
                {{ expiration_date|date:"Y-m-d" }}
            </td>
        </tr>
        <tr>
            <th>Certificate Authority:</th>
            <td>{{ issuer }}</td>
        </tr>
        <tr>
            <th>Public Key Algorithm:</th>
            <td>{{ pub_key_algo }}</td>
        </tr>
        <tr>
            <th>Public Key Size:</th>
            <td>{{ pub_key_size }}</td>
        </tr>
        <tr>
            <th>Issuer Signature Algorithm:</th>
            <td>{{ sig_algo }}</td>
        </tr>
        <tr>
            <th>Subject Alternative Names:</th>
            <td class="san-items">
                {% for item in SANs %}
                    <div class="san-item">{{ item }}</div>
                {% endfor %}
            </td>
        </tr>
    </table>
</div>

<h2>GENERATE CSR</h2>
<div class="block">
    <div id="csr-help-header">
        Generate a CSR to replace the installed certificate.
    </div>
    <form method="post" action="{{ form_uri }}" name="csr_generation">
        <input type="hidden" name="action" value="generate_csr">
        <table class="settings-table">
            {{ csr_generation_form.as_table }}
        </table>
        <div class="form-buttons">
            <button type="submit" class="button button-green">Download CSR</button>
        </div>
    </form>
    <div id="csr-help-footer">
        Send the CSR file to a public certificate authority (CA) or to your corporate CA.<br>
        Be sure to receive a signed certificate and the CA bundle.
    </div>
</div>

<h2>INSTALL NEW CERTIFICATE</h2>
<div class="block">
    <form enctype="multipart/form-data" method="post" action="{{ form_uri }}"
    autocomplete="off" name="fileinfo">
        <div id="new-cert-help">
            <ul class="info-list">
                <li>
                    <b>To install the certificate issued by a CA for the generated CSR:</b><br>
                    Upload a single .pem file that contains the signed certificate and the CA bundle.
                </li>
                <li>
                    <b>To install a certificate that has a custom private key:</b><br>
                    Upload a single .pem file that contains a private key, a certificate, and the CA bundle.
                </li>
            </ul>
        </div>
        {{ import_cert_form.non_field_errors }}
        {{ import_cert_form.pem_file.errors }}
        <div class="upload-container">
            <input type="hidden" name="action" value="upload_cert">
            {{ import_cert_form.pem_file }}
            <div class="form-buttons">
                <button type="submit" name="upload_cert" class="button button-green">Upload</button>
            </div>
        </div>
    </form>
</div>