06/03/2024 9h19

template/banner/location_add.html

@@ -0,0 +1,97 @@
+<div class="global-breadcrumb-container">
+    <a href="/admin/banner"> Danh sách banner </a>
+    <a href="/admin/banner/location"> Vị trí banner </a>
+    <a href=""> Thêm / Sửa vị trí banner </a>
+</div>
+
+<div class="max-w-[1141px] m-auto">
+    <div class="flex flex-wrap items-start m-[0_0_16px_0]">
+        <div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px] flex flex-wrap items-center justify-between">
+            <p class="font-bold text-[20px]"> Cập nhật lại vị trí banner </p>
+
+            <a href="/admin/banner/location-add" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                <span>Thêm vị trí mới</span>
+            </a>
+
+            <p class="w-[100%] text-[#6B7280]">
+                banner_under_slider_mobile_webmau3
+            </p>
+        </div>            
+
+        <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+            <a href="javascript:void(0)" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" style="color: #Fff;background: #0041E8;"> Chỉnh sửa </a>
+        </div>
+        
+        <form method="post" enctype="multipart/form-data" class="order-page-table w-[852px] bg-white p-[16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            <p class="font-bold text-[20px] leading-[20px] mb-[17px]"> Thông tin cơ bản </p>
+
+
+            <div class="mb-[15px]">
+                <div class="mb-[6px] relative">
+                    <b> Chọn template hiển thị </b> 
+                                            
+                    <div class="inline-block relative group">
+                        <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                        <p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                            Tùy một số template mà banner này sẽ được hiển thị. Đa số trường hợp bạn không cần quan tâm tới thông tin này trừ các website cấu trúc phức tạp.
+                        </p>
+                    </div>
+                </div>
+
+                <select class="w-[auto_!important]">
+                    <option value="">-- Chọn template --</option>
+                    <option value='header' selected>header - Đầu trang</option>
+                    <option value='homepage' >homepage - Trang chủ</option> <option value='column_left' >column_left - Cột trái</option> <option value='column_right' >column_right - Cột phải</option> <option value='footer'>footer - Chân trang</option> <option value='product_detail' >product_detail - Chi tiết sản phẩm</option> <option value='product_list' >product_list - Danh sách &amp; Danh mục sản phẩm</option> <option value='collection_list' >collection_list - Bộ sưu tập</option> <option value='article_home' >article_home - Trang chủ tin tức</option> <option value='brand_detail' >brand_detail - Chi tiết thương hiệu</option> <option value='deal_group' >deal_group - Nhóm deal</option>
+                </select>
+
+            </div>
+
+
+            <div class="mb-[15px]">
+                <div class="mb-[6px] relative">
+                    <b> Mã vị trí (*) <i class="font-[300] text-[#6B7280]"> * chỉ gồm ký tự a-z0-9 và dấu _ </i> </b> 
+                                            
+                    <div class="inline-block relative group">
+                        <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                        <p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                            Mã vị trí cho phép gọi các banner theo mã ở bất kỳ mẫu giao diện web nào, v.d. trang_chu, khuyen_mai_shop
+                        </p>
+                    </div>
+                </div>
+
+                <input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </div> 
+
+
+            <div class="mb-[15px]">
+                <div class="mb-[6px] relative">
+                    <b> Đặt tên vị trí (*) </b> 
+                                            
+                    <div class="inline-block relative group">
+                        <i class="far fa-question-circle cursor-pointer ml-1 text-[#FFC700]"></i>
+
+                        <p class="hidden leading-[16px] text-[13px] absolute left-[-10px] bg-[rgba(0,0,0,0.60)] p-[6px_10px] rounded-[5px] text-white top-[100%] w-[280px] z-[1] group-hover:block">
+                            Nếu bạn có nhiều banner và muốn thay đổi, theo dõi, bạn nên đặt tên cụ thể <br />v.d. Banner quảng cáo khuyến mại 8/3/2012.
+                        </p>
+                    </div>
+                </div>
+
+                <input type="text" value="" class="w-[100%] h-[32px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+            </div> 
+
+
+            <div class="mb-[15px]">
+                <p class="font-bold mb-[6px]">Mô tả tóm tắt</p>
+
+                <textarea class="w-[100%] min-h-[122px] max-h-[170px] p-[10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]"></textarea>
+            </div> 
+
+            <hr class="border-[3px] border-[#FAFAFB] m-[16px_-16px]">
+
+            <input type="submit" value="Cập nhật" class="inline-block cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]"/>
+        </form>
+    </div>
+</div>