{% extends 'cPanel/base.html' %}
{% load cms_tags %}

{% block content %}
<main class="p-4 sm:p-10 space-y-6">
    <div class="flex flex-col space-y-6 md:space-y-0 md:flex-row justify-between">
        <div class="mr-6">
            <h1 class="text-4xl font-semibold mb-2">Blog Comment List </h1>
            <!-- <h2 class="text-gray-600 ml-0.5">Mobile UX/UI Design course</h2> -->
        </div>

    </div>
    <section class=" w-full">
        {% if page_obj %}

        <table id="myTable" class="border-2 w-full">
            <thead>
                <tr class="text-justify bg-[#E59D23] text-white">
                    <th class="border-2 pl-4">Blog</th>
                    <th class="border-2 pl-4">Date</th>
                    <th class="border-2 pl-4">View</th>
                </tr>
            </thead>
            <tbody>
                {% for enq in page_obj %}
                <tr class="even:bg-[#FFECCC] hover:bg-[#8B7356] hover:text-white">
                    <td class="border-2 pl-4">

                        {{enq.title}}
                    </td>
                    <td class="border-2 pl-4">

                        {{enq.first_published_at |date:'d M, y'}}
                    </td>
                    <td class="border-2 pl-4">
                        <a href="{% url 'blog_comment_detail' enq.slug %}">

                            &#128065;
                        </a>
                    </td>

                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}

        <h1 class="text-5xl text-center text-red-600">No Record Found</h1>
        {% endif %}
    </section>


    <div class="pagination flex w-full justify-center font-bold">
        <span class="step-links">
            {% if page_obj.has_previous %}
            <a href="?page=1" class="bg-indigo-200 px-2 py-0.5 text-lg rounded mr-1">&laquo; </a>
            <a href="?page={{ page_obj.previous_page_number }}"
                class="bg-indigo-200 px-2 py-0.5 text-lg rounded">Previous</a>
            {% endif %}

            <span class="current">
                Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
            </span>

            {% if page_obj.has_next %}
            <a href="?page={{ page_obj.next_page_number }}" class="bg-indigo-200 px-2 py-0.5 text-lg rounded">Next</a>
            <a href="?page={{ page_obj.paginator.num_pages }}" class="bg-indigo-200 px-2 py-0.5 text-lg rounded">
                &raquo;</a>
            {% endif %}
        </span>
    </div>

</main>
{% endblock content %}


{% block script %}

{% endblock script %}