Files
RRBEC/gestaoRaul/comandas/templates/comandas.html

73 lines
2.0 KiB
HTML

{% extends "base.html" %}
{% load static %}
{% load custom_filter_tag %}
{% block 'title' %}
Comandas
{% endblock %}
{% block 'head' %}
<link rel="stylesheet" href="{% static 'comandas/css/comandas.css' %}">
{% endblock %}
{% block 'body' %}
<body>
<button id="openModal">Abrir Comanda</button>
<div class="grid-container ">
{% for comanda in comandas %}
<div class="card-comanda">
<a href="{% url 'viewcomanda' %}?parametro={{ comanda.id }}" style="text-decoration: none;">
<header
{% if comanda.status == 'OPEN' %}
style="padding: 5px; min-height: 60px;border-radius: 5px 5px 0px 0px; background-color: #036800;"
{% elif comanda.status == 'PAYING' %}
style="padding: 5px; min-height: 60px;border-radius: 5px 5px 0px 0px; background-color: rgb(165, 86, 33);"
{% endif %}
>
<p>{{comanda.name}}</p>
<p>{{comanda.mesa}}</p>
</header>
<div style="padding: 5px;">
<p>
Hora: {{comanda.dt_open|date:"H:i"}}
</p>
<p>
{{ comanda.id | total }}
</p>
</div>
</a>
</div>
{% endfor %}
</div>
<dialog id="Modal-create-comanda">
<article >
<form id="form-comanda" method="post" action="{% url 'createComanda' %}">
{% csrf_token %}
<h2>Abrir Comanda</h2>
<input type="text" id="name-comanda" name="name-comanda" required placeholder="Nome"><br>
<select name="select-mesa" >
{% for mesa in mesas %}
<option value="{{mesa.id}}">{{mesa.name}}</option>
{% endfor %}
</select>
<button type="submit">Abrir</button>
<button type="button" onclick="closeModal()" style="background-color:red;">Fechar</button>
</form>
</article>
</dialog >
</body>
<script src="{% static 'comandas/js/comandas.js' %}"></script>
{% endblock %}