{% extends "admin/base_site.html" %}
{% load i18n admin_urls static admin_modify %}

{% block title %}Adicionar Plano Manualmente{% endblock %}

{% block extrahead %}
{{ block.super }}
<style>
    .form-row {
        margin-bottom: 15px;
    }
    .form-row label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .form-row select, .form-row textarea {
        width: 100%;
        padding: 8px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    .modelos-list {
        background: #f9f9f9;
        padding: 10px;
        border-radius: 4px;
        margin-bottom: 15px;
    }
    .modelo-item {
        padding: 5px 0;
        border-bottom: 1px solid #eee;
    }
    .modelo-item:last-child {
        border-bottom: none;
    }
</style>
{% endblock %}

{% block content %}
<h1>{{ title }}</h1>

<div class="modelos-list">
    <h3>Modelos Selecionadas ({{ queryset|length }}):</h3>
    {% for modelo in queryset %}
    <div class="modelo-item">
        <strong>{{ modelo.nome_exibicao }}</strong> - {{ modelo.cidade }}, {{ modelo.estado }}
        <br><small>Status: {{ modelo.get_status_display }}</small>
    </div>
    {% endfor %}
</div>

<form method="post">
    {% csrf_token %}
    <input type="hidden" name="post" value="yes">
    
    <div class="form-row">
        <label for="plano_id">Selecione o Plano:</label>
        <select name="plano_id" id="plano_id" required>
            <option value="">-- Selecione um plano --</option>
            {% for plano in planos %}
            <option value="{{ plano.id }}">
                {{ plano.nome }} - {{ plano.duracao_dias }} dias - R$ {{ plano.preco }}
            </option>
            {% endfor %}
        </select>
    </div>
    
    <div class="form-row">
        <label for="observacoes">Observações (opcional):</label>
        <textarea name="observacoes" id="observacoes" rows="3" 
                  placeholder="Ex: Plano adicionado como cortesia, promoção especial, etc."></textarea>
    </div>
    
    <div class="submit-row">
        <input type="submit" value="Adicionar Plano" class="default" style="background: #417690;">
        <a href="{% url 'admin:models_modelo_changelist' %}" class="button">Cancelar</a>
    </div>
</form>

<div style="margin-top: 20px; padding: 15px; background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px;">
    <h4>⚠️ Atenção:</h4>
    <p>Ao adicionar um plano manualmente:</p>
    <ul>
        <li>O status da modelo será alterado para "Ativo"</li>
        <li>O pagamento será marcado como aprovado</li>
        <li>Um log de plano ativo será criado</li>
        <li>Os benefícios do plano serão aplicados automaticamente</li>
    </ul>
</div>
{% endblock %}