{% 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="w-[100%]">
    <div
        class="m-[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="/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="overflow-x-auto">
            <table class="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 whitespace-nowrap"> 2023 còn hàng </td>

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

                        <td>
                            <div class="min-w-[200px]">
                                <input type="text" value="/feed/facebook.php?id=1" readonly
                                    class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                                <a href=""> FB feed </a>
                            </div>
                        </td>

                        <td>
                            <div class="min-w-[200px]">
                                <input type="text" value="/feed/google.php?id=1" readonly
                                    class="w-full h-[35px] input input-md input-bordered rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)]" />
                                <a href=""> Google feed </a>
                            </div>
                        </td>

                        <td class="whitespace-nowrap">
                            <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 w-[250px]">
                                <a href="/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="/marketing/feed?view=fb-product-add&id=1"
                                    class="icons icon-edit mr-[8px]" title="Sửa lại"></a>

                                <a href="/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>
</div>
{% endif %}