<div className="modal fade" id="modalDetail">
				<div className="modal-dialog" style={{maxWidth: '600px'}}>
					<div className="modal-content">
						<div className="modal-header">
							<h5 className="modal-title">Product Information</h5>
							<button className="btn-close" data-bs-dismiss="modal"></button>
						</div>
						<div className="modal-body">
							<div className="row gx-4 align-items-center">
								<div className="col-sm-5 mb-3 mb-sm-0">
									<div className="card bg-body">
										<div className="card-body p-3">
											<img alt="" src="/assets/img/product/product-1.png" className="mw-100 d-block" />
										</div>
									</div>
								</div>
								<div className="col-sm-7 py-1 fs-13px">
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Model:</div>
										<div className="col-8 text-body">iPhone 14 Pro Max</div>
									</div>
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Colour:</div>
										<div className="col-8 text-body">Space Black</div>
									</div>
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Storage:</div>
										<div className="col-8 text-body">256gb</div>
									</div>
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Size:</div>
										<div className="col-8 text-body">147 x 72 x 7.8mm</div>
									</div>
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Category:</div>
										<div className="col-8 text-body"><span className="badge bg-theme text-theme-color py-6px px-2 fs-10px my-n1 fw-bold">PHONE</span></div>
									</div>
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Price:</div>
										<div className="col-8 text-body">$1,999</div>
									</div>
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Cost:</div>
										<div className="col-8 text-body">$1,899</div>
									</div>
									<div className="row mb-10px">
										<div className="col-4 fw-bold">Profit:</div>
										<div className="col-8 text-success">$200</div>
									</div>
									<div className="row">
										<div className="col-4 fw-bold">Stock:</div>
										<div className="col-8 text-body"><input type="text" className="form-control form-control-sm w-100px" value="20" /></div>
									</div>
								</div>
							</div>
						</div>
						<div className="modal-footer">
							<a href="#" data-bs-dismiss="modal" className="btn btn-default fs-13px fw-semibold w-100px">Cancel</a>
							<button type="submit" className="btn btn-theme fs-13px fw-semibold">Save & Publish</button>
						</div>
					</div>
				</div>
			</div>