{% extends 'base.html' %}

{% block title %}Excluir Caixa - {{ block.super }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-6">
        <div class="card border-danger">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0"><i class="bi bi-exclamation-triangle"></i> Confirmar Exclusão de Caixa</h5>
            </div>
            <div class="card-body">
                <div class="alert alert-warning">
                    <i class="bi bi-info-circle"></i>
                    <strong>Atenção!</strong> Esta ação irá excluir o caixa, mas ele poderá ser restaurado por um administrador.
                </div>

                <div class="mb-3">
                    <h6>Informações do Caixa:</h6>
                    <ul>
                        <li><strong>Data de Abertura:</strong> {{ caixa.data_abertura|date:"d/m/Y H:i" }}</li>
                        <li><strong>Operador:</strong> {{ caixa.operador.username|default:"-" }}</li>
                        <li><strong>Status:</strong> 
                            {% if caixa.status == 'aberto' %}
                                <span class="badge bg-success">Aberto</span>
                            {% else %}
                                <span class="badge bg-secondary">Fechado</span>
                            {% endif %}
                        </li>
                        <li><strong>Saldo Inicial:</strong> R$ {{ caixa.saldo_inicial|floatformat:2 }}</li>
                        <li><strong>Total em Vendas:</strong> R$ {{ caixa.total_vendas|floatformat:2 }}</li>
                        <li><strong>Saldo Final:</strong> R$ {{ caixa.saldo_final|floatformat:2 }}</li>
                    </ul>
                </div>

                <form method="post">
                    {% csrf_token %}
                    <div class="mb-3">
                        <label for="motivo" class="form-label">
                            <i class="bi bi-pencil"></i> Motivo da Exclusão <span class="text-danger">*</span>
                        </label>
                        <textarea class="form-control" id="motivo" name="motivo" rows="3" 
                                  placeholder="Ex: Caixa aberto por engano, erro de operação, etc." required></textarea>
                        <small class="text-muted">Informe o motivo pelo qual este caixa está sendo excluído</small>
                    </div>

                    <div class="d-flex justify-content-between">
                        <a href="{% url 'historico_caixa' %}" class="btn btn-secondary">
                            <i class="bi bi-x"></i> Cancelar
                        </a>
                        <button type="submit" class="btn btn-danger">
                            <i class="bi bi-trash"></i> Confirmar Exclusão
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}