{% extends 'base.html' %}

{% block title %}Dashboard - Sistema de Comandas{% endblock %}

{% block content %}
<h2>Dashboard</h2>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 20px 0;">
    <div class="card">
        <h3>Comandas Abertas</h3>
        <h1 style="color: #007bff;">{{ comandas_abertas }}</h1>
    </div>
    
    <div class="card">
        <h3>Comandas Hoje</h3>
        <h1 style="color: #28a745;">{{ comandas_hoje }}</h1>
    </div>
    
    <div class="card">
        <h3>Mesas Ocupadas</h3>
        <h1 style="color: #ffc107;">{{ mesas_ocupadas }}</h1>
    </div>
    
    <div class="card">
        <h3>Total Vendas Hoje</h3>
        <h1 style="color: #dc3545;">R$ {{ registro_diario.total_vendas|floatformat:2 }}</h1>
    </div>
</div>

<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 30px 0;">
    <div class="card">
        <h3>Ações Rápidas</h3>
        <p><a href="{% url 'comandas:create' %}" class="btn">Nova Comanda</a></p>
        <p><a href="{% url 'comandas:list' %}" class="btn">Ver Comandas</a></p>
        <p><a href="{% url 'produtos:list' %}" class="btn">Produtos</a></p>
    </div>
    
    <div class="card">
        <h3>Controle</h3>
        <p><a href="{% url 'controler:registro_diario' %}" class="btn">Registro Diário</a></p>
        <p><a href="{% url 'estoque:baixo' %}" class="btn btn-warning">Estoque Baixo</a></p>
        <p><a href="{% url 'comandas:arquivos' %}" class="btn">Arquivos TXT</a></p>
    </div>
</div>

{% if registro_diario.arquivado %}
<div class="alert alert-success">
    <strong>Dia Arquivado:</strong> O registro do dia {{ registro_diario.data|date:"d/m/Y" }} foi arquivado.
</div>
{% endif %}
{% endblock %}