{% extends 'layout.html' %}

{% load static %}

{% load crispy_forms_tags %}

{% block content %}

<div class="mx-1 my-2" style="border: 0.2px solid rgba(0, 0, 0, 0.1);border-radius: 5%;">
    <h3 class="p-2" style="background-color:#212529;color:white;">DATE SEARCH... ({{ date_search }})</h3>
    
    <table class="table">
        <thead>
            <th>DESCRIPTION</th>
            <th>SHIFT</th>
            <th>PRODUCT</th>
        </thead>
        <tbody>
            {% for d in data %}
                <tr onclick="window.location.href='{{ d.link }}'" onmouseover="bigImg(this)" onmouseout="normalImg(this)">
                    <td>{{ d.description }}</td>
                    <td>{{ d.shift }}</td>
                    <td>{{ d.product }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
    
</div>
{% endblock %}