<?php include 'initialize.php'; ?>
<?php
$_ACTIVE_MODULE = "products";
$_ACTIVE_ACCESS = "products_v2";
$_ACTIVE_ACCESS_PAGE = "overview";
require_once('../inc/backoffice_init.php');
$_module = "products";
$_module_page = 'overview';
// $product_cfg = $_CONFIG['products'];
// $default_language = array(
// $_SESSION['_CONFIG']['site_language']=>array(
// 'language'=>$_SESSION['_CONFIG']['site_language']
// )
// );
// $usage_lang = ( !empty($_SESSION['_DOMAIN']['usage_lang']) ? $_SESSION['_DOMAIN']['usage_lang'] : $default_language );
$usage_lang = array(
0 => array(
'language' => 'th',
'title' => 'ไทย'
),
1 => array(
'language' => 'en',
'title' => 'English'
),
);
$_GET['mode'] = 'add';
?>
<!DOCTYPE html>
<html>
<?php //include '@inc/head.inc.php';
?>
<?php include '@inc/head_products.inc.php'; ?>
<body data-page="onepage_user">
<!-- wrap -->
<div class="wrap">
<?php include '@layout/header.php'; ?>
<?php pre($_SESSION); ?>
<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>
<section class="bf--section">
<div class="inner">
<div class="bf--head">
<div class="inner">
<h1>ฟอร์มสินค้า : <?= ($_GET['mode'] == 'edit' ? 'แก้ไขสินค้า' : 'เพิ่มสินค้า') ?></h1>
<?php if (isset($_GET['mode'])) : ?>
<div class="head--control">
<!-- <a href="../products/index.php" class="btn btn-snow btn-minimal">ย้อนกลับ</a> -->
<button type="submit" data-form="form--product" class="btn btn-minimal btn-success btn-right">บันทึก</button>
</div>
<?php endif ?>
</div>
</div>
<div class="bf--form">
<div class="inner">
<form id="form--product" method="POST" onsubmit="PRODUCTS.form.submit(this); return false;" novalidate>
<div class="form--head">
<div class="inner">
</div>
</div>
<div class="form--body">
<div class="inner">
<div class="group">
<div class="inner">
<div class="group--head">
<h2>ฟอร์มข้อมูล</h2>
<!-- <div class="helper">
<div class="inner">
<a href="https://support.netdesignhost.com/knowledgebase/เพิ่มสินค้า-v2/#productv2-01" target="_blank" title="แนะนำการใช้งานเบิ้งต้น"><i class="fa fa-question-circle-o" aria-hidden="true"></i> คู่มือ</a>
</div>
</div> -->
</div>
<div class="group--body">
<div class="inner">
<div class="group--item w-half p-r">
<label>หมวดหมู่</label>
<select class="input" name="category" disabled>
<option value="">--- ไม่มีหมวดหมู่ ---</option>
</select>
<button type="button" onclick="PRODUCTS.formNewCategory.init();" class="btn btn-half-fluid btn-left">เพิ่มหมวดหมู่</button>
</div>
<?php //if ($_CONFIG['products']['use_product_code'] == 1) :
?>
<div class="group--item w-half p-l">
<label>รหัสสินค้า</label>
<input class="input" type="text" name="code" placeholder="รหัสสินค้า ( เช่น : SU-001 )">
</div>
<?php //endif
?>
<div class="group--item xtab">
<div class="inner">
<ul class="xtab--nav">
<li class="active"><a href="#lang--<?= $_SESSION['_CONFIG']['site_language'] ?>"><img class="lang-flag" src="../../themes/assets/img/flag-circle/<?= $_SESSION['_CONFIG']['site_language'] ?>.svg"><?= $_SESSION['_CONFIG']['site_language'] ?> (ภาษาหลัก)</a></li>
<?php foreach ($usage_lang as $k => $v) : ?>
<?php if ($_SESSION['_CONFIG']['site_language'] == $v['language']) : ?>
<?php continue; ?>
<?php endif ?>
<li><a href="#lang--<?= $v['language'] ?>"><img class="lang-flag" src="../../themes/assets/img/flag-circle/<?= $v['language'] ?>.svg"><?= $v['language'] ?></a></li>
<?php endforeach ?>
</ul>
<ul class="xtab--content">
<li id="lang--<?= $_SESSION['_CONFIG']['site_language'] ?>" class="xtab--item active">
<div class="inner">
<div class="group--item">
<label class="required">ชื่อสินค้า</label>
<input class="input" type="text" name="title[<?= $_SESSION['_CONFIG']['site_language'] ?>]" placeholder="ชื่อสินค้า" required>
</div>
<div class="group--item">
<label>คำอธิบาย</label>
<input class="input" type="text" name="description[<?= $_SESSION['_CONFIG']['site_language'] ?>]" placeholder="คำอธิบาย">
</div>
<div class="group--item" style="padding-right: 2px;">
<label>รายละเอียด</label>
<textarea class="input texteditor" name="detail[<?= $_SESSION['_CONFIG']['site_language'] ?>]" rows="5"></textarea>
</div>
</div>
</li>
<?php foreach ($usage_lang as $k => $v) : ?>
<?php if ($_SESSION['_CONFIG']['site_language'] == $v['language']) : ?>
<?php continue; ?>
<?php endif ?>
<li id="lang--<?= $v['language'] ?>" class="xtab--item">
<div class="inner">
<div class="group--item">
<label>ชื่อสินค้า</label>
<input class="input" type="text" name="title[<?= $v['language'] ?>]" placeholder="ชื่อสินค้า">
</div>
<div class="group--item">
<label>คำอธิบาย</label>
<input class="input" type="text" name="description[<?= $v['language'] ?>]" placeholder="คำอธิบาย">
</div>
<div class="group--item" style="padding-right: 2px;">
<label>รายละเอียด</label>
<textarea class="input texteditor" name="detail[<?= $v['language'] ?>]" rows="5"></textarea>
</div>
</div>
</li>
<?php endforeach ?>
</ul>
</div>
</div>
<?php $active_color = 'active'; ?>
<?php $active_size = ''; ?>
<?php //$single_tab = ($active_color + $active_size == 1 ? 'xtab-single' : ''); ?>
<?php $single_tab = ''; ?>
<?php //if ($active_color == 1 || $active_size == 1) : ?>
<?php if (1) : ?>
<div class="group--item xtab <?= $single_tab ?>">
<div class="inner">
<ul class="xtab--nav">
<?php //if ($active_color == 1) : ?>
<li class="<?= $active_color ?>"><a href="#attr--color">สี</a></li>
<?php //endif ?>
<?php //if ($active_size == 1) : ?>
<li class="<?= $active_size ?>"><a href="#attr--size">ขนาด</a></li>
<?php //endif ?>
</ul>
<ul class="xtab--content">
<?php //if ($active_color == 1) : ?>
<li id="attr--color" class="xtab--item <?= $active_color ?>">
<div class="inner">
<div class="xnoti xnoti-color">
<div class="inner"></div>
</div>
<div class="xlist xlist-color">
<div class="inner">
<ul id="colors"></ul>
</div>
</div>
<button type="button" class="btn btn-fluid" id="btn--add--color" onclick="PRODUCTS.form.color.add();">เพิ่มสี</button>
</div>
</li>
<?php //endif ?>
<?php //if ($active_size == 1) : ?>
<li id="attr--size" class="xtab--item <?= $active_size ?>">
<div class="inner">
<div class="xnoti xnoti-size">
<div class="inner"></div>
</div>
<div class="xlist xlist-size">
<div class="inner">
<ul id="sizes"></ul>
</div>
</div>
<button type="button" class="btn btn-half-fluid btn-left" id="btn--add--size" onclick="PRODUCTS.form.size.add();">เพิ่มขนาด</button>
<button type="button" class="btn btn-half-fluid btn-right" id="btn--add--newsize" onclick="PRODUCTS.formNewSize.init();" style="color: green">เพิ่มขนาดใหม่+</button>
</div>
</li>
<?php //endif ?>
</ul>
</div>
</div>
<?php endif ?>
<div class="group--item xtab xtab-single">
<div class="inner">
<ul class="xtab--nav">
<li class="active"><a href="#sub--price">ราคา</a></li>
<li><a href="#sub--image">รูปสินค้า</a></li>
<?php //if ($_CONFIG['products']['use_product_weight_dimension']['enable'] == 1) :
?>
<li><a href="#sub--dimension">บรรจุภัณฑ์</a></li>
<?php //endif
?>
<?php //if ($_CONFIG['products']['use_product_sku'] == 1) :
?>
<li><a href="#sub--sku">SKU</a></li>
<?php //endif
?>
</ul>
<ul class="xtab--content">
<li id="sub--price" class="xtab--item active">
<div class="inner">
<?php if ($active_color == 1 || $active_size == 1) : ?>
<div class="group--item">
<label><i class="fa fa-cog" aria-hidden="true"></i>ตัวเลือกราคา<small>( การเปลี่ยนตัวเลือกจะต้องลงข้อมูลใหม่ )</small></label>
<select class="input" name="price--rule" onchange="PRODUCTS.form.rule.price.change(this.value);">
<option value="1">ค่าเริ่มต้น ( ใช้ราคาเดียวกันทั้งหมด )</option>
<option value="2" <?= ($active_color != 1 ? 'disabled' : '') ?>>ใช้ราคาแยกตามสี</option>
<option value="3" <?= ($active_size != 1 ? 'disabled' : '') ?>>ใช้ราคาแยกตามขนาด</option>
<option value="4" <?= ($active_color != 1 || $active_size != 1 ? 'disabled' : '') ?>>ใช้ราคาแยกตามสีและขนาด</option>
</select>
</div>
<hr>
<?php endif ?>
</div>
</li>
<li id="sub--image" class="xtab--item">
<div class="inner">
<?php if ($active_color == 1 || $active_size == 1) : ?>
<div class="group--item">
<label><i class="fa fa-cog" aria-hidden="true"></i>ตัวเลือกรูปสินค้า<small>( การเปลี่ยนตัวเลือกจะต้องลงข้อมูลใหม่ )</small></label>
<select class="input" name="image--rule" onchange="PRODUCTS.form.rule.image.change(this.value);">
<option value="1">ค่าเริ่มต้น ( ใช้รูปสินค้าเดียวกันทั้งหมด )</option>
<option value="2" <?= ($active_color != 1 ? 'disabled' : '') ?>>ใช้รูปสินค้าแยกตามสี</option>
<option value="3" <?= ($active_size != 1 ? 'disabled' : '') ?>>ใช้รูปสินค้าแยกตามขนาด</option>
<option value="4" <?= ($active_color != 1 || $active_size != 1 ? 'disabled' : '') ?>>ใช้รูปสินค้าแยกตามสีและขนาด</option>
</select>
</div>
<hr>
<?php endif ?>
</div>
</li>
<?php //if ($_CONFIG['products']['use_product_weight_dimension']['enable'] == 1) :
?>
<li id="sub--dimension" class="xtab--item">
<div class="inner">
<?php if ($active_color == 1 || $active_size == 1) : ?>
<div class="group--item">
<label><i class="fa fa-cog" aria-hidden="true"></i>ตัวเลือกบรรจุภัณฑ์<small>( การเปลี่ยนตัวเลือกจะต้องลงข้อมูลใหม่ )</small></label>
<select class="input" name="dimension--rule" onchange="return PRODUCTS.form.rule.dimension.change(this.value);">
<option value="1">ค่าเริ่มต้น ( ใช้บรรจุภัณฑ์เดียวกันทั้งหมด )</option>
<option value="2" <?= ($active_color != 1 ? 'disabled' : '') ?>>ใช้บรรจุภัณฑ์แยกตามสี</option>
<option value="3" <?= ($active_size != 1 ? 'disabled' : '') ?>>ใช้บรรจุภัณฑ์แยกตามขนาด</option>
<option value="4" <?= ($active_color != 1 || $active_size != 1 ? 'disabled' : '') ?>>ใช้บรรจุภัณฑ์แยกตามสีและขนาด</option>
</select>
</div>
<?php endif ?>
</div>
</li>
<?php //endif
?>
<?php //if ($_CONFIG['products']['use_product_sku'] == 1) :
?>
<li id="sub--sku" class="xtab--item">
<div class="inner">
</div>
</li>
<?php //endif
?>
</ul>
</div>
</div>
<div class="group--item w-half p-r" style="margin-bottom: 0;">
<label>สถานะข้อมูล</label>
<select class="input" name="status">
<option value="1">เปิด</option>
<option value="0">ปิด</option>
</select>
</div>
<?php //if ($_SESSION['_DOMAIN_CONFIG']['package_id'] != 1) :
?>
<?php //if ($_CONFIG['products']['use_product_comment']) :
?>
<div class="group--item w-half p-l" style="margin-bottom: 0;">
<label>ความเห็นสินค้า</label>
<select class="input" name="comment_status">
<option value="1">เปิด</option>
<option value="0">ปิด</option>
</select>
</div>
<?php //endif
?>
<?php //endif
?>
</div>
</div>
<?php if (isset($_GET['mode'])) : ?>
<div class="group--foot">
<div class="inner">
<div class="group--item">
<div class="inner" style="text-align: center;">
<a href="../products/index.php" class="btn btn-snow btn-minimal">ย้อนกลับ</a>
<button type="button" onclick="PRODUCTS.form.submit();" class="btn btn-minimal btn-right btn-success">บันทึก</button>
</div>
</div>
</div>
</div>
<?php endif ?>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</main>
<?php include '@layout/footer.php'; ?>
</div>
<!-- .wrap -->
<style>
.modale:before {
content: "";
display: none;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.opened:before {
display: block;
}
.opened .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: 20%;
}
.modal-dialog {
background: #fefefe;
border: #333333 solid 0px;
border-radius: 5px;
margin-left: -200px;
text-align: center;
position: fixed;
left: 50%;
top: -100%;
z-index: 11;
width: 360px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
-webkit-transform: translate(0, -500%);
-ms-transform: translate(0, -500%);
transform: translate(0, -500%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal-body {
padding: 20px;
}
.modal-body input {
width: 200px;
padding: 8px;
border: 1px solid #ddd;
color: #888;
outline: 0;
font-size: 14px;
font-weight: bold
}
.modal-header,
.modal-footer {
padding: 10px 20px;
}
.modal-header {
border-bottom: #eeeeee solid 1px;
}
.modal-header h2 {
font-size: 20px;
}
</style>
<div class="modale" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-header">
<h2 class="modal-form-title"></h2>
<a href="javascript:PRODUCTS.formNewCategory.close();" class="btn-close closemodale" aria-hidden="true">×</a>
</div>
<div class="modal-body modal-form-body">
</div>
<div class="modal-footer modal-form-footer">
</div>
</div>
</div>
<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>
