init
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
<odoo>
|
||||
<menuitem id="menu_moso_root" name="Moso Interior" sequence="10"/>
|
||||
<menuitem id="menu_moso_category" name="Danh mục" parent="menu_moso_root" action="action_moso_category" sequence="40"/>
|
||||
<menuitem id="menu_moso_condition" name="Điều kiện" parent="menu_moso_root" action="action_moso_condition" sequence="10"/>
|
||||
<menuitem id="menu_moso_product" name="Sản phẩm" parent="menu_moso_root" action="action_moso_product" sequence="30"/>
|
||||
<menuitem id="menu_moso_type" name="Thể loại" parent="menu_moso_root" action="action_moso_type" sequence="20"/>
|
||||
</odoo>
|
||||
@@ -0,0 +1,47 @@
|
||||
<odoo>
|
||||
<!-- list View -->
|
||||
<record id="view_moso_category_list" model="ir.ui.view">
|
||||
<field name="name">moso.category.list</field>
|
||||
<field name="model">moso.category</field>
|
||||
<field name="arch" type="xml">
|
||||
<list string="Danh sách danh mục">
|
||||
<field name="product_id"/>
|
||||
<field name="name"/>
|
||||
<field name="image" widget="image" class="moso_image_small" options="{'preview_image': 'image'}"/>
|
||||
<field name ="price"/>
|
||||
<field name="description"/>
|
||||
</list>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Form View -->
|
||||
<record id="view_moso_category_form" model="ir.ui.view">
|
||||
<field name="name">moso.category.form</field>
|
||||
<field name="model">moso.category</field>
|
||||
<field name="arch" type="xml">
|
||||
<form string="Chi tiết danh mục">
|
||||
<sheet>
|
||||
<group>
|
||||
<field name="product_id"/>
|
||||
<field name="name"/>
|
||||
<field name="image" widget="image" class="oe_avatar" options="{'preview_image': 'image'}"/>
|
||||
<field name ="price"/>
|
||||
<field name="description"/>
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Action -->
|
||||
<record id="action_moso_category" model="ir.actions.act_window">
|
||||
<field name="name">Danh mục nội thất</field>
|
||||
<field name="res_model">moso.category</field>
|
||||
<field name="view_mode">list,form</field>
|
||||
<field name="help" type="html">
|
||||
<p class="o_view_nocontent_smiling_face">Tạo danh mục nội thất đầu tiên!</p>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Menu -->
|
||||
</odoo>
|
||||
@@ -0,0 +1,37 @@
|
||||
<odoo>
|
||||
<!-- list View -->
|
||||
<record id="view_moso_condition_list" model="ir.ui.view">
|
||||
<field name="name">moso.condition.list</field>
|
||||
<field name="model">moso.condition</field>
|
||||
<field name="arch" type="xml">
|
||||
<list string="Danh sách điều kiện">
|
||||
<field name="name"/>
|
||||
</list>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Form View -->
|
||||
<record id="view_moso_condition_form" model="ir.ui.view">
|
||||
<field name="name">moso.condition.form</field>
|
||||
<field name="model">moso.condition</field>
|
||||
<field name="arch" type="xml">
|
||||
<form string="Chi tiết điều kiện">
|
||||
<sheet>
|
||||
<group>
|
||||
<field name="name"/>
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Action -->
|
||||
<record id="action_moso_condition" model="ir.actions.act_window">
|
||||
<field name="name">Điều kiện nội thất</field>
|
||||
<field name="res_model">moso.condition</field>
|
||||
<field name="view_mode">list,form</field>
|
||||
<field name="help" type="html">
|
||||
<p class="o_view_nocontent_smiling_face">Tạo điều kiện nội thất đầu tiên!</p>
|
||||
</field>
|
||||
</record>
|
||||
</odoo>
|
||||
@@ -0,0 +1,41 @@
|
||||
<odoo>
|
||||
<!-- list View -->
|
||||
<record id="view_moso_product_list" model="ir.ui.view">
|
||||
<field name="name">moso.product.list</field>
|
||||
<field name="model">moso.product</field>
|
||||
<field name="arch" type="xml">
|
||||
<list string="Danh sách sản phẩm nội thất">
|
||||
<field name="name"/>
|
||||
<field name="type_id"/>
|
||||
<field name="condition_id"/>
|
||||
</list>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Form View -->
|
||||
<record id="view_moso_product_form" model="ir.ui.view">
|
||||
<field name="name">moso.product.form</field>
|
||||
<field name="model">moso.product</field>
|
||||
<field name="arch" type="xml">
|
||||
<form string="Chi tiết nội thất">
|
||||
<sheet>
|
||||
<group>
|
||||
<field name="type_id"/>
|
||||
<field name="name"/>
|
||||
<field name="condition_id"/>
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Action -->
|
||||
<record id="action_moso_product" model="ir.actions.act_window">
|
||||
<field name="name">Sản phẩm nội thất</field>
|
||||
<field name="res_model">moso.product</field>
|
||||
<field name="view_mode">list,form</field>
|
||||
<field name="help" type="html">
|
||||
<p class="o_view_nocontent_smiling_face">Tạo sản phẩm nội thất đầu tiên!</p>
|
||||
</field>
|
||||
</record>
|
||||
</odoo>
|
||||
@@ -0,0 +1,41 @@
|
||||
<odoo>
|
||||
<!-- list View (List) -->
|
||||
<record id="view_moso_type_list" model="ir.ui.view">
|
||||
<field name="name">moso.type.list</field>
|
||||
<field name="model">moso.type</field>
|
||||
<field name="arch" type="xml">
|
||||
<list string="Danh sách thể loại">
|
||||
<field name="name"/>
|
||||
</list>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Form View -->
|
||||
<record id="view_moso_type_form" model="ir.ui.view">
|
||||
<field name="name">moso.type.form</field>
|
||||
<field name="model">moso.type</field>
|
||||
<field name="arch" type="xml">
|
||||
<form string="Chi tiết thể loại">
|
||||
<sheet>
|
||||
<group>
|
||||
<field name="name"/>
|
||||
</group>
|
||||
</sheet>
|
||||
</form>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Action -->
|
||||
<record id="action_moso_type" model="ir.actions.act_window">
|
||||
<field name="name">Thể loại nội thất</field>
|
||||
<field name="res_model">moso.type</field>
|
||||
<field name="view_mode">list,form</field> <!-- dùng list (list) thay vì kanban -->
|
||||
<field name="help" type="html">
|
||||
<p class="o_view_nocontent_smiling_face">
|
||||
Tạo thể loại nội thất đầu tiên!
|
||||
</p>
|
||||
</field>
|
||||
</record>
|
||||
|
||||
<!-- Menu -->
|
||||
</odoo>
|
||||
@@ -0,0 +1,15 @@
|
||||
<odoo>
|
||||
<template id="homepage_embed_iframe" inherit_id="website.homepage">
|
||||
<xpath expr="//div[@id='wrap']" position="replace">
|
||||
<!-- Bạn có thể thay thế hoàn toàn phần wrap -->
|
||||
<div id="wrap" class="container-fluid px-0" style="width: 100%; height: 100%;">
|
||||
<style>
|
||||
header, footer, .o_main_navbar {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
<iframe src="https://www.sapo.vn/" width="100%" height="800" style="border: none; display: block;"></iframe>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,65 @@
|
||||
<odoo>
|
||||
<template id="footer_moso" name="Moso Footer">
|
||||
<div class="site-footer section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-3 col-md-5 col-12 mb-3">
|
||||
<h3>
|
||||
<a href="/" class="custom-link mb-1">Moso Interior</a>
|
||||
</h3>
|
||||
<p class="text-white">
|
||||
Since 1986, We crafted interior products for better spaces
|
||||
</p>
|
||||
<p class="text-white">
|
||||
<a href="https://www.tooplate.com" target="_parent">Web Design: Tooplate</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-3 col-12 ms-lg-auto mb-3">
|
||||
<h3 class="text-white mb-3">Store</h3>
|
||||
<p class="text-white mt-2">
|
||||
<i class="bi bi-geo-alt"></i> Berlin, Germany
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-12 mb-3">
|
||||
<h3 class="text-white mb-3">Contact Info</h3>
|
||||
<p class="text-white mb-1">
|
||||
<i class="bi bi-telephone me-1"></i>
|
||||
<a href="tel:0900800760" class="text-white">090-080-0760</a>
|
||||
</p>
|
||||
<p class="text-white mb-0">
|
||||
<i class="bi bi-envelope me-1"></i>
|
||||
<a href="mailto:info@company.com" class="text-white">info@company.com</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-7 copyright-text-wrap col-12 d-flex flex-wrap align-items-center mt-4 ms-auto">
|
||||
<p class="copyright-text mb-0 me-4">
|
||||
Copyright © Moso Interior 2048
|
||||
</p>
|
||||
<ul class="social-icon">
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link bi bi-twitter"></a>
|
||||
</li>
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link bi bi-facebook"></a>
|
||||
</li>
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link bi bi-instagram"></a>
|
||||
</li>
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link bi bi-pinterest"></a>
|
||||
</li>
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link bi bi-whatsapp"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,41 @@
|
||||
<odoo>
|
||||
<template id="navbar_moso" name="Moso Navbar">
|
||||
<nav class="navbar navbar-expand-lg bg-light fixed-top shadow-lg">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#">Moso <span class="tooplate-red">Inter</span>
|
||||
<span class="tooplate-green">ior</span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/moso">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#section_2">About</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#section_3" data-bs-toggle="dropdown">Shop</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="dropdown-item" href="/moso/productlist">Shop Listing</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="#">Shop Detail</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#section_4">Reviews</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#section_5">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,169 @@
|
||||
<odoo>
|
||||
<template id="moso_deltailpage_template" name="Moso Page">
|
||||
<t t-call="website.layout">
|
||||
<style>
|
||||
header, footer, .o_main_navbar {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
<t t-set="title">Moso Interior</t>
|
||||
|
||||
<!-- Bắt đầu nội dung của bạn -->
|
||||
<div id="moso_page_content">
|
||||
<t t-call="website_genhd_embeb.navbar_moso"/>
|
||||
<main>
|
||||
|
||||
<!-- Header -->
|
||||
<header class="site-header d-flex justify-content-center align-items-center" t-attf-style="background-image: url('/web/image/moso.category/{{category.id}}/image');">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-12">
|
||||
<h1 class="text-white">
|
||||
<t t-esc="category.name"/>
|
||||
</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="shop-detail-bar section-bg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-7 col-md-8 col-12 d-flex">
|
||||
<p class="shop-detail-bar-wrap d-flex flex-wrap mb-0">
|
||||
<span class="me-2">Price:</span>
|
||||
<strong class="shop-pricing-text">
|
||||
<t t-esc="category.price"/>
|
||||
₫</strong>
|
||||
</p>
|
||||
|
||||
<p class="shop-detail-bar-wrap d-flex flex-wrap ms-lg-5 ms-4 mb-0">
|
||||
<span class="me-2">Condition:</span>
|
||||
<strong class="shop-condition-text">
|
||||
<t t-esc="category.product_id.condition_id.name"/>
|
||||
</strong>
|
||||
</p>
|
||||
|
||||
<p class="shop-detail-bar-wrap d-flex flex-wrap ms-lg-5 ms-4 mb-0">
|
||||
<span class="me-2">Type:</span>
|
||||
<strong>
|
||||
<t t-esc="category.product_id.type_id.name"/>
|
||||
</strong>
|
||||
</p>
|
||||
<!-- <p class="shop-detail-bar-wrap d-flex flex-wrap ms-lg-5 ms-4 mb-0">
|
||||
<span class="me-2">description:</span>
|
||||
<strong>
|
||||
<t t-esc="category.description"/>
|
||||
</strong>
|
||||
</p> -->
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5 col-md-4 col-12 social-share d-flex align-items-center ms-lg-auto mt-3 mt-lg-0 mt-md-0">
|
||||
<p class="mb-0 me-3 ms-lg-auto ms-md-auto">Share:</p>
|
||||
<ul class="social-icon">
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link social-icon-twitter bi-twitter"/>
|
||||
</li>
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link social-icon-facebook bi-facebook"/>
|
||||
</li>
|
||||
<li class="social-icon-item">
|
||||
<a href="#" class="social-icon-link social-icon-pinterest bi-pinterest"/>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Detail Section 1 -->
|
||||
<section class="shop-detail-section section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6 col-12 m-auto">
|
||||
<div class="custom-block shop-detail-custom-block">
|
||||
<h3 class="mb-3">
|
||||
<t t-esc="category.name"/>
|
||||
</h3>
|
||||
<p>
|
||||
<t t-esc="category.description"/>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="shop-image-wrap">
|
||||
<img class="shop-image img-fluid" t-att-src="'/web/image/%s/%s/image' % (category._name, category.id)"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Detail Section 2 -->
|
||||
<section class="shop-detail-section section-padding section-bg">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="shop-image-wrap">
|
||||
<img src="/website_genhd_embeb/static/image/kitchen.jpg" class="shop-image img-fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-12 m-auto">
|
||||
<div class="custom-block shop-detail-custom-block">
|
||||
<h3 class="mb-3">Online Interior Design</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Image Gallery -->
|
||||
<section class="shop-detail-section section-padding pb-0">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="shop-thumb">
|
||||
<div class="shop-image-wrap">
|
||||
<img src="/website_genhd_embeb/static/image/kitchen.jpg" class="shop-image img-fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="shop-thumb">
|
||||
<div class="shop-image-wrap">
|
||||
<img src="/website_genhd_embeb/static/image/kitchen.jpg" class="shop-image img-fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-12">
|
||||
<div class="shop-thumb">
|
||||
<div class="shop-image-wrap">
|
||||
<img src="/website_genhd_embeb/static/image/kitchen.jpg" class="shop-image img-fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SVG Wave Footer -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
|
||||
<path fill="#36363e" fill-opacity="1" d="M0,96L40,117.3C80,139,160,181,240,186.7C320,192,400,160,480,149.3C560,139,640,149,720,176C800,203,880,245,960,250.7C1040,256,1120,224,1200,229.3C1280,235,1360,277,1400,298.7L1440,320L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"/>
|
||||
</svg>
|
||||
|
||||
</main>
|
||||
<t t-call="website_genhd_embeb.footer_moso"></t>
|
||||
|
||||
</div>
|
||||
|
||||
</t>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,339 @@
|
||||
<odoo>
|
||||
<template id="moso_homepage_template" name="Moso Page">
|
||||
<t t-call="website.layout">
|
||||
<style>
|
||||
header, footer, .o_main_navbar {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
<t t-set="title">Moso Interior</t>
|
||||
|
||||
<!-- Bắt đầu nội dung của bạn -->
|
||||
<div id="moso_page_content">
|
||||
<t t-call="website_genhd_embeb.navbar_moso"/>
|
||||
<main>
|
||||
<section class="hero-section hero-slide d-flex justify-content-center align-items-center" id="section_1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-8 col-12 text-center mx-auto">
|
||||
<div class="hero-section-text">
|
||||
<small class="section-small-title">
|
||||
Welcome to Moso Interior
|
||||
<i class="hero-icon bi-house"></i>
|
||||
</small>
|
||||
|
||||
<h1 class="hero-title text-black mt-2 mb-4">
|
||||
Decorate a beautiful interior for your space
|
||||
</h1>
|
||||
|
||||
<form class="custom-form hero-form" action="#" method="get" role="form">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-md-6 col-12">
|
||||
<div class="input-group align-items-center">
|
||||
<label for="product-name">Product</label>
|
||||
<input type="text" name="product-name" id="product-name" class="form-control" placeholder="Bathroom, Living Room..." required="required"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5 col-md-6 col-12">
|
||||
<div class="input-group align-items-center">
|
||||
<label for="last-name">Price</label>
|
||||
<select name="price-range" class="form-select form-control" id="price-range" aria-label="Default select example">
|
||||
<option value="500" selected="selected">$500 to $990</option>
|
||||
<option value="1000">$1,000 - 2,900</option>
|
||||
<option value="3000">$3,000 - 5,000</option>
|
||||
<option value="5000">$5,000 - 10,000</option>
|
||||
<option value="11000">$11,000 - 25,000</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-6 col-12">
|
||||
<button type="submit" class="form-control">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- <div class="hero-btn d-flex justify-content-center align-items-center">
|
||||
<a class="bi-arrow-down hero-btn-link smoothscroll" href="#section_2"></a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="about-section section-padding" id="section_2">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
|
||||
<div class="col-lg-5 col-12">
|
||||
<small class="section-small-title">Our Story</small>
|
||||
|
||||
<h2 class="mt-2 mb-4">
|
||||
<span class="text-muted">Introducing</span> Moso
|
||||
</h2>
|
||||
|
||||
<h4 class="text-muted mb-3">
|
||||
Since 1986, We crafted interior products for better spaces
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
Moso Interior is a free Bootstrap 5 HTML CSS template for your website. Tooplate is one of the best websites to download 100% free HTML Templates for web designers and developers around the world. Thank you for visiting.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-5 col-5 mx-lg-auto">
|
||||
<img src="/website_genhd_embeb/static/image/sharing-design-ideas-with-family.jpg" class="about-image about-image-small img-fluid" alt=""/>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-7 col-7">
|
||||
<img src="/website_genhd_embeb/static/image/living-room-interior-wall-mockup-warm-tones-with-leather-sofa-which-is-kitchen-3d-rendering.jpg" class="about-image img-fluid" alt=""/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="featured-section section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-5 col-12">
|
||||
<div class="custom-block featured-custom-block">
|
||||
<h2 class="mt-2 mb-4">Opening Hours</h2>
|
||||
|
||||
<div class="d-flex">
|
||||
<i class="featured-icon bi-clock me-3"></i>
|
||||
|
||||
<div>
|
||||
<p class="mb-2">
|
||||
Mon - Friday ~
|
||||
<strong class="d-inline">8:00 AM - 6:00 PM</strong>
|
||||
</p>
|
||||
|
||||
<p class="mb-2">
|
||||
Saturday ~
|
||||
<strong class="d-inline">10:00 AM - 10:00 PM</strong>
|
||||
</p>
|
||||
|
||||
<p>Sunday ~ Closed</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="reviews-section section-padding pb-0" id="section_4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-12">
|
||||
<small class="section-small-title">Happy customers.</small>
|
||||
<h2 class="mt-2 mb-4">Reviews</h2>
|
||||
|
||||
<div class="owl-carousel reviews-carousel">
|
||||
<!-- Review 1 -->
|
||||
<div class="reviews-thumb">
|
||||
<div class="reviews-body">
|
||||
<h4>Moso Interior is the most suitable website layout.</h4>
|
||||
</div>
|
||||
<div class="reviews-bottom reviews-bottom-up d-flex align-items-center">
|
||||
<img src="/website_genhd_embeb/static/image/avatar/pretty-blonde-woman-wearing-white-t-shirt.jpg" class="avatar-image img-fluid" alt=""/>
|
||||
<div class="d-flex align-items-center justify-content-between flex-wrap w-100 ms-3">
|
||||
<p class="text-white mb-0">
|
||||
<strong>Sandy</strong>, <small>CEO</small>
|
||||
</p>
|
||||
<div class="reviews-icons">
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review 2 -->
|
||||
<div class="reviews-thumb">
|
||||
<div class="reviews-body">
|
||||
<h4>Explore more HTML Templates to download for your website.</h4>
|
||||
</div>
|
||||
<div class="reviews-bottom reviews-bottom-up d-flex align-items-center">
|
||||
<img src="/website_genhd_embeb/static/image/avatar/studio-portrait-emotional-happy-funny-smiling-boyfriend-man-with-heavy-beard-stands-with-arms-crossed-dressed-red-t-shirt-isolated-blue.jpg" class="avatar-image img-fluid" alt=""/>
|
||||
<div class="d-flex align-items-center justify-content-between flex-wrap w-100 ms-3">
|
||||
<p class="text-white mb-0">
|
||||
<strong>Jack</strong>, <small>Partner</small>
|
||||
</p>
|
||||
<div class="reviews-icons">
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star"></i>
|
||||
<i class="bi-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review 3 -->
|
||||
<div class="reviews-thumb">
|
||||
<div class="reviews-body">
|
||||
<h4>Please recommend Tooplate website to your friends.</h4>
|
||||
</div>
|
||||
<div class="reviews-bottom reviews-bottom-up d-flex align-items-center">
|
||||
<img src="/website_genhd_embeb/static/image/avatar/portrait-beautiful-young-woman-standing-grey-wall.jpg" class="avatar-image img-fluid" alt=""/>
|
||||
<div class="d-flex align-items-center justify-content-between flex-wrap w-100 ms-3">
|
||||
<p class="text-white mb-0">
|
||||
<strong>Helen</strong>, <small>Client</small>
|
||||
</p>
|
||||
<div class="reviews-icons">
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review 4 -->
|
||||
<div class="reviews-thumb">
|
||||
<div class="reviews-body">
|
||||
<h4>This Bootstrap 5 layout is free to use for your website.</h4>
|
||||
</div>
|
||||
<div class="reviews-bottom reviews-bottom-up d-flex align-items-center">
|
||||
<img src="/website_genhd_embeb/static/image/avatar/portrait-young-redhead-bearded-male-wears-white-t-shirt-keeps-his-eyes-closed-smiling-feels-happy-yellow.jpg" class="avatar-image img-fluid" alt=""/>
|
||||
<div class="d-flex align-items-center justify-content-between flex-wrap w-100 ms-3">
|
||||
<p class="text-white mb-0">
|
||||
<strong>Bill</strong>, <small>Designer</small>
|
||||
</p>
|
||||
<div class="reviews-icons">
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star"></i>
|
||||
<i class="bi-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Review 5 -->
|
||||
<div class="reviews-thumb">
|
||||
<div class="reviews-body">
|
||||
<h4>Thank you for visiting Tooplate to download free templates.</h4>
|
||||
</div>
|
||||
<div class="reviews-bottom reviews-bottom-up d-flex align-items-center">
|
||||
<img src="/website_genhd_embeb/static/image/avatar/portrait-young-beautiful-woman-gesticulating.jpg" class="avatar-image img-fluid" alt=""/>
|
||||
<div class="d-flex align-items-center justify-content-between flex-wrap w-100 ms-3">
|
||||
<p class="text-white mb-0">
|
||||
<strong>Susan</strong>, <small>Boss</small>
|
||||
</p>
|
||||
<div class="reviews-icons">
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
<i class="bi-star-fill"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Facebook review button -->
|
||||
<div class="col-lg-12 col-12">
|
||||
<p class="d-flex justify-content-center align-items-center mt-lg-5">
|
||||
Write some reviews on
|
||||
<a href="#" class="custom-btn btn ms-3">
|
||||
<i class="bi-facebook me-2"></i>facebook</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="contact-section" id="section_5">
|
||||
<!-- SVG Top Border -->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-12">
|
||||
<small class="section-small-title">Ask anything.</small>
|
||||
<h2 class="mb-4">Say Hello</h2>
|
||||
</div>
|
||||
|
||||
<!-- Form -->
|
||||
<div class="col-lg-6 col-12">
|
||||
<form class="custom-form contact-form" action="#" method="post" role="form">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-md-6 col-12">
|
||||
<div class="input-group align-items-center">
|
||||
<label for="first-name">First Name</label>
|
||||
<input type="text" name="first-name" id="first-name" class="form-control" placeholder="Jack" required="required"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-md-6 col-12">
|
||||
<div class="input-group align-items-center">
|
||||
<label for="last-name">Last Name</label>
|
||||
<input type="text" name="last-name" id="last-name" class="form-control" placeholder="Doe" required="required"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-group align-items-center">
|
||||
<label for="email">Email Address</label>
|
||||
<input type="email" name="email" id="email" pattern="[^ @]*@[^ @]*" class="form-control" placeholder="Jackdoe@gmail.com" required="required"/>
|
||||
</div>
|
||||
|
||||
<div class="input-group textarea-group">
|
||||
<label for="message">Message</label>
|
||||
<textarea name="message" rows="6" class="form-control" id="message" placeholder="What can we help you?"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-6">
|
||||
<button type="submit" class="form-control">Send</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Contact Info -->
|
||||
<div class="col-lg-6 col-12 mt-5 mt-lg-0">
|
||||
<div class="custom-block">
|
||||
<h3 class="text-white mb-2">Store</h3>
|
||||
<p class="text-white mb-2">
|
||||
<i class="contact-icon bi-geo-alt me-1"></i> 102 Utah Road, Berlin, Germany
|
||||
</p>
|
||||
|
||||
<h3 class="text-white mt-3 mb-2">Contact Info</h3>
|
||||
<div class="d-flex flex-wrap">
|
||||
<p class="text-white mb-2 me-4">
|
||||
<i class="contact-icon bi-telephone me-1"></i>
|
||||
<a href="tel:090-080-0760" class="text-white">090-080-0760</a>
|
||||
</p>
|
||||
<p class="text-white">
|
||||
<i class="contact-icon bi-envelope me-1"></i>
|
||||
<a href="mailto:info@company.com" class="text-white">info@company.com</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Google Map -->
|
||||
<iframe class="google-map mt-2" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4800.184803804974!2d-0.10174304922518053!3d51.5087879746898!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487605f6fc62fa3d%3A0xc5a39e7cf4e3a9a4!2sTate%20Modern%20Garden!5e1!3m2!1sen!2smm!4v1679331839559!5m2!1sen!2smm" width="100%" height="220" style="border:0;" allowfullscreen="" loading="lazy">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SVG Bottom Border -->
|
||||
</section>
|
||||
</main>
|
||||
<t t-call="website_genhd_embeb.footer_moso"></t>
|
||||
|
||||
</div>
|
||||
|
||||
</t>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,169 @@
|
||||
<odoo>
|
||||
<template id="moso_productlist_template" name="Moso Page">
|
||||
<t t-call="website.layout">
|
||||
<style>
|
||||
header, footer, .o_main_navbar {
|
||||
display: none !important;
|
||||
}
|
||||
</style>
|
||||
<t t-set="title">Moso Interior</t>
|
||||
<div id="moso_page_content">
|
||||
<t t-call="website_genhd_embeb.navbar_moso"/>
|
||||
<main>
|
||||
<header class="site-header d-flex justify-content-center align-items-center" style="background-image: url('/website_genhd_embeb/static/image/kitchen.jpg')">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-12">
|
||||
<h1 class="text-white">Shop Listing</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="shop-section section-padding">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
|
||||
<!-- Bộ lọc bên trái -->
|
||||
<div class="col-lg-4 col-md-5 col-12 me-auto mb-5">
|
||||
<form class="custom-form filter-form" action="#" method="get" role="form">
|
||||
|
||||
<div class="mt-4">
|
||||
<h6 class="filter-form-small-title">Price range</h6>
|
||||
|
||||
<div class="form-check">
|
||||
<input name="price-range[]" type="checkbox" class="form-check-input" id="PriceCheckOne" value="500" checked="checked"/>
|
||||
<label class="form-check-label" for="PriceCheckOne">below $1,000</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input name="price-range[]" type="checkbox" class="form-check-input" id="PriceCheckTwo" value="1000"/>
|
||||
<label class="form-check-label" for="PriceCheckTwo">$1,000 - $4,900</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input name="price-range[]" type="checkbox" class="form-check-input" id="PriceCheckThree" value="5000"/>
|
||||
<label class="form-check-label" for="PriceCheckThree">$5,000 - $9,900</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input name="price-range[]" type="checkbox" class="form-check-input" id="PriceCheckFour" value="10000"/>
|
||||
<label class="form-check-label" for="PriceCheckFour">$10,000 - $30,000</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<h6 class="filter-form-small-title">Condition</h6>
|
||||
<t t-foreach="conditions" t-as="condition">
|
||||
<div class="form-check">
|
||||
<input name="condition[]" type="checkbox" class="form-check-input" id="ConditionCheckOne" t-att-value="condition.name"/>
|
||||
<label class="form-check-label" for="ConditionCheckOne">
|
||||
<t t-esc="condition.name"/>
|
||||
</label>
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<h6 class="filter-form-small-title">Type</h6>
|
||||
<t t-foreach="types" t-as="type">
|
||||
<div class="form-check">
|
||||
<input name="condition[]" type="checkbox" class="form-check-input" id="TypeCheckOne" t-att-value="condition.name" />
|
||||
<label class="form-check-label" for="TypeCheckOne">
|
||||
<t t-esc="type.name"/>
|
||||
</label>
|
||||
</div>
|
||||
</t>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<button type="submit" class="form-control">Apply Filters</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Danh sách sản phẩm bên phải -->
|
||||
<div class="col-lg-7 col-md-6 col-12">
|
||||
<h2>Products</h2>
|
||||
<p class="mb-5">
|
||||
<strong>
|
||||
<t t-esc="product_count"/>
|
||||
</strong> are currently available</p>
|
||||
|
||||
<div class="row">
|
||||
<t t-foreach="categorys" t-as="category">
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="shop-thumb">
|
||||
<div class="shop-image-wrap">
|
||||
<a t-attf-href="/moso/product/{{category.name}}">
|
||||
<img t-att-src="'/web/image/%s/%s/image' % (category._name, category.id)" class="shop-image img-fluid" alt=""/>
|
||||
</a>
|
||||
<div class="shop-icons-wrap">
|
||||
<div class="shop-icons d-flex flex-column align-items-center">
|
||||
<a href="#" class="shop-icon bi-heart"></a>
|
||||
<a href="#" class="shop-icon bi-bookmark"></a>
|
||||
</div>
|
||||
<p class="shop-pricing mb-0 mt-3">
|
||||
<span class="badge custom-badge border rounded bg-white p-2 text-danger">
|
||||
$ <t t-esc ="category.price"/>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="shop-btn-wrap">
|
||||
<a href="/shop-detail" class="shop-btn custom-btn btn d-flex align-items-center">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shop-body">
|
||||
<h4>
|
||||
<t t-esc="category.name"/>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
<!-- Bạn có thể lặp thêm các sản phẩm khác tại đây -->
|
||||
</div>
|
||||
|
||||
<!-- Phân trang -->
|
||||
<nav aria-label="Page navigation example">
|
||||
<ul class="pagination justify-content-center">
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Previous">
|
||||
<span aria-hidden="true">«</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">2</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">3</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">4</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">5</a>
|
||||
</li>
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#" aria-label="Next">
|
||||
<span>»</span> <!-- hoặc » -->
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<t t-call="website_genhd_embeb.footer_moso"></t>
|
||||
|
||||
</div>
|
||||
|
||||
</t>
|
||||
</template>
|
||||
</odoo>
|
||||
@@ -0,0 +1,120 @@
|
||||
<template id="moso_order_template" name="Moso Checkout Page">
|
||||
<div class="container mt-4">
|
||||
<form class="needs-validation" name="frmthanhtoan" method="post" action="#">
|
||||
<input type="hidden" name="kh_tendangnhap" value="dnpcuong"/>
|
||||
<div class="py-5 text-center">
|
||||
<i class="fa fa-credit-card fa-4x" aria-hidden="true"></i>
|
||||
<h2>Thanh toán</h2>
|
||||
<p class="lead">Vui lòng kiểm tra thông tin Khách hàng, thông tin Giỏ hàng trước khi Đặt hàng.</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 order-md-2 mb-4">
|
||||
<h4 class="d-flex justify-content-between align-items-center mb-3">
|
||||
<span class="text-muted">Giỏ hàng</span>
|
||||
<span class="badge badge-secondary badge-pill">2</span>
|
||||
</h4>
|
||||
<ul class="list-group mb-3">
|
||||
<input type="hidden" name="sanphamgiohang[1][sp_ma]" value="2"/>
|
||||
<input type="hidden" name="sanphamgiohang[1][gia]" value="11800000.00"/>
|
||||
<input type="hidden" name="sanphamgiohang[1][soluong]" value="2"/>
|
||||
|
||||
<li class="list-group-item d-flex justify-content-between lh-condensed">
|
||||
<div>
|
||||
<h6 class="my-0">Apple Ipad 4 Wifi 16GB</h6>
|
||||
<small class="text-muted">11800000.00 x 2</small>
|
||||
</div>
|
||||
<span class="text-muted">23600000</span>
|
||||
</li>
|
||||
<input type="hidden" name="sanphamgiohang[2][sp_ma]" value="4"/>
|
||||
<input type="hidden" name="sanphamgiohang[2][gia]" value="14990000.00"/>
|
||||
<input type="hidden" name="sanphamgiohang[2][soluong]" value="8"/>
|
||||
|
||||
<li class="list-group-item d-flex justify-content-between lh-condensed">
|
||||
<div>
|
||||
<h6 class="my-0">Apple iPhone 5 16GB White</h6>
|
||||
<small class="text-muted">14990000.00 x 8</small>
|
||||
</div>
|
||||
<span class="text-muted">119920000</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between">
|
||||
<span>Tổng thành tiền</span>
|
||||
<strong>143520000</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Mã khuyến mãi"/>
|
||||
<div class="input-group-append">
|
||||
<button type="submit" class="btn btn-secondary">Xác nhận</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-8 order-md-1">
|
||||
<h4 class="mb-3">Thông tin khách hàng</h4>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<label for="kh_ten">Họ tên</label>
|
||||
<input type="text" class="form-control" name="kh_ten" id="kh_ten"
|
||||
value="Dương Nguyễn Phú Cường" readonly="readonly"/>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<label for="kh_gioitinh">Giới tính</label>
|
||||
<input type="text" class="form-control" name="kh_gioitinh" id="kh_gioitinh" value="Nam"
|
||||
readonly="readonly"/>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<label for="kh_diachi">Địa chỉ</label>
|
||||
<input type="text" class="form-control" name="kh_diachi" id="kh_diachi"
|
||||
value="130 Xô Viết Nghệ Tỉnh" readonly="readonly"/>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<label for="kh_dienthoai">Điện thoại</label>
|
||||
<input type="text" class="form-control" name="kh_dienthoai" id="kh_dienthoai"
|
||||
value="0915659223" readonly="readonly"/>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<label for="kh_email">Email</label>
|
||||
<input type="text" class="form-control" name="kh_email" id="kh_email"
|
||||
value="phucuong@ctu.edu.vn" readonly="readonly"/>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<label for="kh_ngaysinh">Ngày sinh</label>
|
||||
<input type="text" class="form-control" name="kh_ngaysinh" id="kh_ngaysinh"
|
||||
value="11/6/1989" readonly="readonly"/>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<label for="kh_cmnd">CMND</label>
|
||||
<input type="text" class="form-control" name="kh_cmnd" id="kh_cmnd" value="362209685"
|
||||
readonly="readonly"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 class="mb-3">Hình thức thanh toán</h4>
|
||||
|
||||
<div class="d-block my-3">
|
||||
<div class="custom-control custom-radio">
|
||||
<input id="httt-1" name="httt_ma" type="radio" class="custom-control-input" value="1" required="required"/>
|
||||
<label class="custom-control-label" for="httt-1">Tiền mặt</label>
|
||||
</div>
|
||||
<div class="custom-control custom-radio">
|
||||
<input id="httt-2" name="httt_ma" type="radio" class="custom-control-input" value="2" required="required"/>
|
||||
<label class="custom-control-label" for="httt-2">Chuyển khoản</label>
|
||||
</div>
|
||||
<div class="custom-control custom-radio">
|
||||
<input id="httt-3" name="httt_ma" type="radio" class="custom-control-input" value="3" required="required"/>
|
||||
<label class="custom-control-label" for="httt-3">Ship COD</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="mb-4"/>
|
||||
<button class="btn btn-primary btn-lg btn-block" type="submit" name="btnDatHang">
|
||||
Đặt hàng
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user