/home/cp181240/www/mystric.com/backoffice/onepage/product_setting.php
<?php include 'initialize.php'; ?>
<!DOCTYPE html>
<html>
<?php include '@inc/head.inc.php'; ?>
<body data-page="onepage_user">
<!-- wrap -->
<div class="wrap">
<?php include '@layout/header.php'; ?>
<main>
<div class="inner">
<div class="breadcrumb">
<div class="container-fluid">
<ul>
<li class="home"><a href="index.php"><i class="material-icons">home</i>หน้าหลัก</a></li>
<li class="current"><a href="javascript:void(0);">ตั้งค่าสินค้า</a></li>
</ul>
</div>
</div>
<section class="topper p-b" style="position: relative; z-index: 10;">
<div class="container">
<div class="row">
<h1 class="page--title">
<i class="material-icons">settings_applications</i><span>ตั้งค่าสินค้า</span>
</h1>
<a class="btn btn-shadow btn-reg btn-rounded btn-with-icon" style="position:absolute;right:0;" href="index.php">
<i class="material-icons">home</i>กลับหน้าหลัก
</a>
</div>
</div>
</section>
<style>
.toggle-round {
display: none;
/* visibility: hidden; */
}
.toggle-round+label {
display: block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
}
input.toggle-round+label {
padding: 2px;
width: 60px;
height: 30px;
background-color: #dddddd;
border-radius: 30px;
}
input.toggle-round+label:before,
input.toggle-round+label:after {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
content: "";
text-align: center;
}
/* input.toggle-round+label:before, */
input.toggle-round+label:after {
content: "off";
}
/* input.toggle-round+label:before, */
input.toggle-round:checked+label:after {
content: "on";
}
input.toggle-round+label:before {
right: 1px;
background-color: #fe0000;
border-radius: 30px;
transition: background 0.4s;
}
input.toggle-round+label:after {
width: 25px;
height: 25px;
background-color: #fff;
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
transition: margin 0.4s;
top: 2px;
left: 2px;
}
input.toggle-round:checked+label:before {
background-color: #8ce196;
}
input.toggle-round:checked+label:after {
margin-left: 30px;
}
</style>
<section class="section-form no-raise p-t">
<div class="container inner sd rounded">
<div class="row">
<div class="col form-group">
<h2 class="section--title"><i class="material-icons">settings_applications</i>ตั้งค่าสินค้า</h2>
<form id="form--user--info" data-lock="true" method="post" onsubmit="return false;">
<div class="row">
<div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ใช้หมวดหมู่สินค้า</label>
<div class="switch">
<input id="category" name="category" class="toggle-round" type="checkbox">
<label for="category"></label>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ใช้สีสินค้า</label>
<div class="switch">
<input id="color" name="color" class="toggle-round" type="checkbox">
<label for="color"></label>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ใช้ขนาดสินค้า</label>
<div class="switch">
<input id="size" name="size" class="toggle-round" type="checkbox">
<label for="size"></label>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ใช้ป้ายสถานะ</label>
<div class="switch">
<input id="label" name="label" class="toggle-round" type="checkbox">
<label for="label"></label>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ใช้ส่วนลด</label>
<div class="switch">
<input id="discount" name="discount" class="toggle-round" type="checkbox">
<label for="discount"></label>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ใช้ราคาสมาชิก</label>
<div class="switch">
<input id="member_price" name="member_price" class="toggle-round" type="checkbox">
<label for="member_price"></label>
</div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ใช้ส่วนลดสำหรับสมาชิก</label>
<div class="switch">
<input id="member_discount" name="member_discount" class="toggle-round" type="checkbox">
<label for="member_discount"></label>
</div>
</div>
<!-- <div class="col-md-6 col-sm-12 col-xs-12 input-group" style="padding-bottom: 15px;">
<label>ชื่อ</label>
<input class="input" type="text" name="firstname" id="info_firstname" value="<?= $_USER['firstname'] ?>" placeholder="ชื่อ" disabled>
</div> -->
</div>
<div style="margin-top: 32px; text-align: left;">
<button type="button" class="btn btn-default btn-rounded btn-form-unlock btn-with-icon"><i class="material-icons">edit</i>แก้ไขข้อมูล</button>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</main>
<?php include '@layout/footer.php'; ?>
</div>
<!-- .wrap -->
<script type="text/javascript" src="../sources_onepage/plugins/aos-master/dist/aos.js"></script>
<script type="text/javascript" src="../sources_onepage/js/main.js?v=<?= time() ?>"></script>
<script type="text/javascript" src="user.js?v=<?= time() ?>"></script>
</body>
</html>
