{% extends 'layouts/base.html' %}
{% load i18n %}

{% block title %}{% trans "Status da Licença" %} - {{ settings.PROJECT_TITLE }}{% endblock %}

{% block content %}
<div class="container-fluid">
    <!-- Header -->
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">{% trans "Status da Licença PDL" %}</h1>
        <div class="btn-toolbar mb-2 mb-md-0">
            <a href="{% url 'licence:dashboard' %}" class="btn btn-sm btn-outline-secondary">
                <i class="fas fa-arrow-left"></i> {% trans "Voltar" %}
            </a>
        </div>
    </div>

    <!-- Status Principal -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-body text-center">
                    {% if is_valid %}
                    <div class="mb-3">
                        <i class="fas fa-check-circle text-success" style="font-size: 4rem;"></i>
                    </div>
                    <h3 class="text-success">{% trans "Licença Válida" %}</h3>
                    <p class="text-muted">{% trans "Sua licença está ativa e funcionando corretamente." %}</p>
                    {% else %}
                    <div class="mb-3">
                        <i class="fas fa-times-circle text-danger" style="font-size: 4rem;"></i>
                    </div>
                    <h3 class="text-danger">{% trans "Licença Inválida" %}</h3>
                    <p class="text-muted">{% trans "Sua licença não está ativa ou expirou." %}</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <!-- Informações da Licença -->
    {% if current_license %}
    <div class="row mb-4">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-info-circle"></i> {% trans "Informações da Licença" %}
                    </h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tr>
                            <td><strong>{% trans "Tipo:" %}</strong></td>
                            <td>
                                <span class="badge {% if current_license.license_type == 'pro' %}bg-success{% else %}bg-info{% endif %}">
                                    {{ current_license.get_license_type_display }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td><strong>{% trans "Domínio:" %}</strong></td>
                            <td>{{ current_license.domain }}</td>
                        </tr>
                        <tr>
                            <td><strong>{% trans "Empresa:" %}</strong></td>
                            <td>{{ current_license.company_name|default:"Não informado" }}</td>
                        </tr>
                        <tr>
                            <td><strong>{% trans "E-mail:" %}</strong></td>
                            <td>{{ current_license.contact_email }}</td>
                        </tr>
                        <tr>
                            <td><strong>{% trans "Telefone:" %}</strong></td>
                            <td>{{ current_license.contact_phone|default:"Não informado" }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-calendar"></i> {% trans "Datas e Status" %}
                    </h5>
                </div>
                <div class="card-body">
                    <table class="table table-borderless">
                        <tr>
                            <td><strong>{% trans "Status:" %}</strong></td>
                            <td>
                                <span class="badge {% if current_license.status == 'active' %}bg-success{% elif current_license.status == 'expired' %}bg-danger{% else %}bg-warning{% endif %}">
                                    {{ current_license.get_status_display }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td><strong>{% trans "Ativada em:" %}</strong></td>
                            <td>{{ current_license.activated_at|date:"d/m/Y H:i" }}</td>
                        </tr>
                        {% if current_license.expires_at %}
                        <tr>
                            <td><strong>{% trans "Expira em:" %}</strong></td>
                            <td>{{ current_license.expires_at|date:"d/m/Y H:i" }}</td>
                        </tr>
                        {% endif %}
                        <tr>
                            <td><strong>{% trans "Última verificação:" %}</strong></td>
                            <td>{{ current_license.last_verification|date:"d/m/Y H:i"|default:"Nunca" }}</td>
                        </tr>
                        <tr>
                            <td><strong>{% trans "Total de verificações:" %}</strong></td>
                            <td>{{ current_license.verification_count }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- Informações específicas do PDL PRO -->
    {% if current_license.license_type == 'pro' %}
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-star"></i> {% trans "Informações PDL PRO" %}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-borderless">
                                <tr>
                                    <td><strong>{% trans "Número do Contrato:" %}</strong></td>
                                    <td>{{ current_license.contract_number|default:"Não informado" }}</td>
                                </tr>
                                <tr>
                                    <td><strong>{% trans "Horas de Suporte:" %}</strong></td>
                                    <td>{{ current_license.support_hours_used }} / {{ current_license.support_hours_limit }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <div class="progress mb-2">
                                <div class="progress-bar" role="progressbar" 
                                     style="width: {{ support_progress }}%">
                                    {{ support_progress|floatformat:1 }}%
                                </div>
                            </div>
                            <small class="text-muted">{% trans "Progresso das horas de suporte utilizadas" %}</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- Funcionalidades Disponíveis -->
    {% if license_info %}
    <div class="row mb-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-cogs"></i> {% trans "Funcionalidades Disponíveis" %}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        {% for feature, enabled in license_info.features.items %}
                        <div class="col-md-4 mb-2">
                            <div class="d-flex align-items-center">
                                {% if enabled %}
                                <i class="fas fa-check-circle text-success me-2"></i>
                                {% else %}
                                <i class="fas fa-times-circle text-danger me-2"></i>
                                {% endif %}
                                <span>{{ feature|title }}</span>
                            </div>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    {% else %}
    <!-- Sem licença ativa -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body text-center">
                    <div class="mb-3">
                        <i class="fas fa-exclamation-triangle text-warning" style="font-size: 4rem;"></i>
                    </div>
                    <h3 class="text-warning">{% trans "Nenhuma Licença Encontrada" %}</h3>
                    <p class="text-muted">{% trans "Não foi encontrada nenhuma licença ativa no sistema." %}</p>
                    <a href="{% url 'licence:create' %}" class="btn btn-primary">
                        <i class="fas fa-plus"></i> {% trans "Criar Nova Licença" %}
                    </a>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    <!-- Ações -->
    {% if current_license %}
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-tools"></i> {% trans "Ações" %}
                    </h5>
                </div>
                <div class="card-body">
                    <div class="btn-group" role="group">
                        <a href="{% url 'licence:detail' current_license.id %}" class="btn btn-outline-primary">
                            <i class="fas fa-eye"></i> {% trans "Ver Detalhes" %}
                        </a>
                        <a href="{% url 'licence:edit' current_license.id %}" class="btn btn-outline-secondary">
                            <i class="fas fa-edit"></i> {% trans "Editar" %}
                        </a>
                        {% if current_license.status != 'active' %}
                        <a href="{% url 'licence:activate' current_license.id %}" class="btn btn-outline-success">
                            <i class="fas fa-play"></i> {% trans "Ativar" %}
                        </a>
                        {% else %}
                        <a href="{% url 'licence:deactivate' current_license.id %}" class="btn btn-outline-warning">
                            <i class="fas fa-pause"></i> {% trans "Desativar" %}
                        </a>
                        {% endif %}
                        <a href="{% url 'licence:renew' current_license.id %}" class="btn btn-outline-info">
                            <i class="fas fa-sync"></i> {% trans "Renovar" %}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}