{% extends 'user_dashboard/dashboard_base.html' %}

{% block title %}Data DOs{% endblock %}

{% block content %}
<div class="dashboard-section">
    <div class="mb-6 flex items-center justify-between">
        <h1 class="text-2xl font-bold text-gray-900">Data DOs</h1>
        <a href="{% url 'user_dashboard:user-data-support-do' %}" class="hidden"></a>
    </div>

    <div class="bg-white rounded-lg shadow-sm overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-200">
            <h3 class="text-lg font-semibold text-gray-900">DO Daily</h3>
        </div>

        <div class="p-4">
            {% for item in do_weight %}
                <div class="mb-6">
                    <div class="flex items-center justify-between mb-2">
                        <div>
                            <div class="font-semibold">{{ item.name }}</div>
                            <div class="text-xs text-gray-500">{{ item.description }}</div>
                        </div>
                        <div class="space-x-2">
                            <a href="{% url 'user_dashboard:user-dashboard-data-support-datasupportdo-edit' item.id %}"
                               class="px-3 py-1 rounded bg-emerald-100 text-emerald-700">Ubah</a>
                            <a href="{% url 'user_dashboard:user-dashboard-data-support-datasupportdo-delete' item.id %}"
                               class="px-3 py-1 rounded bg-rose-100 text-rose-700">Hapus</a>
                        </div>
                    </div>
                    <div class="overflow-x-auto">
                        {{ item.table_do_daily|safe }}
                    </div>
                </div>
            {% empty %}
                <div class="text-center text-gray-500 py-8">Belum ada data DO.</div>
            {% endfor %}
        </div>
    </div>
</div>
{% endblock %}