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

{% endcompress %}
{% compress js %}
    <script src='{% static "js/call_home_settings.js" %}'></script>
{% endcompress %}


<h2>GENERAL CALL HOME SETTINGS</h2>
<div class="block">
    <div id="all-content">
        <form id="proxy-form" method="post" action="{{ form_uri }}" autocomplete="off">
            <div class="form-body">
                <div id="td_send_metrics">
                    <div class="checkbox form-field">
                        <input type="checkbox" name="send_metrics" id="send_metrics" class="ios-switch bigswitch green"
                                {% if send_metrics_is_on %}checked{% endif %}>
                        <label for="send_metrics">
                            Send real-time performance and usage statistics
                            <i class="form-tooltip icon-help-circled" title="If disabled, real-time performance and usage statistics will not be sent to INFINIDAT."></i>
                        </label>
                    </div>
                </div>

                <div>
                    <div class="checkbox form-field">
                        <input type="checkbox" id="use_proxy" name="use_proxy" {% if use_proxy_is_on %}checked{% endif %}>
                        <label for="use_proxy">Use proxy</label>
                    </div>
                </div>

                <input type="hidden" name="action" value="proxy_form">
                {% include "render_form.html" %}

            </div>

            <div class="form-buttons">
                <button type="submit" class="button-green">Save</button>
                <button type="button" class="black-button" id="test_connection">Test Connection</button>
                <span id="test_connection_status"></span>
            </div>
        </form>
    </div>
</div>

<h2>TRUSTED CERTIFICATES</h2>
<div class="block">
    <div id="custom-cert-header">When sending data to Infinidat, Call Home will trust the certificates in following file.</div>
    <textarea id="custom-cert-textarea" class="value text-area-content" placeholder="No certificate file uploaded." readonly>{{ custom_callhome_cert|default:'' }}</textarea>
    <div class="form-buttons remove-cert-button-container">
        <button type="button" class="black-button" id="remove-cert" {% if not custom_callhome_cert %}disabled{% endif %}>Remove</button>
    </div>
    <form enctype="multipart/form-data" method="post" action="{{ form_uri }}"
    autocomplete="off" id="custom-cert-form">
        {{ 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" class="button-green">Upload</button>
            </div>
        </div>
    </form>
</div>