{% extends 'doctor/base.html' %}
{% load static %}

{% 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">غذاهای درخواست داده شده</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>کاربر</th>
                                        <th>نام غذا</th>
                                        <th>تاریخ ثبت</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for food in foods %}
                                    <tr class="{% if food.Checked %}checked{% endif %}">
                                        <td>{{ food.user }}</td>
                                        <td>{{ food.food_name }}</td>
                                        <td>{{ food.time }}</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/doctor' %}/js/jquery-3.2.1.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/popper.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/bootstrap.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/jquery.slimscroll.js"></script>
    <script src="{% static 'panel/doctor' %}/js/select2.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/jquery.dataTables.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/dataTables.bootstrap4.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/moment.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/bootstrap-datetimepicker.min.js"></script>
    <script src="{% static 'panel/doctor' %}/js/jquery.slimscroll.js"></script>
    <script src="{% static 'panel/doctor' %}/js/Chart.bundle.js"></script>
    <script src="{% static 'panel/doctor' %}/js/chart.js"></script>
    <script src="{% static 'panel/doctor/js/app.js' %}"></script>
    <script src="{% static 'panel/doctor/js/dashboard.js' %}"></script>

{% endblock %}