<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{/web/layout/homeLayout}">
	<th:block layout:fragment="layout_css">
		<link rel="stylesheet" href="/css/web/company_update.css?v1.1">
	</th:block>

<th:block layout:fragment="layout_top_script">
<script src="/js/web/common_option.js"></script>
<script>
let menuClass     = "[[${param.menuClass}]]"==""?"":"[[${param.menuClass}]]";

let selectUseYn   = "[[${selectUseYn}]]"==""?"N":"[[${selectUseYn}]]";
let insertUseYn   = "[[${insertUseYn}]]"==""?"N":"[[${insertUseYn}]]";
let updateUseYn   = "[[${updateUseYn}]]"==""?"N":"[[${updateUseYn}]]";
let deleteUseYn   = "[[${deleteUseYn}]]"==""?"N":"[[${deleteUseYn}]]";
let downloadUseYn = "[[${downloadUseYn}]]"==""?"N":"[[${downloadUseYn}]]";

/* 검색 관련 변수 */
let companySearchKeywordParam = "[[${param.companySearchKeywordParam}]]";
let companySort               = "[[${param.companySort}]]";
let companyDir                = "[[${param.companyDir}]]";
let companyStart              = "[[${param.companyStart}]]"==""?0:"[[${param.companyStart}]]";
let companyLimit              = "[[${param.companyLimit}]]"==""?100:"[[${param.companyLimit}]]";

let muCompanyId               = "[[${param.muCompanyId}]]";

</script>
</th:block>
<th:block layout:fragment="layout_content">
<!-- 센터쪽 -->
<div class="center_box">
	<p class="page_title">거래처 관리</p>

	<div class="info_box">
		<div class="info">
			<div class="form_box">
				<p class="title">기본정보</p>
				
				<div class="form_bottom">
					<ul>
						<li>
							<label>거래처명</label>
							<div class="input_box">
								<input type="text" id="companyName" placeholder="" maxlength="35">
							</div>
						</li>
						<li>
							<label>사업자번호</label>
							<div class="input_box">
								<input type="text" id="businessNumber" placeholder="-제외" maxlength="13">
							</div>
						</li>
						<li>
							<label>거래처 담당자</label>
							<div class="input_box">
								<input type="text" id="userName" placeholder="" maxlength="35">
							</div>
						</li>
						<li>
							<label>연락처</label>
							<div class="input_box">
								<input type="text" id="phoneNumber" placeholder="-제외" maxlength="13">
							</div>
						</li>
						<li>
							<label>이메일</label>
							<div class="input_box">
							    <input type="text" id="email" placeholder="" maxlength="255">
							</div>
						</li>
						<li>
							<label>거래처 메모</label>
							<div class="textarea_box">
								<textarea id="memo" placeholder="내용을 입력해주세요."></textarea>
							</div>
						</li>
					</ul>
			
					<div class="table_box">
						<label>취급 제품</label>
						<table>
							<thead>
								<tr>
									<th>재고구분</th>
									<th>제품명</th>
									<th>용량</th>
									<th></th>
									<th>사용량</th>
									<th></th>
									<th></th>
								</tr>
							</thead>
							<tbody id="productList"></tbody>
						</table>
					</div>

					<div class="button_box">
						<button id="btnUpdateCompany" class="save_btn">저장</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<form id="companyUpdateForm" onsubmit="return false;"></form>
</th:block>
<th:block layout:fragment="layout_popup">
</th:block>
<th:block layout:fragment="layout_script">
<script src="/js/web/company/companyUpdate.js"></script>
</th:block>
</html>
