{% extends 'base/layout.html' %}
{% load helpers %}

{% block title %}VitalQIP Settings{% endblock %}

{% block header %}
<h1 class="ps-3 pt-2"><i class="mdi mdi-cog"></i> VitalQIP Plugin Configuration</h1>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-8">
        <!-- Connection Status -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    <i class="mdi mdi-connection"></i> Connection Status
                </h5>
            </div>
            <div class="card-body">
                {% if not configured %}
                <div class="alert alert-warning mb-0">
                    <i class="mdi mdi-alert"></i>
                    VitalQIP is not configured. Add configuration to NetBox's <code>configuration.py</code> file.
                </div>
                {% elif connection_status.success %}
                <div class="alert alert-success mb-0">
                    <i class="mdi mdi-check-circle"></i>
                    {{ connection_status.message }}
                </div>
                {% else %}
                <div class="alert alert-danger mb-0">
                    <i class="mdi mdi-alert-circle"></i>
                    Connection failed: {{ connection_status.message }}
                </div>
                {% endif %}
            </div>
        </div>

        <!-- Current Configuration -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    <i class="mdi mdi-cog"></i> Current Configuration
                </h5>
            </div>
            <div class="card-body">
                <table class="table table-hover">
                    <tbody>
                        <tr>
                            <th style="width: 200px;">VitalQIP API URL</th>
                            <td>
                                {% if config.qip_url %}
                                <code>{{ config.qip_url }}</code>
                                {% else %}
                                <span class="text-muted">Not configured</span>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Username</th>
                            <td>
                                {% if config.qip_username %}
                                <code>{{ config.qip_username }}</code>
                                {% else %}
                                <span class="text-muted">Not configured</span>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Password</th>
                            <td>
                                {% if config.qip_password %}
                                <span class="text-success"><i class="mdi mdi-check"></i> Configured</span>
                                {% else %}
                                <span class="text-muted">Not configured</span>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <th>Organization</th>
                            <td>{{ config.qip_organization|default:"OHSU" }}</td>
                        </tr>
                        <tr>
                            <th>Timeout</th>
                            <td>{{ config.timeout|default:"30" }} seconds</td>
                        </tr>
                        <tr>
                            <th>Cache Timeout</th>
                            <td>{{ config.cache_timeout|default:"300" }} seconds</td>
                        </tr>
                        <tr>
                            <th>Verify SSL</th>
                            <td>
                                {% if config.verify_ssl %}
                                <span class="text-success"><i class="mdi mdi-check"></i> Yes</span>
                                {% else %}
                                <span class="text-warning"><i class="mdi mdi-alert"></i> No (legacy mode)</span>
                                {% endif %}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- Configuration Instructions -->
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    <i class="mdi mdi-help-circle"></i> Configuration Instructions
                </h5>
            </div>
            <div class="card-body">
                <p>To configure the VitalQIP plugin, add the following to your NetBox <code>configuration.py</code> file:</p>
                <pre class="bg-dark text-light p-3 rounded"><code>PLUGINS_CONFIG = {
    'netbox_vitalqip': {
        'qip_url': 'https://dhcp.example.com/api',
        'qip_username': 'your-username',
        'qip_password': 'your-password',
        'qip_organization': 'OHSU',
        'timeout': 30,
        'cache_timeout': 300,
        'verify_ssl': False,  # Legacy VitalQIP requires this
    }
}</code></pre>
                <p class="mt-3 mb-0">
                    <strong>Note:</strong> After updating the configuration, restart NetBox to apply changes.
                </p>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <!-- Quick Links -->
        <div class="card mb-4">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    <i class="mdi mdi-link"></i> Quick Links
                </h5>
            </div>
            <div class="card-body">
                <ul class="list-unstyled mb-0">
                    {% if config.qip_url %}
                    <li class="mb-2">
                        <a href="{{ config.qip_url|slice:':-4' }}" target="_blank">
                            <i class="mdi mdi-open-in-new"></i> Open VitalQIP Server
                        </a>
                    </li>
                    {% endif %}
                    <li class="mb-2">
                        <a href="{% url 'plugins:netbox_vitalqip:test_connection' %}">
                            <i class="mdi mdi-connection"></i> Test Connection (JSON)
                        </a>
                    </li>
                    <li class="mb-2">
                        <a href="{% url 'plugins:netbox_vitalqip:prefix_import' %}">
                            <i class="mdi mdi-import"></i> Import from Prefix
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Features -->
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    <i class="mdi mdi-star"></i> Features
                </h5>
            </div>
            <div class="card-body">
                <ul class="list-unstyled mb-0">
                    <li class="mb-2">
                        <i class="mdi mdi-check text-success"></i> View QIP data on Device pages
                    </li>
                    <li class="mb-2">
                        <i class="mdi mdi-check text-success"></i> View QIP data on VM pages
                    </li>
                    <li class="mb-2">
                        <i class="mdi mdi-check text-success"></i> Search by IP address
                    </li>
                    <li class="mb-2">
                        <i class="mdi mdi-check text-success"></i> Search by hostname
                    </li>
                    <li class="mb-2">
                        <i class="mdi mdi-check text-success"></i> Import IPs from prefix
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}