{% extends "datavis/index.html" %}
{% block nav %}
{% include "datavis/common_nav.html" %}
{% endblock %}

{% block content %}
<main>
    <article>
        <div class="flex gap-6">
        <section class="flex flex-col justify-center rounded-md py-2 px-12 text-center *:mx-auto bg-surface-container-lowest border border-solid border-outline-primary">
            <div class="text-2xl font-bold">Info</div>
            <div class="py-6">{{customer.site.name}}</div>
            <ul class="list-disc">
                <li>Start Date: 2025-01-01</li>
                <li>Projected Turning: 2025-01-08</li>
                <li>Projected End: 2025-01-15</li>
            </ul>
            <div class="py-6">Time Elapsed: 7 days</div>
            <div class="">Measurement Settings:</div>
            <div class="">Every 8 hours</div>
            <div class="">10 sites per windrow</div>
            <div class="">Target temperature: 160F</div>
        </section>

        <section class="flex flex-col justify-center bg-white rounded-md py-2 px-12 text-center *:mx-auto bg-surface-container-lowest border border-solid border-outline-primary">
            <div class="text-2xl font-bold">Windrow Status</div>
            <div class="py-6">{{customer.site.name}}</div>
            <ul class="list-disc">
                <li>Start Date: 2025-01-01</li>
                <li>Projected Turning: 2025-01-08</li>
                <li>Projected End: 2025-01-15</li>
            </ul>
            <div class="py-6">Time Elapsed: 7 days</div>
            <div class="">Measurement Settings:</div>
            <div class="">Every 8 hours</div>
            <div class="">10 sites per windrow</div>
            <div class="">Target temperature: 160F</div>
        </section>
        <section class="flex flex-col items-center justify-center bg-white rounded-md py-2 px-12 text-center *:mx-auto bg-surface-container-lowest border border-solid border-outline-primary">
            <div class="text-2xl font-bold">Windrows</div>
            <div class="my-auto">

                <ul>
                    {% for windrow_id, windrow in customer.windrows.items %}
                    <li>
                        <a class="text-blue-500 underline cursor-pointer hover:text-blue-400" href="{% url 'site_windrow_view' customer.site.pk windrow_id %}" {% if windrow_id == selected_windrow.id %}class="font-bold"{% endif %}>{{windrow.name}}</a>
                    </li>
                    {% endfor %}
                </ul>

            </div>
        </section>
        </div>
    </article>
</main>
{% endblock content %}
