{% extends 'base.html' %}
{% block title %}Cancelar {{ condicional.numero }} - Condicionais{% endblock %}
{% block content %}
{% if erro_cancelamento %}
<div class="card border-danger shadow mb-3" role="alert" aria-live="assertive">
    <div class="card-header bg-danger text-white py-3">
        <h3 class="mb-0"><i class="bi bi-exclamation-octagon-fill me-2"></i>Não foi possível cancelar</h3>
    </div>
    <div class="card-body p-4">
        <p class="fs-5 fw-semibold text-danger mb-3">{{ erro_cancelamento }}</p>
        {% if condicional.quantidade_pendente %}
        <div class="alert alert-warning mb-4">
            <strong>Peças ainda com o cliente:</strong> {{ condicional.quantidade_pendente }}.
            Registre primeiro a devolução ou a venda para manter o estoque correto.
        </div>
        {% endif %}
        <div class="d-flex flex-wrap gap-2">
            {% if condicional.quantidade_pendente %}<a class="btn btn-primary btn-lg" href="{% url 'condicional:conferir' condicional.pk %}"><i class="bi bi-clipboard-check me-1"></i> Conferir produtos</a>{% endif %}
            <a class="btn btn-outline-secondary btn-lg" href="{% url 'condicional:detalhe' condicional.pk %}"><i class="bi bi-arrow-left me-1"></i> Voltar ao condicional</a>
        </div>
    </div>
</div>
{% else %}
<div class="card border-danger"><div class="card-header bg-danger text-white"><h3 class="mb-0"><i class="bi bi-exclamation-triangle"></i> Cancelar condicional {{ condicional.numero }}</h3></div><div class="card-body"><p>O cancelamento será registrado no histórico. Peças ainda com o cliente não serão liberadas no estoque: primeiro registre a devolução ou a venda.</p><p><strong>Quantidade pendente:</strong> {{ condicional.quantidade_pendente }}</p><form method="post">{% csrf_token %}<div class="mb-3"><label class="form-label">Motivo do cancelamento *</label><textarea name="motivo" class="form-control" rows="3" required></textarea></div><a class="btn btn-secondary" href="{% url 'condicional:detalhe' condicional.pk %}">Voltar</a> <button class="btn btn-danger"><i class="bi bi-x-circle"></i> Confirmar cancelamento</button></form></div></div>
{% endif %}
{% endblock %}