admin_hura_8/template/marketing/feed.html

{% if global.url contains 'view=fb-product-select' %}

{% include 'marketing/feed_select' %}

{% elsif global.url contains 'view=fb-product-add' %}

{% include 'marketing/feed_add' %}

{% elsif global.url contains 'view=fb-product-list' %}

{% include 'marketing/feed_list' %}

{% else %}
<div
    class="m-[16px_0_16px_16px] p-[20px_16px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px]">
    <p class="leading-[31px] font-bold text-[24px] mb-[12px]"> Facebook Product Ads </p>

    <div class="flex items-center justify-between mb-[20px]">
        <p class="mr-[15px]">Tổng hợp các danh sách chứa Sản phẩm dùng quảng cáo trên Facebook. Dùng link Facebook Feed
            ở danh sách phù hợp để nhập trong facebook ad manager</p>

        <a href="/admin/marketing/feed?view=fb-product-add"
            class="flex items-center whitespace-nowrap border border-[#0041E8] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[34px] p-[0_12px] group hover:bg-[#0041E8] hover:text-[#fff]">
            <span
                class="border-[1px] border-[#0041E8] h-[13px] w-[13px] leading-[10.2px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
            <span>Thêm danh sách mới</span>
        </a>
    </div>

    <div class="table">
        <table>
            <thead class="bg-[#F6F6F6] text-[#000] text-[14px] font-500">
                <tr>
                    <td width="45"> STT </td>
                    <td> Danh sách </td>
                    <td> Sản phẩm </td>
                    <td> Facebook feed </td>
                    <td> Google feed </td>
                    <td> Cập nhật </td>
                    <td width="270"> Lựa chọn </td>
                </tr>
            </thead>

            <tbody>

                <tr>
                    <td align="center"> 1 </td>

                    <td class="font-bold"> 2023 còn hàng </td>

                    <td align="center"> 6.055 sp </td>

                    <td>
                        <input type="text" value="/feed/facebook.php?id=1" readonly
                            class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                        <a href=""> FB feed </a>
                    </td>

                    <td>
                        <input type="text" value="/feed/google.php?id=1" readonly
                            class="block leading-[32px] w-[100%] bg-[#fff] p-[0_10px] m-[0_0_4px] rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                        <a href=""> Google feed </a>
                    </td>

                    <td>
                        <p> Trương Thị Thái Ninh </p>
                        <p> 25-10-2023, 3:05 pm </p>
                    </td>

                    <td>
                        <div class="flex items-center flex-wrap justify-center">
                            <a href="/admin/marketing/feed?view=fb-product-list&id=1"
                                class="block text-center font-[500] text-[#fff_!important] bg-[#0041E8] rounded-[4px] p-[0_9px] leading-[30px] mr-[8px]">Xem
                                sản phẩm</a>

                            <a href="/admin/marketing/feed?view=fb-product-add&id=1" class="icons icon-edit mr-[8px]"
                                title="Sửa lại"></a>

                            <a href="/admin/marketing/feed?view=fb-product-select&id=1"
                                class="fas fa-plus-circle w-[30px] leading-[30px] mr-[8px] text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF]"
                                title="Thêm sản phẩm"></a>

                            <a href="" class="icons icon-delete" title="Xóa"></a>
                        </div>
                    </td>
                </tr>

            </tbody>
        </table>
    </div>

    <div class="paging">
        <a href="" class="paging-prev"><i class="fas fa-chevron-left"></i></a>
        <a href="" class="current">1</a>
        <a href="">2</a>
        <a href="">3</a>
        <a href="">4</a>
        <a href="" class="paging-next"><i class="fas fa-chevron-right"></i></a>
    </div>
</div>
{% endif %}