{% extends 'base.html' %}

{% block title %}Registro Diário - Sistema de Comandas{% endblock %}

{% block content %}
<div class="clearfix">
    <h2 style="float: left;">Registro Diário - {{ registro.data|date:"d/m/Y" }}</h2>
    {% if not registro.arquivado %}
    <a href="{% url 'controler:arquivar_dia' %}" class="btn btn-warning float-right" 
       onclick="return confirm('Tem certeza que deseja arquivar o dia?')">Arquivar Dia</a>
    {% endif %}
</div>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 20px 0;">
    <div class="card">
        <h4>Total de Vendas</h4>
        <h2 style="color: #28a745;">R$ {{ registro.total_vendas|floatformat:2 }}</h2>
    </div>
    
    <div class="card">
        <h4>Total de Comandas</h4>
        <h2 style="color: #007bff;">{{ registro.total_comandas }}</h2>
    </div>
    
    <div class="card">
        <h4>Status</h4>
        <h2 style="color: {% if registro.arquivado %}#dc3545{% else %}#ffc107{% endif %};">
            {% if registro.arquivado %}Arquivado{% else %}Ativo{% endif %}
        </h2>
    </div>
</div>

<h3>Comandas do Dia</h3>
<table class="table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Mesa</th>
            <th>Garçom</th>
            <th>Status</th>
            <th>Total</th>
            <th>Abertura</th>
            <th>Fechamento</th>
        </tr>
    </thead>
    <tbody>
        {% for comanda in comandas %}
        <tr>
            <td><a href="{% url 'comandas:detail' comanda.pk %}">#{{ comanda.id }}</a></td>
            <td>Mesa {{ comanda.mesa.numero }}</td>
            <td>{{ comanda.garcom.get_full_name|default:comanda.garcom.username }}</td>
            <td>
                <span style="color: {% if comanda.status == 'aberta' %}#ffc107{% elif comanda.status == 'fechada' %}#28a745{% else %}#dc3545{% endif %};">
                    {{ comanda.get_status_display }}
                </span>
            </td>
            <td>R$ {{ comanda.total|floatformat:2 }}</td>
            <td>{{ comanda.abertura|date:"H:i" }}</td>
            <td>{% if comanda.fechamento %}{{ comanda.fechamento|date:"H:i" }}{% else %}-{% endif %}</td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="7" class="text-center">Nenhuma comanda registrada hoje.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}