{% extends 'assistant/base.html' %}
{% load static %}
{% load i18n %}

{% block sidebar.dashboard %} {% endblock %}
{% block sidebar.food %} class="active" {% endblock %}

{% block content %}
        <div class="content">
            <div>
                <div class="card-box">
                    <div class="card-block text-center">
                        <h4 class="titles" style="padding-bottom: 40px">{% trans "غذاهای درخواست داده شده" %}</h4>
                        <div class="table-responsive">
                            <table class="table table-hover mb-0" style="font-size: 13px" dir="rtl">
                                <thead style="color: #009A6E; font-weight: bolder; font-size: 16px">
                                    <tr>
                                        <th>{% trans "کاربر" %}</th>
                                        <th>{% trans "نام غذا" %}</th>
                                        <th>{% trans "تاریخ ثبت" %}</th>
                                        <th>{% trans "عملیات" %}</th> <!-- "Actions" -->
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for food in foods %}
                                    <tr class="{% if food.Checked %}checked{% endif %}">  <!-- Apply green background if checked -->
                                        <td>{{ food.user }}</td>
                                        <td>{{ food.food_name }}</td>
                                        <td>{{ food.time }}</td>
                                        <td>
                                            <form action="{% url 'panel-assistant-check-food' food.id %}" method="post" style="display:inline;">
                                                {% csrf_token %}
                                                <button class="btn btn-success" type="submit">ثبت غذا</button>
                                            </form>
                                            <form action="{% url 'panel-assistant-delete-food' food.id %}" method="post" style="display:inline;">
                                                {% csrf_token %}
                                                <button class="btn btn-danger" type="submit" onclick="return confirmDelete()">حذف غذا</button>
                                            </form>
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>


<style>
    .titles{
        font-size: 24px;
        margin-bottom: 10px;
        color: #009A6E;
      }
    .checked {
        background-color: #009A6E40 !important;
    }

</style>

{% endblock %}


{% block script %}
    <script>
    window.CSRF_TOKEN = "{{ csrf_token }}";
    </script>
    <script src="{% static 'panel/assistant' %}/js/jquery-3.2.1.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/popper.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/bootstrap.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/jquery.slimscroll.js"></script>
    <script src="{% static 'panel/assistant' %}/js/select2.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/jquery.dataTables.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/dataTables.bootstrap4.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/moment.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/bootstrap-datetimepicker.min.js"></script>
    <script src="{% static 'panel/assistant' %}/js/jquery.slimscroll.js"></script>
    <script src="{% static 'panel/assistant' %}/js/Chart.bundle.js"></script>
    <script type="text/javascript">
        function confirmDelete() {
            return confirm("{% trans "آیا از حذف این غذا مطمئن هستید؟" %}");
        }
    </script>



{% endblock %}