          <th scope="col">Delivery Status <i class="fa-solid fa-sort"></i></th>
                <th scope="col">Delivery Date <i class="fa-solid fa-sort"></i></th>
                <th scope="col">Vendor <i class="fa-solid fa-sort"></i></th>
                <th scope="col">Action</th>
            </tr>
        </thead>
        <tbody>
            {% for purchase in purchases %}
            <tr>
                <th scope="row">{{ purchase.id }}</th>
                <td>{{ purchase.item.name }}</td>
          