<table class="table table-striped table-bordered">
    <thead class="thead-dark">
    <tr>
        <th class="text-center" scope="col">#ID</th>
        <th class="text-center" scope="col">Tên công việc</th>
        <th class="text-center" scope="col">Độ ưu tiên</th>
        <th class="text-center" scope="col">Trạng thái</th>
        <th class="text-center" scope="col">Ngày tạo</th>
        <th class="text-center" scope="col">Xử lý</th>
    </tr>
    </thead>
    <tbody>
    <% if (data.length > 0) { %>
    <% data.forEach(function(item){ %>
    <tr>
        <td class="text-center" scope="row"><%= item.id %></td>
        <td><%= item.name %></td>
        <td><%= getPriorityName(item.priority) %></td>
        <td>
            <% if (item.status == 0) { %>
            <i class="fa fa-edit" style="color: red; font-size: 20px"></i>
            <% } else { %>
            <i class="fa fa-check" style="color: green; font-size: 20px"></i>
            <% } %>
        </td>
        <td class="text-center"><%= moment(item.created_at).format('DD/MM/YYYY HH:mm:ss') %></td>
        <td class="text-center">
            <a href="/task/show/<%= item.id %>">
                <i class="fa fa-list-alt" style="font-size: 20px"></i>
            </a>&nbsp;&nbsp;&nbsp;
            <a href="/task/edit/<%= item.id %>">
                <i class="fa fa-pencil-square-o" style="font-size: 20px"></i>
            </a>&nbsp;&nbsp;&nbsp;
            <a href="/task/delete/<%= item.id %>" onclick="return confirm('Bạn có chắc chắn muốn xóa không?')">
                <i class="fa fa-trash-o" style="font-size: 20px; color: red"></i>
            </a>
        </td>
    </tr>
    <% }); %>
    <% } else { %>
        <tr>
            <td colspan="6">Không tìm thấy dữ liệu</td>
        </tr>
    <% } %>
    </tbody>
</table>