forked from quancm4603/ChoHayFrontEnd
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcreate-product-dog.html
More file actions
150 lines (147 loc) · 19.4 KB
/
create-product-dog.html
File metadata and controls
150 lines (147 loc) · 19.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html data-bs-theme="light" lang="en" data-bss-forced-theme="light">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>ChoHay</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.2/dist/lux/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;500;600;700&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Averia+Serif+Libre&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body style="background:rgb(242,242,242);color:#55595c;">
<header>
<nav class="navbar navbar-expand-lg bg-light d-xxl-flex justify-content-xxl-center align-items-xxl-center" style="padding-top: 15px;padding-bottom: 15px;">
<div class="container-fluid"><a class="navbar-brand d-xxl-flex justify-content-xxl-center align-items-xxl-center" href="./" style="font-weight: bold;font-size: 24px;">chohay</a><button data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" class="navbar-toggler" type="button" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Danh mục</a>
<div class="dropdown-menu"><a class="dropdown-item" href="./search?category=Apartment">Căn hộ</a><a class="dropdown-item" href="./search?category=Phone">Điện thoại</a><a class="dropdown-item" href="./search?category=Dog">Chó</a></div>
</li>
</ul>
<form class="d-flex mx-auto" method="get" action="./search" role="search" style="width: 100%;"><input class="form-control me-2" type="search" aria-label="Search" name="keyword" placeholder="Tìm kiếm sản phẩm trên Chợ Hay" style="padding:5px 24px;"><button class="btn btn-outline-primary d-xxl-flex justify-content-xxl-center align-items-xxl-center" type="submit" id="button-addon-1" style="padding-top:4px;padding-bottom:4px;border-width:1px;padding-right:16px;padding-left:16px;"><svg class="bi bi-search" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16" style="font-size:24px;"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path></svg></button></form>
<ul class="navbar-nav d-lg-flex ms-auto justify-content-lg-center align-items-lg-center mb-2 mb-lg-0">
<li class="nav-item d-xl-flex justify-content-xl-center align-items-xl-center bag" style="padding: 3px;">
<div class="nav-item dropdown d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xxl-center align-items-xxl-center" style="margin-right: 0px;width: 100%;height: 100%;"><a class="d-xl-flex justify-content-xl-center align-items-xl-center" aria-expanded="false" data-bs-toggle="dropdown" href="#"><i class="icon ion-bag d-lg-flex d-xl-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xl-center align-items-xl-center justify-content-xxl-center align-items-xxl-center bi-bag"></i></a>
<div class="dropdown-menu"><a class="dropdown-item" href="./order-status">Đơn mua</a><a class="dropdown-item" href="./sell-status">Đơn bán</a></div>
</div>
</li>
<li class="nav-item d-flex justify-content-xxl-center align-items-xxl-center quanlytin" style="width: 100%;height: 100%;padding: 5px;"><a class="nav-link d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xxl-center align-items-xxl-center" href="./product-manager" style="padding: 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-layout-text-window-reverse icoquanly">
<path d="M13 6.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z"></path>
<path d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12zM2 1a1 1 0 0 0-1 1v1h14V2a1 1 0 0 0-1-1H2zM1 4v10a1 1 0 0 0 1 1h2V4H1zm4 0v11h9a1 1 0 0 0 1-1V4H5z"></path>
</svg><span class="text-capitalize spanquanly" style="line-height: 15px;">quản lý tin</span></a></li>
<li class="nav-item d-flex justify-content-xxl-center align-items-xxl-center quanlytin" style="width: 100%;height: 100%;padding: 5px;"><a class="nav-link d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center justify-content-xxl-center align-items-xxl-center" href="./user" style="padding: 0px;"><img class="rounded-circle" style="width: 24px;height: 24px;" src="https://p7.hiclipart.com/preview/782/114/405/5bbc3519d674c.jpg"><span class="text-capitalize spanquanly" style="line-height: 15px;overflow: hidden;width: 16vh;text-overflow: ellipsis;">Nguyễn gia anh tuấn</span></a></li>
<li class="nav-item d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center align-items-xxl-center"><a class="btn btn-outline-primary" role="button" href="./create-product" style="line-height: 12px;border-width: 1px;padding-bottom: 10px;padding-top: 10px;width: 100%;">đăng tin</a></li>
<li class="nav-item d-lg-flex d-xxl-flex justify-content-lg-center align-items-lg-center align-items-xxl-center" style="margin-right: 0px;"><a class="btn btn-primary" role="button" href="./login" style="width: 100%;line-height: 10px;padding-top: 13px;padding-bottom: 13px;">đăng nhập</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div style="width:100%;height:100%;">
<div class="container-fluid" style="width: 100%;max-width: 60%;padding: 0;padding-top: 15px;padding-bottom: 15px;height: 100%;">
<form style="width:100%;height:100%;">
<div class="card shadow mb-3" style="width: 100%;height: 100%;margin: 0;">
<div class="card-header py-3" style="width: 100%;height: 100%;padding: 0;">
<p class="fs-4 fw-bolder text-start text-primary m-0 fw-bold"><strong>Tạo sản phẩm</strong></p>
</div>
<div class="card-body" style="width: 100%;height: 100%;min-height: 0px;padding: 0;margin: 0;">
<div class="row" style="width: 100%;margin: 2px;padding: 0;">
<div class="col-sm-12 col-md-8 col-lg-8 col-xxl-7" style="transform:scale(1);width:100%;height:100%;">
<div class="mb-3" style="width: 100%;"><label class="form-label form-label" for="service_name" style="font-weight: bold;"><strong>Danh mục tin đăng *</strong></label><select class="form-select form-select" required="" style="color:rgb(0,0,0);">
<option value="ApartmentDetails">Căn hộ</option>
<option value="PhoneDetails">Điên thoại</option>
<option value="DogDetails">Chó</option>
</select></div>
</div>
</div>
<div class="row" style="width: 100%;margin: 2px;padding: 0;">
<div class="col-sm-12 col-md-8 col-lg-8 col-xxl-8" style="transform:scale(1);">
<div class="mb-3" style="width: 100%;"><label class="form-label form-label" for="service_name" style="font-weight: bold;"><strong>Tên sản phẩm *</strong></label><input class="form-control form-control" type="text" id="service_name" name="name" placeholder="Tên sản phẩm" required="" style="border-color: rgb(0,0,0);color: rgb(0,0,0);width: 100%;"></div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4">
<div class="mb-3" style="width: 100%;"><label class="form-label form-label" for="service_price" style="font-weight: bold;"><strong>Giá tiền *</strong></label><input class="form-control" type="number" required="" placeholder="VND" min="0" style="width: 100%;"></div>
</div>
</div>
<div class="row" style="width: 100%;margin: 2px;padding: 0;">
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6" style="transform:scale(1);">
<div class="mb-3" style="width: 100%;"><label class="form-label form-label" for="service_name" style="color: #55595c;font-weight: bold;"><strong>Số điện thoại *</strong></label><input class="form-control form-control" type="tel" id="service_name-1" name="phone" placeholder="Số điện thoại" required="" style="border-color: rgb(0,0,0);color: rgb(0,0,0);width: 100%;"></div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
<div class="mb-3" style="width: 100%;"><label class="form-label form-label form-label" for="image" style="font-weight: bold;"><strong>Hình ảnh *</strong></label><input class="form-control form-control" type="file" id="image" name="image" placeholder="Hình ảnh" required="" style="width: 100%;"></div>
</div>
</div>
<div class="row" style="width: 100%;margin: 2px;padding: 0;">
<div class="col">
<div style="width: 100%;"><label class="form-label form-label" style="color:#55595c;font-weight:bold;">Tỉnh, thành phố *</label><select class="form-select form-select-sm form-select form-select mb-3" aria-label=".form-select-sm" id="city">
<option value="" selected="">Chọn tỉnh thành</option>
</select><label class="form-label form-label" style="color:#55595c;font-weight:bold;">Quận, huyện, thị xã *</label><select class="form-select form-select-sm form-select form-select mb-3" aria-label=".form-select-sm" id="district">
<option value="" selected="">Chọn quận huyện</option>
</select><label class="form-label form-label" style="color:#55595c;font-weight:bold;">Phường, xã, thị trấn *</label><select class="form-select form-select-sm form-select form-select" aria-label=".form-select-sm" id="ward">
<option value="" selected="">Chọn phường xã</option>
</select><label class="form-label form-label" style="color:#55595c;font-weight:bold;margin-top:10px;">Địa chỉ cụ thể *</label><input class="form-control form-control" type="text" name="street" placeholder="Địa chỉ cụ thể" style="color: rgb(0,0,0);width: 100%;"></div>
</div>
</div>
<div class="mb-3" style="width: 100%;margin: 2px;padding: 0;">
<div class="row justify-content-around" style="width: 100%;margin: 2px;padding: 0;">
<div class="col-sm-12 col-md-8 col-lg-6 col-xxl-8" style="transform: scale(1);width: 100%;">
<div class="mb-3" style="width: 100%;"><label class="form-label form-label" for="service_name" style="font-weight: bold;"><br><strong>Mô tả sản phẩm *</strong></label><textarea class="form-control form-control" id="service_description-2" name="description" placeholder="Mô tả sản phẩm" required="" rows="4" style="color: rgb(0,0,0);width: 100%;"></textarea></div>
</div>
</div>
</div>
<div class="row justify-content-around" style="width: 100%;margin: 2px;padding: 0;">
<div class="col-sm-12 col-md-8 col-lg-6 col-xxl-8" style="transform: scale(1);width: 60%;">
<div class="mb-3"><label class="form-label form-label" for="service_name" style="font-weight: bold;"><strong>Giống chó *</strong></label><select class="form-select form-select" required="" style="color:rgb(0,0,0);">
<option value="Alaskan dog">Chó Alaska</option>
<option value="Beijin dog">Chó Bắc Kinh</option>
<option value="Becgie dog">Chó Becgie</option>
<option value="Bull dog">Chó Bull</option>
<option value="Chihuahua dog">Chó Chihuahua</option>
<option value="Chow Chow dog">Chó Chow Chow</option>
<option value="Corgi dog">Chó Corgi</option>
<option value="Shiba dog">Chó Shiba</option>
<option value="Poodle dog">Chó Poodle</option>
<option value="Husky dog">Chó Husky</option>
<option value="Other">Giống khác</option>
</select></div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4" style="width: 40%;">
<div class="mb-3"><label class="form-label form-label" for="service_price" style="font-weight: bold;"><strong>Độ tuổi *</strong></label><select class="form-select form-select" required="" style="color:rgb(0,0,0);">
<option value="0">Chó con (dưới 3 tháng tuổi)</option>
<option value="1">Chó nhỏ (dưới 1 năm tuổi)</option>
<option value="2">Chó lớn (hơn 1 tuổi)</option>
<option value="-1">Không xác định được</option>
</select></div>
</div>
<div class="col-sm-12 col-md-4 col-lg-4" style="width: 100%;">
<div class="mb-3" style="font-weight: bold;"><label class="form-label form-label" for="service_price"><strong>Size *</strong></label><select class="form-select form-select" required="" style="color:rgb(0,0,0);">
<option value="1">Siêu nhỏ</option>
<option value="2">Nhỏ</option>
<option value="3">Trung bình</option>
<option value="4">Lớn</option>
</select></div>
</div>
</div>
</div>
</div>
<div class="text-end mb-3"><button class="btn btn-primary" type="submit">đăng tin</button><a class="btn btn-danger" role="button" href="index.html">huỷ</a></div>
</form>
</div>
</div>
<footer class="text-center" style="background:#ffffff;">
<div class="container text-muted py-4 py-lg-5" style="padding:0px 12px;">
<ul class="list-inline">
<li class="list-inline-item list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16" class="bi bi-facebook"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path></svg></li>
<li class="list-inline-item list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16" class="bi bi-twitter"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path></svg></li>
<li class="list-inline-item list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16" class="bi bi-instagram"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path></svg></li>
</ul>
<p class="mb-0">Copyright © 2023 CHOHAY</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>