diff --git a/CS/index_new - Copy.html b/CS/index_new - Copy.html
deleted file mode 100644
index f4b6e8f..0000000
--- a/CS/index_new - Copy.html	
+++ /dev/null
@@ -1,1253 +0,0 @@
-<!DOCTYPE html>
-<!-- 
-Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
-Author: KeenThemes
-Website: http://www.keenthemes.com/
-Contact: support@keenthemes.com
-Follow: www.twitter.com/keenthemes
-Dribbble: www.dribbble.com/keenthemes
-Like: www.facebook.com/keenthemes
-Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
-License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
--->
-<html lang="en" >
-	<!-- begin::Head -->
-	<head>
-		<meta charset="utf-8" />
-		<title>
-			CS | Dashboard
-		</title>
-		<meta name="description" content="Latest updates and statistic charts">
-		<meta http-equiv="X-UA-Compatible" content="IE=edge">
-		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-		<!--begin::Web font -->
-		<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
-		<script>
-          WebFont.load({
-            google: {"families":["Poppins:300,400,500,600,700","Roboto:300,400,500,600,700"]},
-            active: function() {
-                sessionStorage.fonts = true;
-            }
-          });
-		</script>
-		<!--end::Web font -->
-        <!--begin::Base Styles -->  
-        <!--begin::Page Vendors -->
-		<link href="../assets/vendors/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
-		<!--end::Page Vendors -->
-		<link href="../assets/vendors/base/vendors.bundle.css" rel="stylesheet" type="text/css" />
-		<link href="../assets/demo/default/base/style.bundle.css" rel="stylesheet" type="text/css" />
-		<!-- begin:: Style tambahan -->
-		<link href="../assets/demo/default/base/pelangi-style.css" rel="stylesheet" type="text/css">
-		<!-- end:: Style tambahan -->
-		<!--end::Base Styles -->
-		<link rel="shortcut icon" href="../assets/demo/default/media/img/logo/favicon.ico" />
-	</head>
-	<!-- end::Head -->
-    <!-- end::Body -->
-	<body class="m-page--fluid m--skin- m-content--skin-light2 m-header--fixed m-header--fixed-mobile m-aside-left--enabled m-aside-left--skin-dark m-aside-left--offcanvas m-footer--push m-aside--offcanvas-default">
-		<!-- begin:: Page -->
-		<div class="m-grid m-grid--hor m-grid--root m-page">
-			<!-- BEGIN: Header -->
-			<header class="m-grid__item    m-header "  data-minimize-offset="200" data-minimize-mobile-offset="200" >
-				<div class="m-container m-container--fluid m-container--full-height">
-					<div class="m-stack m-stack--ver m-stack--desktop">
-						<!-- BEGIN: Brand -->
-						<div class="m-stack__item m-brand  m-brand--skin-dark ">
-							<div class="m-stack m-stack--ver m-stack--general">
-								<div class="m-stack__item m-stack__item--middle m-brand__logo">
-									<a href="index.html" class="m-brand__logo-wrapper">
-										<img alt="" src="../assets/demo/default/media/img/logo/logo_default_dark.png"/>
-									</a>
-								</div>
-								<div class="m-stack__item m-stack__item--middle m-brand__tools">
-									<!-- BEGIN: Left Aside Minimize Toggle -->
-									<a href="javascript:;" id="m_aside_left_minimize_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-desktop-inline-block">
-										<span></span>
-									</a>
-									<!-- END -->
-							<!-- BEGIN: Responsive Aside Left Menu Toggler -->
-									<a href="javascript:;" id="m_aside_left_offcanvas_toggle" class="m-brand__icon m-brand__toggler m-brand__toggler--left m--visible-tablet-and-mobile-inline-block">
-										<span></span>
-									</a>
-									<!-- END -->
-							<!-- BEGIN: Responsive Header Menu Toggler -->
-									<a id="m_aside_header_menu_mobile_toggle" href="javascript:;" class="m-brand__icon m-brand__toggler m--visible-tablet-and-mobile-inline-block">
-										<span></span>
-									</a>
-									<!-- END -->
-							<!-- BEGIN: Topbar Toggler -->
-									<a id="m_aside_header_topbar_mobile_toggle" href="javascript:;" class="m-brand__icon m--visible-tablet-and-mobile-inline-block">
-										<i class="flaticon-more"></i>
-									</a>
-									<!-- BEGIN: Topbar Toggler -->
-								</div>
-							</div>
-						</div>
-						<!-- END: Brand -->
-						<div class="m-stack__item m-stack__item--fluid m-header-head" id="m_header_nav">
-							<!-- BEGIN: Horizontal Menu -->
-							<div id="m_header_menu" class="m-header-menu m-aside-header-menu-mobile m-aside-header-menu-mobile--offcanvas  m-header-menu--skin-light m-header-menu--submenu-skin-light m-aside-header-menu-mobile--skin-dark m-aside-header-menu-mobile--submenu-skin-dark "  >
-								<img style="display: inline; float: left; height: inherit; width: auto" src="../assets/demo/default/media/img/misc/customer_service.png">
-							</div>
-							<!-- END: Horizontal Menu -->								
-							<!-- BEGIN: Topbar -->
-							<div id="m_header_topbar" class="m-topbar  m-stack m-stack--ver m-stack--general">
-								<div class="m-stack__item m-topbar__nav-wrapper">
-									<ul class="m-topbar__nav m-nav m-nav--inline">
-										<li class="m-nav__item m-topbar__user-profile m-topbar__user-profile--img  m-dropdown m-dropdown--medium m-dropdown--arrow m-dropdown--header-bg-fill m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light" data-dropdown-toggle="click">
-											<div class="user_wrapper">
-												<p style="margin-bottom: 0px"><i class="fa fa-user"> </i> Ahmad Rifaldi</p>
-											</div>
-										</li>
-										<li class="m-nav__item m-topbar__user-profile m-topbar__user-profile--img  m-dropdown m-dropdown--medium m-dropdown--arrow m-dropdown--header-bg-fill m-dropdown--align-right m-dropdown--mobile-full-width m-dropdown--skin-light" data-dropdown-toggle="click">
-											<div class="logout_wrapper">
-												<a margin-right: 10px;" href="snippets/pages/user/login-1.html" class="btn m-btn--pill    btn-secondary m-btn m-btn--custom m-btn--label-brand m-btn--bolder">
-													Logout
-												</a>
-											</div>
-										</li>
-									</ul>
-								</div>
-							</div>
-							<!-- END: Topbar -->
-						</div>
-					</div>
-				</div>
-			</header>
-			<!-- END: Header -->		
-			<!-- begin::Body -->
-			<div class="m-grid__item m-grid__item--fluid m-grid m-grid--ver-desktop m-grid--desktop m-body">
-				<!-- BEGIN: Left Aside -->
-				<button class="m-aside-left-close  m-aside-left-close--skin-dark " id="m_aside_left_close_btn">
-					<i class="la la-close"></i>
-				</button>
-				<div id="m_aside_left" class="m-grid__item	m-aside-left  m-aside-left--skin-dark ">
-					<!-- BEGIN: Aside Menu -->
-					<div id="m_ver_menu" class="m-aside-menu  m-aside-menu--skin-dark m-aside-menu--submenu-skin-dark" data-menu-vertical="true" data-menu-scrollable="false" data-menu-dropdown-timeout="500" >
-						<ul class="m-menu__nav  m-menu__nav--dropdown-submenu-arrow ">
-							<!-- DASHBOARD -->
-							<li class="m-menu__item  m-menu__item--active" aria-haspopup="true" >
-								<a  href="index.html" class="m-menu__link ">
-									<i class="m-menu__link-icon flaticon-line-graph"></i>
-									<span class="m-menu__link-title">
-										<span class="m-menu__link-wrap">
-											<span class="m-menu__link-text">
-												Dashboard
-											</span>
-										</span>
-									</span>
-								</a>
-							</li>
-							<!-- PESANAN -->
-							<li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover">
-								<a href="#" class="m-menu__link m-menu__toggle">
-									<i class="m-menu__link-icon flaticon-graphic-2"></i>
-									<span class="m-menu__link-text">
-										Pesanan
-									</span>
-									<i class="m-menu__ver-arrow la la-angle-right"></i>
-								</a>
-								<div class="m-menu__submenu " style="">
-									<span class="m-menu__arrow"></span>
-									<ul class="m-menu__subnav">
-										<li class="m-menu__item  m-menu__item--parent" aria-haspopup="true">
-											<span class="m-menu__link">
-												<span class="m-menu__link-text">
-													Pesanan
-												</span>
-											</span>
-										</li>
-										<li class="m-menu__item " aria-haspopup="true">
-											<a href="components/base/pesanan_belum_lunas.html" class="m-menu__link ">
-												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
-													<span></span>
-												</i>
-												<span class="m-menu__link-text">
-													Pesanan Belum Lunas
-												</span>
-											</a>
-										</li>
-										<li class="m-menu__item " aria-haspopup="true">
-											<a href="components/base/pesanan_lunas.html"  class="m-menu__link ">
-												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
-													<span></span>
-												</i>
-												<span class="m-menu__link-text">
-													Pesanan Lunas
-												</span>
-											</a>
-										</li>
-										<li class="m-menu__item " aria-haspopup="true">
-											<a href="components/base/pesanan_ditolak.html"  class="m-menu__link ">
-												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
-													<span></span>
-												</i>
-												<span class="m-menu__link-text">
-													Pesanan Ditolak
-												</span>
-											</a>
-										</li>
-										<li class="m-menu__item " aria-haspopup="true">
-											<a href="components/base/pesanan_saya.html"  class="m-menu__link ">
-												<i class="m-menu__link-bullet m-menu__link-bullet--dot">
-													<span></span>
-												</i>
-												<span class="m-menu__link-text">
-													Pesanan Saya
-												</span>
-											</a>
-										</li>
-									</ul>
-								</div>
-							</li>
-	                        <!-- KEHADIRAN -->
-							<li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover">
-								<a href="components/base/kehadiran.html" class="m-menu__link m-menu__toggle">
-									<i class="m-menu__link-icon fa fa-user-o"></i>
-									<span class="m-menu__link-text">
-										Kehadiran
-									</span>
-								</a>
-							</li>
-							<!-- Setting -->
-							<li class="m-menu__item m-menu__item--submenu" aria-haspopup="true" data-menu-submenu-toggle="hover">
-								<a href="components/base/setting.html" class="m-menu__link m-menu__toggle">
-									<i class="m-menu__link-icon fa 	fa-gears"></i>
-									<span class="m-menu__link-text">
-										Pengaturan
-									</span>
-								</a>
-							</li>
-						</ul>
-					</div>
-					<!-- END: Aside Menu -->
-				</div>
-				<!-- END: Left Aside -->
-				<div class="m-grid__item m-grid__item--fluid m-wrapper">
-					<!-- BEGIN: Subheader -->
-					<div class="m-subheader ">
-						<div class="d-flex align-items-center">
-							<div class="mr-auto">
-								<h3 class="m-subheader__title m-subheader__title--separator">
-									Dashboard
-								</h3>
-								<ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
-									<li class="m-nav__item m-nav__item--home">
-										<a href="index.html" class="m-nav__link m-nav__link--icon">
-											<i class="m-nav__link-icon la la-home"></i>
-										</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<!-- END: Subheader -->
-					<div class="m-content">
-						<!--Begin::Main Portlet-->
-						<div class="m-portlet m-portlet--full-height">
-							
-							<div class="m-portlet__head">
-								<div class="m-portlet__head-caption">
-									<div class="m-portlet__head-title">
-										<h3 class="m-portlet__head-text">
-											Registrasi Kostumer
-										</h3>
-									</div>
-								</div>
-								<div class="m-portlet__head-tools">
-									<ul class="m-portlet__nav">
-										<li class="m-portlet__nav-item">
-											<a href="#" data-toggle="m-tooltip" class="m-portlet__nav-link m-portlet__nav-link--icon" data-direction="left" data-width="auto" title="Get help with filling up this form">
-												<i class="flaticon-info m--icon-font-size-lg3"></i>
-											</a>
-										</li>
-									</ul>
-								</div>
-							</div>
-							
-  
-							<div class="m-wizard m-wizard--2 m-wizard--success" id="m_wizard">
-								<!--begin: Message container -->
-								<div class="m-portlet__padding-x">
-									<!-- Here you can put a message or alert -->
-								</div>
-								<!--end: Message container -->
-        
-								<div class="m-wizard__head m-portlet__padding-x">
-									<!--begin: Form Wizard Progress -->
-									<div class="m-wizard__progress">
-										<div class="progress">
-											<div class="progress-bar" role="progressbar"  aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
-										</div>
-									</div>
-									<!--end: Form Wizard Progress -->  
-           
-									<div class="m-wizard__nav">
-										<div class="m-wizard__steps">
-											<div class="m-wizard__step m-wizard__step--current"  data-wizard-target="#m_wizard_form_step_1">
-												<a href="#"  class="m-wizard__step-number">
-													<span>
-														<i class="fa  flaticon-placeholder"></i>
-													</span>
-												</a>
-												<div class="m-wizard__step-info">
-													<div class="m-wizard__step-title">
-														1. Informasi Kostumer
-													</div>
-												</div>
-											</div>
-											<div class="m-wizard__step" data-wizard-target="#m_wizard_form_step_2">
-												<a href="#" class="m-wizard__step-number">
-													<span>
-														<i class="fa  	fa-shopping-basket"></i>
-													</span>
-												</a>
-												<div class="m-wizard__step-info">
-													<div class="m-wizard__step-title">
-														2. Pesanan
-													</div>
-												</div>
-											</div>
-											<div class="m-wizard__step" data-wizard-target="#m_wizard_form_step_3">
-												<a href="#" class="m-wizard__step-number">
-													<span>
-														<i class="fa  flaticon-layers"></i>
-													</span>
-												</a>
-												<div class="m-wizard__step-info">
-													<div class="m-wizard__step-title">
-														3. Confirmation
-													</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<!--end: Form Wizard Nav -->
-								</div>
-								<!--end: Form Wizard Head -->  
-       
-								<div class="m-wizard__form">
-									
-									<form class="m-form m-form--label-align-left- m-form--state-" id="m_form">
-										<!--begin: Form Body -->
-										<div class="m-portlet__body">
-											<!--begin: Form Wizard Step 1-->
-											<div class="m-wizard__form-step m-wizard__form-step--current" id="m_wizard_form_step_1">
-												<div class="row">
-													<div class="col-xl-8 offset-xl-2">
-														<div class="m-form__section m-form__section--first">
-															<div class="m-form__heading">
-																<h3 class="m-form__heading-title">
-																	Detail Kostumer
-																</h3>
-															</div>
-															<div class="form-group m-form__group row">
-																<label class="col-xl-3 col-lg-3 col-form-label">
-																	 Nomer Pesanan :
-																</label>
-																<div class="col-xl-9 col-lg-9">
-																	<div class="input-group">
-																		<div class="input-group-prepend">
-																			<span class="input-group-text">
-																				<i class="flaticon-exclamation-2"></i>
-																			</span>
-																		</div>
-																		<input disabled="" type="text" name="noPesanan_kostumer" class="form-control m-input" placeholder="" value="20112019-001">
-																	</div>
-																</div>
-															</div>
-															<div class="form-group m-form__group row">
-																<label class="col-xl-3 col-lg-3 col-form-label">
-																	 Nomer Telpon :
-																</label>
-																<div class="col-xl-9 col-lg-9">
-																	<div class="input-group">
-																		<div class="input-group-prepend">
-																			<span class="input-group-text">
-																				<i class="la la-phone"></i>
-																			</span>
-																		</div>
-																		<input type="text" name="noTelpon_kostumer" class="form-control m-input" placeholder="" value="085-145-322-xxx">
-																	</div>
-																</div>
-															</div>
-															<div class="form-group m-form__group row">
-																<label class="col-xl-3 col-lg-3 col-form-label">
-																	 Nama :
-																</label>
-																<div class="col-xl-9 col-lg-9">
-																	<div class="input-group">
-																		<div class="input-group-prepend">
-																			<span class="input-group-text">
-																				<i class="fa fa-user-o"></i>
-																			</span>
-																		</div>
-																		<input type="text" name="nama_kostumer" class="form-control m-input" value="Ahmad Ridwan">
-																	</div>
-																</div>
-															</div>
-															<div class="form-group m-form__group row">
-																<label class="col-xl-3 col-lg-3 col-form-label">
-																	 Alamat:
-																</label>
-																<div class="col-xl-9 col-lg-9">
-																	<div class="input-group">
-																		<div class="input-group-prepend">
-																			<span class="input-group-text">
-																				<i class="flaticon-placeholder"></i>
-																			</span>
-																		</div>
-																		<input type="text" name="alamat_kostumer" class="form-control m-input" placeholder="" value="Jln. Poros Malino, Griya Riski Abadi Blok C6">
-																	</div>
-																</div>
-															</div>
-															<div class="form-group m-form__group row">
-																<label class="col-xl-3 col-lg-3 col-form-label">
-																	 E-mail:
-																</label>
-																<div class="col-xl-9 col-lg-9">
-																	<div class="input-group">
-																		<div class="input-group-prepend">
-																			<span class="input-group-text">
-																				<i class="fa fa-envelope-o"></i>
-																			</span>
-																		</div>
-																		<input type="email" name="email_kostumer" class="form-control m-input" placeholder="" value="jakirolast@gmail.com">
-																	</div>
-																</div>
-															</div>
-															<div class="form-group m-form__group row">
-																<label class="col-xl-3 col-lg-3 col-form-label">
-																	 Tipe Pelanggan :
-																</label>
-																<div class="col-xl-9 col-lg-9">
-																	<div class="m-radio-inline">
-																		<label class="m-radio">
-																			<input type="radio" name="tipe_pelanggan" value="perseorangan">
-																			Perseorangan
-																			<span></span>
-																		</label>
-																		<label class="m-radio">
-																			<input type="radio" name="tipe_pelanggan" value="perusahaan">
-																			Perusahaan
-																			<span></span>
-																		</label>
-																	</div>
-																</div>
-															</div>
-															
-														</div>
-													</div>
-												</div>
-											</div>
-											
-											<div class="m-wizard__form-step" id="m_wizard_form_step_2">
-												<div class="row">
-													<div class="col-xl-8 offset-xl-2">
-														<div class="m-form__section m-form__section--first">
-															<div class="m-form__heading">
-																<button type="button" class="btn btn-primary btn-tambahPesanan" data-toggle="modal" data-target="#myModal">
-																	Tambah Pesanan
-																</button>
-															</div>
-															<!-- Isi table pesanan disini -->
-															<div class="m-portlet m-portlet--mobile">
-																<div class="m-portlet__body" class="m-scrollable" data-scrollable="true" data-max-height="540" data-scrollbar-shown="true">
-																	<div class="list-pesanan" >
-																		<label>
-																			<h5>Pesanan 1</h5>
-																		</label>
-																		<div class="alert alert-warning" role="alert">
-																			<strong>
-																				Peringatan! 
-																			</strong>
-																			Bahan A telah habis
-																		</div>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Nama Pesanan :
-																			</label>
-																			<input name="nama_pesanan" type="text" value="Kartu nama" class="form-control m-input" disabled="">
-																		</div>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Jumlah Pesanan :
-																			</label>
-																			<input name="jumlah_pesanan" type="text" value="3 box" class="form-control m-input" disabled="">
-																		</div>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Ukuran :
-																			</label>
-																			<input name="ukuran" type="text" value="-" class="form-control m-input" disabled="">
-																		</div>
-																	</div>
-																	<div style="padding-top: 20px" class="list-pesanan">
-																		<label>
-																			<h5>Pesanan 2</h5>
-																		</label>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Nama Pesanan :
-																			</label>
-																			<input name="nama_pesanan" type="text" value="Spanduk Pengabdian" class="form-control m-input" disabled="">
-																		</div>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Jumlah Pesanan :
-																			</label>
-																			<input name="jumlah_pesanan" type="text" value="2" class="form-control m-input" disabled="">
-																		</div>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Ukuran :
-																			</label>
-																			<input name="ukuran" type="text" value="160 x 60 cm" class="form-control m-input" disabled="">
-																		</div>
-																	</div>
-																	<div style="padding-top: 20px" class="list-pesanan">
-																		<label>
-																			<h5>Pesanan 3</h5>
-																		</label>
-																		<div class="alert alert-warning" role="alert">
-																			<strong>
-																				Peringatan! 
-																			</strong>
-																			Bahan B telah habis
-																		</div>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Nama Pesanan :
-																			</label>
-																			<input name="nama_pesanan" type="text" class="form-control m-input" disabled="">
-																		</div>
-																		<div class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Jumlah Pesanan :
-																			</label>
-																			<input name="jumlah_pesanan" type="text" class="form-control m-input" disabled="">
-																		</div>
-																		<div  class="form-group m-form__group">
-																			<label for="example_input_full_name">
-																				Ukuran :
-																			</label>
-																			<input name="ukuran" type="text" value="-" class="form-control m-input" disabled="">
-																		</div>
-																	</div>
-																</div>
-															</div>
-														</div>
-														<div class="m-separator m-separator--dashed m-separator--lg"></div>
-													</div>
-												</div>
-											</div>
-											<!--end: Form Wizard Step 2--> 
-                 
-											<div class="m-wizard__form-step" id="m_wizard_form_step_3">
-												<div class="row">
-													<div class="col-xl-8 offset-xl-2">
-														<!--begin::Section-->
-														<ul class="nav nav-tabs m-tabs-line--2x m-tabs-line m-tabs-line--danger" role="tablist">
-															<li class="nav-item m-tabs__item">
-																<a class="nav-link m-tabs__link active" data-toggle="tab" href="#m_form_confirm_1" role="tab">
-																	1. Client Information
-																</a>
-															</li>
-															<li class="nav-item m-tabs__item">
-																<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_form_confirm_2" role="tab">
-																	2. Account Setup
-																</a>
-															</li>
-															<li class="nav-item m-tabs__item">
-																<a class="nav-link m-tabs__link" data-toggle="tab" href="#m_form_confirm_3" role="tab">
-																	3. Billing Setup
-																</a>
-															</li>
-														</ul>
-														<div class="tab-content m--margin-top-40">
-															<div class="tab-pane active" id="m_form_confirm_1" role="tabpanel">
-																<div class="m-form__section m-form__section--first">
-																	<div class="m-form__heading">
-																		<h4 class="m-form__heading-title">
-																			Client Details
-																		</h4>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Name:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				Nick Stone
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Email:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				nick.stone@gmail.com
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Phone
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				+206-78-55034890
-																			</span>
-																		</div>
-																	</div>
-																</div>
-																<div class="m-separator m-separator--dashed m-separator--lg"></div>
-																<div class="m-form__section">
-																	<div class="m-form__heading">
-																		<h4 class="m-form__heading-title">
-																			Corresponding Address
-																			<i data-toggle="m-tooltip" data-width="auto" class="m-form__heading-help-icon flaticon-info" title="Some help text goes here"></i>
-																		</h4>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Address Line 1:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				Headquarters 1120 N Street Sacramento 916-654-5266
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Address Line 2:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				P.O. Box 942873 Sacramento, CA 94273-0001
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			City:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				Polo Alto
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			State:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				California
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Country:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				USA
-																			</span>
-																		</div>
-																	</div>
-																</div>
-															</div>
-															<div class="tab-pane" id="m_form_confirm_2" role="tabpanel">
-																<div class="m-form__section m-form__section--first">
-																	<div class="m-form__heading">
-																		<h4 class="m-form__heading-title">
-																			Account Details
-																		</h4>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			URL:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				sinortech.vertoffice.com
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Username:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				sinortech.admin
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Password:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				*********
-																			</span>
-																		</div>
-																	</div>
-																</div>
-																<div class="m-separator m-separator--dashed m-separator--lg"></div>
-																<div class="m-form__section">
-																	<div class="m-form__heading">
-																		<h4 class="m-form__heading-title">
-																			Account Details
-																		</h4>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			URL:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				sinortech.vertoffice.com
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Username:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				sinortech.admin
-																			</span>
-																		</div>
-																	</div>
-																	<div class="form-group m-form__group m-form__group--sm row">
-																		<label class="col-xl-3 col-lg-3 col-form-label">
-																			Password:
-																		</label>
-																		<div class="col-xl-9 col-lg-9">
-																			<span class="m-form__control-static">
-																				*********
-																			</span>
-																		</div>
-																	</div>
-																</div>
-															</div>
-															<div class="tab-pane" id="m_form_confirm_3" role="tabpanel">
-																<div class="m-form__section m-form__section--first">
-																	<div class="m-form__section">
-																		<div class="m-form__heading">
-																			<h4 class="m-form__heading-title">
-																				Client Settings
-																			</h4>
-																		</div>
-																		<div class="form-group m-form__group m-form__group--sm row">
-																			<label class="col-xl-3 col-lg-3 col-form-label">
-																				User Group:
-																			</label>
-																			<div class="col-xl-9 col-lg-9">
-																				<span class="m-form__control-static">
-																					Customer
-																				</span>
-																			</div>
-																		</div>
-																		<div class="form-group m-form__group m-form__group--sm row">
-																			<label class="col-xl-3 col-lg-3 col-form-label">
-																				Communications:
-																			</label>
-																			<div class="col-xl-9 col-lg-9">
-																				<span class="m-form__control-static">
-																					Phone, Email
-																				</span>
-																			</div>
-																		</div>
-																	</div>
-																</div>
-															</div>
-														</div>
-														<!--end::Section-->  
-														<div class="m-separator m-separator--dashed m-separator--lg"></div>
-														<div class="form-group m-form__group m-form__group--sm row">
-															<div class="col-xl-12">
-																<div class="m-checkbox-inline">
-																	<label class="m-checkbox m-checkbox--solid m-checkbox--brand">
-																		<input type="checkbox" name="accept" value="1">
-																		Click here to indicate that you have read and agree to the terms presented in the Terms and Conditions agreement
-																		<span></span>
-																	</label>
-																</div>
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-											<!--end: Form Wizard Step 3-->
-										</div>
-										<!--end: Form Body -->
-               
-										<div class="m-portlet__foot m-portlet__foot--fit m--margin-top-40">
-											<div class="m-form__actions">
-												<div class="row">
-													<div class="col-lg-2"></div>
-													<div class="col-lg-4 m--align-left">
-														<a href="#" class="btn btn-secondary m-btn m-btn--custom m-btn--icon" data-wizard-action="prev">
-															<span>
-																<i class="la la-arrow-left"></i>
-																&nbsp;&nbsp;
-																<span>
-																	kembali
-																</span>
-															</span>
-														</a>
-													</div>
-													<div class="col-lg-4 m--align-right">
-														<a href="#" class="btn btn-primary m-btn m-btn--custom m-btn--icon" data-wizard-action="submit">
-															<span>
-																<i class="la la-check"></i>
-																&nbsp;&nbsp;
-																<span>
-																	Submit
-																</span>
-															</span>
-														</a>
-														<a href="#" class="btn btn-success m-btn m-btn--custom m-btn--icon" data-wizard-action="next">
-															<span>
-																<span>
-																	Simpan & lanjutkan
-																</span>
-																&nbsp;&nbsp;
-																<i class="la la-arrow-right"></i>
-															</span>
-														</a>
-													</div>
-													<div class="col-lg-2"></div>
-												</div>
-											</div>
-										</div>
-										<!--end: Form Actions -->
-									</form>
-								</div>
-								<!--end: Form Wizard Form-->
-							</div>
-							<!--end: Form Wizard-->
-						</div>
-						<!--End::Main Portlet-->
-					</div>
-				</div>
-			</div>
-			<!-- end:: Body -->
-			<!-- begin::Footer -->
-			<footer class="m-grid__item		m-footer ">
-				<div class="m-container m-container--fluid m-container--full-height m-page__container">
-					<div class="m-stack m-stack--flex-tablet-and-mobile m-stack--ver m-stack--desktop">
-						<div class="m-stack__item m-stack__item--left m-stack__item--middle m-stack__item--last">
-							<span class="m-footer__copyright">
-								Upa'na Studio
-							</span>
-						</div>
-					</div>
-				</div>
-				<!-- MODAL -->
-				<div class="modal fade tampilan-modal" id="myModal" role="dialog">
-		          <div class="modal-dialog">
-		          	<!-- Modal Konten -->
-		          	<div class="modal-content">
-		          		<div class="modal-body">
-		          			<div class="m-portlet__body">
-								<div class="m-form__section m-form__section--first">
-									<div class="form-group m-form__group">
-										<label id="sub-header-form">
-											Pesanan
-										</label> <br>
-										<div class="form-group m-form__group">
-									    	<label for="exampleSelect1" style="display: inline-block;">
-										    Tipe Pesanan
-									    	</label>
-								    		<select style="width: 100%" class="form-control m-select2 dropdown_search" name="tipe_pesanan">
-												<option value="1">
-													Spanduk
-												</option>
-												<option value="1">
-													Kartu nama
-												</option>
-												<option value="1">
-													Brochure
-												</option>
-												<option value="1">
-													Baliho
-												</option>
-												<option value="1">
-													Name Tag
-												</option>
-												<option value="1">
-													Tipe n
-												</option>
-												<option value="1">
-													Tipe n
-												</option>
-												<option value="1">
-													Tipe n
-												</option>
-												<option value="1">
-													Tipe n
-												</option value="1">
-												<option>
-													Tipe n
-												</option>
-												<option value="1">
-													Tipe n
-												</option>
-											</select>
-								        </div>
-									</div>
-									<div class="form-group m-form__group">
-								    	<label style="display: block;" for="exampleSelect1">
-									    Jenis Bahan
-								    	</label>
-								     	<select style="width: 100%" class="form-control m-select2 dropdown_search" name="jenis_bahan">
-											<option value="1">
-												Bahan 1
-											</option>
-											<option value="1">
-												Bahan 2
-											</option>
-											<option value="1">
-												Bahan 3
-											</option>
-											<option value="1">
-												Bahan 4
-											</option>
-											<option value="1">
-												Bahan 5
-											</option>
-											<option value="1">
-												Bahan 6
-											</option>
-											<option value="1">
-												Bahan 7
-											</option>
-											<option value="1">
-												Bahan 8
-											</option>
-											<option value="1">
-												Bahan 9
-											</option>
-											<option value="1">
-												Bahan 10
-											</option>
-											<option value="1">
-												Bahan 11
-											</option>
-											<option value="1">
-												Bahan 12
-											</option >
-										</select>
-							        </div>
-							        <div class="form-group m-form__group">
-										<label for="exampleSelect1">
-											Ukuran Bahan
-										</label>
-										<select class="form-control m-input m-input--square" name="ukuran_bahan">
-											<option value="bahan_1">
-												Bahan 1
-											</option >
-											<option value="bahan_2">
-												Bahan 2
-											</option>
-											<option value="bahan_3">
-												Bahan 3
-											</option>
-										</select>
-									</div>
-									<div class="form-group m-form__group">
-							            <div class="m-form__group form-group">
-											<label for="">
-												Satuan
-											</label>
-											<div class="m-radio-inline">
-												<label class="m-radio">
-													<input type="radio" name="satuan" value="box" id="box" onclick="satuanCheck();">
-													Box
-													<span></span>
-												</label>
-												<label class="m-radio">
-													<input type="radio" name="satuan" id="lembar" value="lembar" onclick="satuanCheck();">
-													Lembar
-													<span></span>
-												</label>
-												<label class="m-radio">
-													<input type="radio" name="satuan" value="pcs" id="pcs" onclick="satuanCheck();">
-													Pcs
-													<span></span>
-												</label>
-												<label class="m-radio">
-													<input type="radio" name="satuan" id="meter" value="meter" onclick="satuanCheck();">
-													Meter
-													<span></span>
-												</label>
-												<label class="m-radio">
-													<input type="radio" name="satuan" value="set" id="set" onclick="satuanCheck();">
-													Set
-													<span></span>
-												</label>
-											</div>
-										</div>
-										<div style="display: none" id="satuan_box" class="satuan-umum">
-											<div class="form-group m-form__group row">
-									        	<label for="example-text-input" class="col-3 col-form-label">
-										        jumlah
-									        	</label>
-									        	<div class="input-group col-9">
-													<input name="input_jumlah_box" type="text" class="form-control m-input" placeholder="masukkan jumlah" aria-describedby="basic-addon2">
-													<div class="input-group-append">
-														<span class="input-group-text" id="basic-addon2">
-															Box
-														</span>
-													</div>
-												</div>
-								            </div>
-										</div>
-										<div style="display: none" id="satuan_lembar" class="satuan-umum">
-											<div class="form-group m-form__group row">
-									        	<label for="example-text-input" class="col-3 col-form-label">
-										        jumlah
-									        	</label>
-									        	<div class="input-group col-9">
-													<input name="input_jumlah_lembar" type="text" class="form-control m-input" placeholder="masukkan jumlah" aria-describedby="basic-addon2">
-													<div class="input-group-append">
-														<span class="input-group-text" id="basic-addon2">
-															Lembar
-														</span>
-													</div>
-												</div>
-								            </div>
-										</div>
-										<div style="display: none" id="satuan_pcs" class="satuan-umum">
-											<div class="form-group m-form__group row">
-									        	<label for="example-text-input" class="col-3 col-form-label">
-										        jumlah
-									        	</label>
-									        	<div class="input-group col-9">
-													<input name="input_jumlah_pcs" type="text" class="form-control m-input" placeholder="masukkan jumlah" aria-describedby="basic-addon2">
-													<div class="input-group-append">
-														<span class="input-group-text" id="basic-addon2">
-															Pcs
-														</span>
-													</div>
-												</div>
-								            </div>
-										</div>
-										<div style="display: none" id="satuan_panjang" style="padding-top: 15px" class="satuan-meter">
-											<div class="form-group m-form__group row">
-									        	<label for="example-text-input" class="col-3 col-form-label">
-										        Panjang
-									        	</label>
-									        	<div class="input-group col-9">
-													<input name="input_panjang" type="text" class="form-control m-input" placeholder="masukkan panjang" aria-describedby="basic-addon2">
-													<div class="input-group-append">
-														<span class="input-group-text" id="basic-addon2">
-															meter
-														</span>
-													</div>
-												</div>
-								            </div>
-								            <div class="form-group m-form__group row">
-									        	<label for="example-text-input" class="col-3 col-form-label">
-										        	Lebar 
-									        	</label>
-									        	<div class="input-group col-9">
-													<input name="input_panjang" type="text" class="form-control m-input" placeholder="masukkan panjang" aria-describedby="basic-addon2">
-													<div class="input-group-append">
-														<span class="input-group-text" id="basic-addon2">
-															meter
-														</span>
-													</div>
-												</div>
-								            </div>
-										</div>
-										<div style="display: none" id="satuan_set" class="satuan-set" style="padding-top: 15px">
-											<select class="form-control m-input" id="exampleSelect1" name="set">
-										    	<option value="1">
-											  		1 x 2 cm
-										    	</option>
-										    	<option value="2">
-													4 x 5 m
-												</option>
-												<option value="3">
-													3 x 60 cm
-												</option>
-											</select>  
-										</div>
-									</div>
-									<div class="form-group m-form__group">
-										<label>
-											Finishing :
-										</label> <br>
-										<div class="form-group m-form__group row">
-								        	<label for="example-text-input" class="col-5 col-form-label">
-									        	Tipe Finishing :
-								        	</label>
-								        	<div class="col-7">
-										     	<select class="form-control m-input" id="exampleSelect1" name="tipe_finishing" data-search="true">
-												<option value="1">
-													Tipe 1
-												</option>
-												<option value="2">
-													Tipe 2
-												</option>
-												<option value="3">
-													Tipe 3
-												</option >
-												<option value="4">
-													Tipe 4
-												</option>
-												<option value="5">
-													Tipe 5
-												</option>
-												</select>
-									          </div>
-							            </div>
-							            <div class="form-group m-form__group row">
-								        	<label for="example-text-input" class="col-4 col-form-label">
-									        	Jumlah 
-								        	</label>
-								        	<div class="col-8">
-									    		<input class="form-control m-input" type="text" name="jumlah_finishing" value="" placeholder="masukkan jumlah" id="example-text-input">	
-								          	</div> 
-							            </div>
-									</div>
-									<div class="m-form__group form-group">
-										<label for="">
-											Tipe Desain
-										</label>
-										<div class="m-radio-list col-md-12">
-											<label class="radio-inline col-5">
-												<input type="radio" name="tipe_desain" value="buatbaru">
-												Buat baru
-												<span></span>
-											</label>
-											<label class="radio-inline col-5">
-												<input type="radio" name="tipe_desain" value="siapcetak">
-												Siap cetak
-												<span></span>
-											</label>
-										</div>
-									</div>
-									
-								</div>
-							</div>
-		    			</div>
-					    <div class="modal-footer">
-					    	<button id="tambah" type="submit" class="btn btn-primary ">
-								Tambah
-							</button>
-					        <button type="button" class="btn btn-default" data-dismiss="modal">	
-					        	Close
-					        </button>
-					    </div>
-		          	</div>
-		          </div>
-				</div>
-				<!-- END OF MODAL -->
-			</footer>
-			<!-- end::Footer -->
-		</div>
-		<!-- end:: Page -->		    
-	    <!-- begin::Scroll Top -->
-		<div class="m-scroll-top m-scroll-top--skin-top" data-toggle="m-scroll-top" data-scroll-offset="500" data-scroll-speed="300">
-			<i class="la la-arrow-up"></i>
-		</div>
-		<!-- end::Scroll Top -->	
-    	<!--begin::Base Scripts -->
-		<script src="../assets/vendors/base/vendors.bundle.js" type="text/javascript"></script>
-		<script src="../assets/demo/default/base/scripts.bundle.js" type="text/javascript"></script>
-		<!--end::Base Scripts -->   
-        <!--begin::Page Vendors -->
-		<script src="../assets/vendors/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script>
-		<!--end::Page Vendors -->  
-        <!--begin::Page Snippets -->
-		<script src="../assets/app/js/dashboard.js" type="text/javascript"></script>
-		<!--end::Page Snippets -->
-		<!-- <script src="../assets/demo/default/custom/components/forms/widgets/select2.js" type="text/javascript"></script> -->
-		<script type="text/javascript">
-			function satuanCheck() {
-		    if  (document.getElementById('box').checked) {
-		        document.getElementById('satuan_box').style.display = 'block';
-		        document.getElementById('satuan_lembar').style.display = 'none';
-		        document.getElementById('satuan_pcs').style.display = 'none';
-		        document.getElementById('satuan_panjang').style.display = 'none';
-		        document.getElementById('satuan_set').style.display = 'none';
-
-		    } else if (document.getElementById('lembar').checked) {
-		    	document.getElementById('satuan_box').style.display = 'none';
-		        document.getElementById('satuan_lembar').style.display = 'block';
-		        document.getElementById('satuan_pcs').style.display = 'none';
-		        document.getElementById('satuan_panjang').style.display = 'none';
-		        document.getElementById('satuan_set').style.display = 'none';
-
-		    } else if (document.getElementById('pcs').checked) {
-		    	document.getElementById('satuan_box').style.display = 'none';
-		        document.getElementById('satuan_lembar').style.display = 'none';
-		        document.getElementById('satuan_pcs').style.display = 'block';
-		        document.getElementById('satuan_panjang').style.display = 'none';
-		        document.getElementById('satuan_set').style.display = 'none';
-
-
-		    } else if (document.getElementById('meter').checked) {
-		    	document.getElementById('satuan_box').style.display = 'none';
-		        document.getElementById('satuan_lembar').style.display = 'none';
-		        document.getElementById('satuan_pcs').style.display = 'none';
-		        document.getElementById('satuan_panjang').style.display = 'block';
-		        document.getElementById('satuan_set').style.display = 'none';
-
-		    } 
-		      else if (document.getElementById('set').checked) {
-		      	document.getElementById('satuan_box').style.display = 'none';
-		        document.getElementById('satuan_lembar').style.display = 'none';
-		        document.getElementById('satuan_pcs').style.display = 'none';
-		        document.getElementById('satuan_panjang').style.display = 'none';
-		        document.getElementById('satuan_set').style.display = 'block';
-		      }  
-		    }
-		</script>
-		<script>
-			var Select2 = function() {
-				var demos = function(){
-					 // basic
-			        $('.dropdown_search, .dropdown_search_validate').select2({
-			            placeholder: "Select a state"
-			        });
-				}
-				var modalDemos = function(){
-					$('#m_select2_modal').on('shown.bs.modal', function () {
-						// basic
-			            $('.dropdown_search_modal').select2({
-			                placeholder: "Select a state"
-			            });
-		            });
-				}
-				 return {
-			        init: function() {
-			            demos();
-			            modalDemos();
-			        }
-			    };
-			}();
-			//== Initialization
-			jQuery(document).ready(function() {
-			    Select2.init();
-			});
-		</script>
-		<script src="../assets/demo/default/custom/components/forms/wizard/wizard.js" type="text/javascript"></script>
-	</body>
-	<!-- end::Body -->
-</html>
