{% extends "VGlenswebApp/base.html" %}

{% load static %}

{% load carro_tags %}

{% block title %}Mis Pedidos{% endblock %}

{% block content %}

<div class="container mb-5 mt-5">

    
    <p class=" mt-4 mb-5 pb-2  h5 border-bottom"> Pedidos realizados por el usuario: {{user}}</p>
    

    <div class="row">
        <div class="col-12">
            
                
                <div class="overflow-auto " style="height: 450px;">
                <table class=" table table-hover border " >

                    <thead class=" tabla-fija ">
                        <tr class=" text-center bg-light">
                            <th>ID</th>
                            <th>Total</th>
                            <th>Fecha</th>
                            <th>Entregado</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    
                    <tbody >
                        {% for order in object_list %}
                        <tr class=" text-center ">


                            <td>{{order.id}}</td>
                        
                            <td>{{order.total|truncate|money_format:"$"}}</td>

                            <td>{{order.created_at|date:'d/m/Y H:i'}}</td>

                            {% if order.entregado == False %}
                            <td > <span><i class="far fa-square"></i></span></td>
                            {% else %}
                            <td > <span><i class="far fa-check-square"></i></span></td>
                            {% endif %}

                            <td><a href="{% url 'order_detail' order.id %}" class="btn btn-info btn-sm "> <span><i class="fas fa-info-circle"></i></span><span class=" d-none d-lg-inline d-md-inline d-xl-inline"> Ver detalles</span> </a></td>

                        </tr>
                        {% empty %}
                        <tr >
                            <td class=" text-center" colspan="12">
                                <div class="alert alert-danger">No tienes pedidos Todavía</div>
                            </td>

                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
                </div>
                
        </div>

    </div>
</div>

{% endblock %}