<?php $request = app('Illuminate\Http\Request'); ?>
<?php $sentinel = app('Cartalyst\Sentinel\Native\Facades\Sentinel'); ?>
<?php $setting = app('anlutro\LaravelSettings\Facade'); ?>

<?php $Setting = app('anlutro\LaravelSettings\SettingStore'); ?>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8"/>
<title>
	<?php $CommunityPresenter = app('NSST\Presenters\CommunityPresenter'); ?>
	<?php echo e($CommunityPresenter->comName()); ?> <?php echo e($setting::get('system_name','全方位建築智慧化管理系統')); ?>

</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="This is the new iNSST community system." name="description"/>
<meta content="imin" name="author"/>
<meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="<?php echo e(asset('assets/global/plugins/font-awesome/css/font-awesome.min.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/simple-line-icons/simple-line-icons.min.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/uniform/css/uniform.default.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css')); ?>" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-toastr/toastr.min.css')); ?>"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE STYLES -->
<link href="<?php echo e(asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css')); ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo e(asset('assets/global/plugins/bootstrap-modal/css/bootstrap-modal.css')); ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo e(asset('assets/apps/css/todo-2.min.css')); ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo e(asset('assets/global/plugins/bootstrap-sweetalert/new/sweetalert.css')); ?>" rel="stylesheet" type="text/css" />
<?php $__env->startSection('css_page_level'); ?>
<?php echo $__env->yieldSection(); ?>
<!-- END PAGE STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="<?php echo e(asset('assets/global/css/components-md.css')); ?>" id="style_components" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/css/plugins-md.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/layouts/layout/css/layout.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/layouts/layout/css/themes/grey.css')); ?>" rel="stylesheet" type="text/css" id="style_color"/>
<link href="<?php echo e(asset('assets/layouts/layout/css/custom.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/photo/css/styles2.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/photo/fancybox/jquery.fancybox-1.3.4.css')); ?>" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
<style>
	#preloader {
		  position: fixed;
		  left: 0;
		  top: 0;
		  z-index: 999999;
		  width: 100%;
		  height: 100%;
		  overflow: visible;
		  background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
	}

	.page-content {
		min-height: 0px;
	}

	.col-md-3 {
		padding-right: 6px;
		padding-left: 6px;
	}

	.portlet .box {
		box-shadow: 0 4px 5px 3px rgba(0,0,0,.03);
	}

	.blockOverlay {
		opacity: 0.4;
	}

	.showSweetAlert h2{
		margin-top:30px;
	}

	.sweet-overlay{
		z-index : 10100;
	}
	.sweet-alert{
		z-index : 10101;
	}
	.loader {
      	border: 16px solid #f3f3f3;
      	border-radius: 50%;
      	border-top: 16px solid #3498db;
      	width: 120px;
      	height: 120px;
      	-webkit-animation: spin 2s linear infinite; /* Safari */
      	animation: spin 2s linear infinite;
  	}
</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
<body class="page-md page-header-fixed page-full-width page-footer-fixed">
<!-- <div id="preloader"></div> -->
<!-- BEGIN HEADER -->
<div class="page-header md-shadow-z-1-i navbar navbar-fixed-top">
	<!-- BEGIN HEADER INNER -->
	<div class="page-header-inner">
		<!-- BEGIN LOGO -->
		<div class="page-logo">
			<?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
			<a target="_break" href="<?php echo e($setting::get('company_web','http://www.nsst.com.tw/')); ?>">
			<img src="<?php echo e($setting::get('logo', asset('assets/layouts/layout/img/logo.png'))); ?>" alt="logo" class="logo-default" width="95px" height="16px"/>
			</a>
			<div class="menu-toggler sidebar-toggler hide">
			</div>
		</div>
		<!-- END LOGO -->
		<!-- BEGIN RESPONSIVE MENU TOGGLER -->
		<a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
		</a>
		<!-- END RESPONSIVE MENU TOGGLER -->
		<!-- BEGIN TOP NAVIGATION MENU -->
		<div class="top-menu">
			<ul class="nav navbar-nav pull-right" style="margin-right:0px;">
				<?php $NoticePresenter = app('NSST\Presenters\NoticePresenter'); ?>
				<li class="dropdown dropdown-user">
					<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                    <?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
                     <img alt="" class="img-circle" src="<?php echo e($setting::get('profile', asset('assets/images/profile.jpg'))); ?>" width="30px" height="30px">
					<span class="username username-hide-on-mobile"><?php echo e($sentinel::check()->name); ?></span>
					<i class="fa fa-angle-down"></i>
					</a>
					<ul class="dropdown-menu dropdown-menu-default">
						<?php if($sentinel::check()->privilege === 'guard'): ?>
						<?php else: ?>
						<li>
							<a href="<?php echo e(action('FrontController@index')); ?>">
								<i class="icon-globe"></i> <?php echo app('translator')->get('messages.neighborhood_site'); ?>
							</a>
						</li>
						<li>
							<a href="<?php echo e(action('ConsoleController@index')); ?>">
								<i class="icon-screen-desktop"></i> <?php echo app('translator')->get('messages.service_system'); ?>
							</a>
						</li>
						
						<?php /* <li>
							<a href="#">
							<i class="icon-user"></i> <?php echo app('translator')->get('messages.user_data'); ?> </a>
						</li> */ ?>
						<li>
							<a href="<?php echo e(route('manage::message::index')); ?>">
							<i class="icon-envelope-open"></i> <?php echo app('translator')->get('messages.my_msg'); ?> 
							<?php if($unread_count == 0): ?>
							<span class="badge badge-grey">0</span>
							<?php else: ?>
							<span class="badge badge-danger"><?php echo e($unread_count); ?> </span>
							<?php endif; ?>
							</a>
						</li>
						<li>
							<a href="<?php echo e(action('NoticeController@index')); ?>">
							<i class="icon-bulb"></i> <?php echo app('translator')->get('messages.remind_notice'); ?> 
							<?php if( $NoticePresenter->countUnreadNotice() > 0 ): ?>
							<span class="badge badge-danger"><?php echo e($NoticePresenter->countUnreadNotice()); ?></span>
							<?php else: ?>
							<span class="badge badge-grey">0</span>
							<?php endif; ?>
							</a>
						</li>
						<li class="divider">
						</li>
						<?php endif; ?>
						<li>
							<a href="<?php echo e(route('logout')); ?>">
							<i class="icon-key"></i> <?php echo app('translator')->get('messages.log_out'); ?> </a>
						</li>
					</ul>
				</li>
				<li>
					<a href="javascript:window.close();parent.closeiframe();" style="color:red;padding: 15px 0px 5px 0px;">
						<i class="fa fa-times fa-3x"></i>
					</a>
				</li>
				<!-- END USER LOGIN DROPDOWN -->
			</ul>
		</div>
		<!-- END TOP NAVIGATION MENU -->
	</div>
	<!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<div class="page-container">

	<!-- BEGIN CONTENT -->
	<div class="page-content-wrapper" id="main">
		<div class="page-content" style="min-height: 0px;">
			<div class="row">
				<div class="col-md-7">
					<div class="row">
						<div class="col-md-6 frame" id="frame_member" style="width:30%">
							<div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><?php echo app('translator')->get('messages.step'); ?>1 <?php echo app('translator')->get('messages.doorplate'); ?><span class="label label-warning"></span></h3>
                                </div>
                                <div class="panel-body">
                                	<div class="scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="blue" data-handle-color="red">
				                        <div id="memberBox">
				                        	
				                        </div>
			                        </div>
                                </div>
                                <div class="panel-footer">  Up Down </div>
                            </div>
						</div>
						<div class="col-md-6 frame" id="frame_quick" style="width:30%">
							<div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><?php echo app('translator')->get('messages.step'); ?>2 <?php echo app('translator')->get('messages.floor'); ?><span class="label label-warning"></span></h3>
                                </div>
                                <div class="panel-body">
                                	<div class="scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="blue" data-handle-color="red">
				                        <div id="memberQuickBox">
				                        	
				                        </div>
			                        </div>
                                </div>
                                <div class="panel-footer">  Up Down </div>
                            </div>
						</div>
						<div class="col-md-6 frame" id="frame_household" style="width:30%">
							<div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><?php echo app('translator')->get('messages.step'); ?>3 <?php echo app('translator')->get('messages.room'); ?><span class="label label-warning"></span></h3>
                                </div>
                                <div class="panel-body">
                                	<div class="scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="blue" data-handle-color="red">
				                        <div id="memberHouseholdBox">
				                        	
				                        </div>
			                        </div>
                                </div>
                                <div class="panel-footer">  Up Down </div>
                            </div>
						</div>
						<div class="col-md-6 frame" id="frame_source" style="display: none;">
							<div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><?php echo app('translator')->get('messages.step'); ?>2 <?php echo app('translator')->get('messages.mail_from'); ?><span class="label label-warning pull-right" id="disp_step2"></span></h3>
                                </div>
                                <div class="panel-body">
                                	<div class="scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="blue" data-handle-color="red">
			                        	<div id="sourceBox"></div>
			                        </div>
                                </div>
                                <div class="panel-footer">  Up Down </div>
                            </div>
						</div>
						<div class="col-md-6 frame" id="frame_type" style="display: none;">
							<div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><?php echo app('translator')->get('messages.step'); ?>3 <?php echo app('translator')->get('messages.mail_kind'); ?><span class="label label-warning pull-right" id="disp_step3"></span></h3>
                                </div>
                                <div class="panel-body">
                                	<div class="scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="blue" data-handle-color="red">
			                        	<div id="typeBox"></div>
			                        </div>
                                </div>
                                <div class="panel-footer">  Up Down </div>
                            </div>
						</div>
					</div>
				</div>
				<div class="col-md-5">
					<div class="row">
						<div class="input-group col-xs-7" style="float: left;">
	                        <span class="input-group-addon">
	                            <i class="fa fa-envelope"></i>
	                        </span>
	                        <input id="input_code" type="text" class="form-control" style="width:53%;" placeholder="<?php echo app('translator')->get('messages.read_mail_code'); ?>" onkeyup="return ValidateNumber(this,value)">
	                        <button id="btn_input_code" style="height:34px;margin-left:-1px;margin-right:10px;font-size:15px;padding:0px 10px 0px 10px;" class="btn purple"><i class="fa fa-keyboard-o" aria-hidden="true"></i> 鍵盤</button>
	                        <button id="btn_search_user" class="btn blue">代碼查詢用戶</button>
	                    </div>
	                    <div class="input-group col-xs-5" style="float: left; padding-left: 10px;">
	                        <span class="input-group-addon">
	                            <i class="fa fa-user"></i>
	                        </span>
	                        <input id="disp_username" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.addressee'); ?>" readonly="true">
	                    </div>
	                    <div style="clear: both;"></div>
					</div>
					<div class="row" style="margin-top:10px;">
						<div class="input-group col-xs-4" style="float: left;">
	                        <span class="input-group-addon">
	                            <?php echo app('translator')->get('messages.place'); ?>
	                        </span>
	                        <input id="disp_box_id" type="text" class="form-control" placeholder="" readonly="true">
	                    </div>
	                    <div class="input-group col-xs-4" style="float: left; padding-left: 10px;">
	                        <span class="input-group-addon">
	                            <?php echo app('translator')->get('messages.amount﻿'); ?>
	                        </span>
	                        <input id="disp_mail_num" type="text" class="form-control" placeholder="" readonly="true">
	                    </div>
	                    <div class="input-group col-xs-4" style="float: left; padding-left: 10px;">
	                        <span class="input-group-addon">
	                            <?php echo app('translator')->get('messages.household_no'); ?>
	                        </span>
	                        <input id="disp_household_no" type="text" class="form-control" placeholder="" readonly="true">
	                    </div>
	                    <div style="clear: both;"></div>
					</div>

					<p>
                         <!-- <button id="btn_next_member" type="button" class="btn blue-hoki btn-lg sbold">下一位</button> -->
                        <button id="btn_rec"         type="button" class="btn yellow-mint btn-lg sbold"><?php echo app('translator')->get('messages.got﻿'); ?></button>
                        <button id="btn_pickup"      type="button" class="btn red-sunglo btn-lg sbold"><?php echo app('translator')->get('messages.taken'); ?></button>
                        <!--<button id="btn_pending"     type="button" class="btn green-meadow btn-lg sbold">查看未領</button>
                        <button id="btn_backmail"    type="button" class="btn grey-mint btn-lg sbold">退件</button>-->
                        <button id="btn_cancel"    type="button" class="btn grey btn-lg sbold"><?php echo app('translator')->get('messages.cancel﻿'); ?></button>
                    </p>

                    <div id="mailBoxContainer" style="margin-top: 10px;">
                    	<div id="mailBoxScroller" class="scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="blue" data-handle-color="red">
							<div class="row" id="mailBox">
								
							</div>
		                </div>
                    </div>
				</div>
			</div>
		</div>
	</div>

	<!-- END CONTENT -->

</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<div class="page-footer">
	<div class="page-footer-inner">
		 <?php echo e($setting::get('copyright_1','2015 © NSST 全方位建築智慧化管理系統')); ?> <a href="<?php echo e($setting::get('company_web','http://www.nsst.com.tw/')); ?>" title="<?php echo e($setting::get('copyright_company','新保科技有限公司')); ?>" target="_blank"><?php echo e($setting::get('copyright_company','新保科技有限公司')); ?></a>
	</div>
	<div class="scroll-to-top">
		<i class="icon-arrow-up"></i>
	</div>
</div>

<div id="modal_member_lv2" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false" style="width:70%;">
    <div class="modal-header">
        <button id="focus" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <?php if($Setting->get('npm_version') ==  '0'): ?>
        <h4 class="modal-title"><?php echo app('translator')->get('messages.choose_a_liver'); ?></h4>
        <?php else: ?>
        <h4 class="modal-title">請選擇其中一位員工</h4>
        <?php endif; ?>
    </div>
    <div class="modal-body">
    	<div class="scroller" data-always-visible="1" data-rail-visible="1" data-rail-color="blue" data-handle-color="red">
            <p id="memberLv2Box">
        	
        	</p>
        </div>
    </div>
    <div class="modal-footer">
        <button id="focus" type="button" data-dismiss="modal" class="btn btn-outline dark"><?php echo app('translator')->get('messages.close'); ?></button>
        <!-- <button type="button" data-dismiss="modal" class="btn green">Continue Task</button> -->
    </div>
</div>

<div id="modal_add_user_att" class="modal fade modal-overflow" tabindex="-1" data-focus-on="input:first" aria-hidden="false">
    <div class="modal-header">
        <button id="focus" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title"><?php echo app('translator')->get('messages.add_member'); ?></h4>
    </div>
    <div class="modal-body">
        <div class="form-group">
            <label><?php echo app('translator')->get('messages.account'); ?></label>
            <div class="input-group">
                <span class="input-group-addon">
                    <i class="fa fa-user"></i>
                </span>
                <input id="input_user_username" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.account'); ?>">
            </div>
        </div>
        <div class="form-group">
            <label><?php echo app('translator')->get('messages.name'); ?></label>
            <div class="input-group">
                <span class="input-group-addon">
                    <i class="fa fa-user"></i>
                </span>
                <input id="input_user_att_name" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.name'); ?>">
            </div>
        </div>
        <div class="form-group">
            <label><?php echo app('translator')->get('messages.nickname'); ?></label>
            <div class="input-group">
                <span class="input-group-addon">
                    <i class="fa fa-user"></i>
                </span>
                <input id="nickname" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.nickname'); ?>">
                <input id="input_user_groupid_mail" type="hidden" >
 				<input id="floor_mail" type="hidden" >
 				<input id="doorplate_mail" type="hidden" >
 				<input id="household_mail" type="hidden" >
            </div>
        </div>
        <div class="form-group">
            <label>手機號碼</label>
            <div class="input-group">
                <span class="input-group-addon">
                    <i class="fa fa-user"></i>
                </span>
                <input id="input_phone_number" type="text" class="form-control" placeholder="手機號碼">
            </div>
        </div>
        <div class="form-group">
            <label>卡號</label>
            <div class="input-group">
                <span class="input-group-addon">
                    <i class="fa fa-user"></i>
                </span>
                <input id="input_card_no" type="text" class="form-control" placeholder="卡號">
            </div>
        </div>
    </div>
    <div class="modal-footer">
    	<button id="auto_create" type="button" class="btn red">產生帳號</button>
        <button id="focus" type="button" data-dismiss="modal" class="btn btn-outline dark"><?php echo app('translator')->get('messages.close'); ?></button>
        <button id="btn_add_user_att_submit" type="button" class="btn green"><?php echo app('translator')->get('messages.submit'); ?></button>
    </div>
</div>

<div id="show_edit_user" class="modal fade modal-overflow" tabindex="-1" data-focus-on="input:first" aria-hidden="false">
    <div class="modal-header">
        <button id="focus" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title">會員編輯</h4>
    </div>
    <div class="modal-body">
    <form id="edit_form">
        <div class="form-group">
            <label>姓名</label>
            <div class="input-group">
                <span class="input-group-addon">
                    <i class="fa fa-user"></i>
                </span>
                <input id="name" name="name" type="text" class="form-control" placeholder="姓名">
            </div>
        </div>
        <div class="form-group">
            <label>備註</label>
            <div class="input-group">
                <textarea id="memo" name ="memo" class="form-control" placeholder="請輸入內容" style="width:468px;height:124px;"></textarea>
            </div>
                <input id="input_user_groupid" type="hidden" >
 				<input id="floor" type="hidden" >
 				<input id="doorplate" type="hidden" >
 				<input id="household" type="hidden" >
        </div>
        <input name="id" type="hidden"/>
    </div>
    <div class="modal-footer">
        <button id="focus" type="button" data-dismiss="modal" class="btn btn-outline dark">關閉</button>
        <button id="btn_edit_user_submit" type="button" class="btn green">送出</button>
    </div>
    </form>
</div>

<div id="show_edit_memo" class="modal fade modal-overflow" tabindex="-1" data-focus-on="input:first" aria-hidden="false">
    <div class="modal-header">
        <button id="focus" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title">編輯門牌備註</h4>
    </div>
    <div class="modal-body">
    <form id="edit_memo_form">
        <div class="form-group">
            <label>備註</label>
            <div class="input-group">
                <textarea id="doorplate_memo" name ="memo" class="form-control" placeholder="請輸入內容" style="width:468px;height:124px;"></textarea>
            </div>
        </div>
        <input name="id" type="hidden"/>
    </div>
    <div class="modal-footer">
        <button id="focus" type="button" data-dismiss="modal" class="btn btn-outline dark">關閉</button>
        <button id="btn_edit_memo_submit" type="button" class="btn green">送出</button>
    </div>
    </form>
</div>

<div id="modal_input_cardno" class="modal fade" tabindex="-1" data-focus-on="input:first" aria-hidden="false">
    <div class="modal-header bg-red-sunglo">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title font-white">請輸入代碼或卡號 (快速選擇收件人)</h4>
    </div>
    <div class="modal-body">
    	<div class="form-group">
            <div class="input-group input-group-lg">
                <input id="card_code" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.place_num'); ?>">
                <span class="input-group-btn">
                    <button id="btn_code_clear" class="btn grey" type="button"><?php echo app('translator')->get('messages.clean'); ?></button>
                </span>
            </div>
        </div>

        <div style="margin-top:15px;">
			<div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="1" style="width:30%; margin:5px;"> 1 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="2" style="width:30%; margin:5px;"> 2 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="3" style="width:30%; margin:5px;"> 3 </a>
            </div>
            <div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="4" style="width:30%; margin:5px;"> 4 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="5" style="width:30%; margin:5px;"> 5 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="6" style="width:30%; margin:5px;"> 6 </a>
            </div>
            <div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="7" style="width:30%; margin:5px;"> 7 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="8" style="width:30%; margin:5px;"> 8 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="9" style="width:30%; margin:5px;"> 9 </a>
            </div>
            <div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="-" style="width:30%; margin:5px;"> - </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="0" style="width:30%; margin:5px;"> 0 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-code-num" num="_" style="width:30%; margin:5px;"> _ </a>
            </div>
		</div>
    </div>
    <div class="modal-footer">
        <button id="focus" type="button" data-dismiss="modal" class="btn btn-outline dark"><?php echo app('translator')->get('messages.close'); ?></button>
        <button id="btn_card_code_submit" type="button" class="btn green"><?php echo app('translator')->get('messages.submit'); ?></button>
    </div>
</div>

<div id="modal_box_id" class="modal fade" tabindex="-1" data-focus-on="input:first" aria-hidden="false">
    <div class="modal-header">
        <button id="focus" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title"><?php echo app('translator')->get('messages.enter_place_num'); ?></h4>
    </div>
    <div class="modal-body">
    	<div class="form-group">
            <div class="input-group input-group-lg">
                <input id="input_box_id" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.place_num'); ?>">
                <span class="input-group-btn">
                    <button id="btn_num_clear" class="btn grey" type="button"><?php echo app('translator')->get('messages.clean'); ?></button>
                </span>
            </div>
        </div>

        <div style="margin-top:15px;">
			<div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="1" style="width:30%; margin:5px;"> 1 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="2" style="width:30%; margin:5px;"> 2 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="3" style="width:30%; margin:5px;"> 3 </a>
            </div>
            <div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="4" style="width:30%; margin:5px;"> 4 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="5" style="width:30%; margin:5px;"> 5 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="6" style="width:30%; margin:5px;"> 6 </a>
            </div>
            <div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="7" style="width:30%; margin:5px;"> 7 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="8" style="width:30%; margin:5px;"> 8 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="9" style="width:30%; margin:5px;"> 9 </a>
            </div>
            <div class="">
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="-" style="width:30%; margin:5px;"> - </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="0" style="width:30%; margin:5px;"> 0 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="_" style="width:30%; margin:5px;"> _ </a>
            </div>
		</div>
    </div>
    <div class="modal-footer">
        <button id="focus" type="button" data-dismiss="modal" class="btn btn-outline dark"><?php echo app('translator')->get('messages.close'); ?></button>
        <button id="btn_box_id_submit" type="button" class="btn green"><?php echo app('translator')->get('messages.submit'); ?></button>
    </div>
</div>

<div id="modal_box_id1" class="modal fade" tabindex="-1" data-focus-on="input:first" role="dialog" aria-hidden="true" >
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title">請輸入卡號</h4>
    </div>
    <div class="modal-body">
    	<div class="form-group">
            <div class="input-group input-group-lg">
                <input id="input_box_id1" type="text" class="form-control" placeholder="卡號" onkeyup="return ValidateNumber(this,value)">
                <span class="input-group-btn">
                    <button id="btn_num_clear1" class="btn grey" type="button"><?php echo app('translator')->get('messages.clean'); ?></button>
                </span>
            </div>
        </div>

        <div style="margin-top:15px;"> 
			<div class="">
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="A" style="width:10%; margin:5px;"> A </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="B" style="width:10%; margin:5px;"> B </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="C" style="width:10%; margin:5px;"> C </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="D" style="width:10%; margin:5px;"> D </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="E" style="width:10%; margin:5px;"> E </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="F" style="width:10%; margin:5px;"> F </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="G" style="width:10%; margin:5px;"> G </a>
            </div>
            <div class="">
            	<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="H" style="width:10%; margin:5px;"> H </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="I" style="width:10%; margin:5px;"> I </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="J" style="width:10%; margin:5px;"> J </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="K" style="width:10%; margin:5px;"> K </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="L" style="width:10%; margin:5px;"> L </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="M" style="width:10%; margin:5px;"> M </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="N" style="width:10%; margin:5px;"> N </a>
            </div>
            <div class="">
            	<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="O" style="width:10%; margin:5px;"> O </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="P" style="width:10%; margin:5px;"> P </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="Q" style="width:10%; margin:5px;"> Q </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="R" style="width:10%; margin:5px;"> R </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="S" style="width:10%; margin:5px;"> S </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="T" style="width:10%; margin:5px;"> T </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="U" style="width:10%; margin:5px;"> U </a>
            </div>
            <div class="">
            	<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="V" style="width:10%; margin:5px;"> V </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="W" style="width:10%; margin:5px;"> W </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="X" style="width:10%; margin:5px;"> X </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="Y" style="width:10%; margin:5px;"> Y </a>
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="Z" style="width:10%; margin:5px;"> Z </a>
            </div>
            <div class="">
				<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="1" style="width:10%; margin:5px;"> 1 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="2" style="width:10%; margin:5px;"> 2 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="3" style="width:10%; margin:5px;"> 3 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="4" style="width:10%; margin:5px;"> 4 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="5" style="width:10%; margin:5px;"> 5 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="6" style="width:10%; margin:5px;"> 6 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="7" style="width:10%; margin:5px;"> 7 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="8" style="width:10%; margin:5px;"> 8 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="9" style="width:10%; margin:5px;"> 9 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="0" style="width:10%; margin:5px;"> 0 </a>
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="-" style="width:10%; margin:5px;"> - </a> 
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="+" style="width:10%; margin:5px;"> + </a> 
                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num1" num="." style="width:10%; margin:5px;"> . </a> 
            </div>
		</div>
    </div>
    <div class="modal-footer">
        <button type="button" data-dismiss="modal" class="btn btn-outline dark"><?php echo app('translator')->get('messages.close'); ?></button>
        <button id="btn_box_id_submit1" type="button" class="btn green"><?php echo app('translator')->get('messages.submit'); ?></button>
    </div>
</div>

<div id="modal_mail_detail" class="modal fade modal-overflow" tabindex="-1" aria-hidden="false">
    
</div>


<div id="frame_sign_pad" style="display:none;">
	<canvas id="sign" style="position:fixed;  background-color: #ffffff; top:0; left:0;z-index:20000;"></canvas id="sign">
	
	<div style="position: fixed; bottom:10px; right:10px; z-index:20005;">
		<button id="btn_canvas_clear" type="button" class="btn red-sunglo btn-lg sbold"style="font-size:30px;"><?php echo app('translator')->get('messages.clean_clear'); ?></button>
		<button type="button" class="btn yellow-mint btn-lg sbold"style="font-size:30px;"  onclick="signpad.skip()"><?php echo app('translator')->get('messages.pass_sign'); ?></button>
		<button type="button" class="btn green-meadow btn-lg sbold"style="font-size:30px;" onclick="signpad.submit()"><?php echo app('translator')->get('messages.submit'); ?></button>
	</div>
</div>

<input type="hidden" id="mail_info_switch" value="<?php echo e($Setting->get('mailinfo')); ?>">

<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="<?php echo e(asset('assets/global/plugins/respond.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/excanvas.min.js')); ?>"></script> 
<![endif]-->
<script src="<?php echo e(asset('assets/global/plugins/jquery.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jquery-migrate.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/lodash.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jquery.tmpl.min.js')); ?>" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="<?php echo e(asset('assets/global/plugins/jquery-ui/jquery-ui.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/bootstrap/js/bootstrap.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jquery.blockui.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jquery.cokie.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/uniform/jquery.uniform.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modalmanager.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/bootstrap-modal/js/bootstrap-modal.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/bootstrap-sweetalert/new/sweetalert.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/state-machine.js')); ?>" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="<?php echo e(asset('assets/global/scripts/app.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/layouts/layout/scripts/layout.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/layouts/layout/scripts/demo.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/layouts/global/scripts/quick-sidebar.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/pages/scripts/tasks.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/bootstrap-toastr/toastr.min.js')); ?>" type="text/javascript" ></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!-- BEGIN PHOTO SCRIPTS -->
<script src="<?php echo e(asset('assets/photo/fancybox/jquery.easing-1.3.pack.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/photo/fancybox/jquery.fancybox-1.3.4.pack.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/photo/webcam/webcam.js')); ?>" type="text/javascript"></script>
<!-- END PHOTO SCRIPTS -->
<script type="text/x-jquery-tmpl" id="mailTmpl">
<div class="col-md-6 mail-item" mailnum="${number}" uid="${user_id}" color="${color}">
   <div class="panel panel-default">
      <div class="panel-heading bg-${color} font-white">
         <h3 class="panel-title" style="font-size: 20px;"><i class="fa fa-envelope"></i> ${user}</h3>
      </div>
   	<div class="panel-body" style="font-size: 18px;">
    		${source} ${type} <br>
     		<span class="label label-default bg-green-seagreen" style="font-size: 20px;">${number}</span>
   	</div>
   	<div class="panel-footer">
   		<div class="col-md-12" style="margin-bottom:5px;padding-left: 0px;">
   			<label class="label label-danger">備註：${info}</label>
   		</div>
			<a href="javascript:;" class="btn blue btn-sm btn_mail_delete" mailnum="${number}" style="width:48%;padding-right: 4%;font-size: 16px;">
      		<i class="fa fa-remove" style="font-size: 18px;"></i> <?php echo app('translator')->get('messages.del'); ?> 
      	</a>
      	<a href="javascript:;" class="btn green btn-sm" style="width: 48%; font-size: 16px;">
         <?php echo app('translator')->get('messages.place'); ?>:${box_id}
      	</a>
			${ show }
      	{{if showCamera == 'step2' }}
      	<div class="row">
      		<div id="photosID${number}" style="float: left; width: 48%; height: 80px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px;"></div>
				<button type="button" id="btnCamera" class="btn grey-cascade btn-sm cameraButton col-md-5 btn-info btn-lg"  data-toggle="modal" data-target="#camera" mailnumber="${number}"  style="margin-top: 10px; margin-bottom: 5px;margin-left:5px;"></button>
			</div>
			{{else showCamera == 'pending'}}
				{{if mail_image != '' }}
				<div class="row" >
      			<div style="float: left; width: 202px; height: 160px;  margin-right: 5px; margin-top: 10px; margin-bottom: 5px;">
      				<img src="../images/mailImage/${mail_image}" style="width:auto;height:100%;margin-left:5px" alt="logo" class="logo-default"/>
      			</div>
				</div>
				{{/if}}
			{{/if}}
   	</div>

   </div>
</div>
</script>
		<!-- Modal Begin-->
   		<div class="modal-dialog">
   			<!-- Modal content Begin-->
   			<div class="modal fade modal-content" id="camera" role="dialog">
   				<div class="modal-header bg-purple-plum">
						<button id="focus" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
						<h4 class="modal-title font-white"><i class="fa fa-user"></i> 郵件快照</h4>
					</div>
	   			
	   			<div class="modal-body">
		   			<div id="screen"></div>
		   		</div>
		   			
		   		<div class="modal-footer">
		    			<div id="buttons">
		    				<div class="buttonPane">
		        				<a id="shootButton" href="#" class="btn blue btn-md" style="padding-left: 4%;">拍照</a>
		        			</div>
		        			<div class="buttonPaneGroup" style="display: none;">
		        				<a id="cancelButton" href="#" class="btn blue btn-md btn-default" style="width:48%;padding-right: 4%;">取消</a>
		            		<a id="uploadButton" href="" class="btn green btn-md" style="width: 48%;">確認</a>
		        			</div>
		    			</div>
		    		</div>
    			</div>
    			<!-- Modal content End-->
    		</div>
    	<!-- Modal End-->

<script type="text/x-jquery-tmpl" id="memberTmpl">
	<button class="btn grey-steel btn-block btn-lg btn_step1" series="${no}">${no}</button>
</script>
<script type="text/x-jquery-tmpl" id="memberTmpl2">
	<button class="btn grey-steel btn-block btn-lg btn_step_household" series="${no}" series2="${no2}">${no}</button>
</script>
<script type="text/x-jquery-tmpl" id="memberTmpl3">
	<button class="btn grey-steel btn-block btn-lg btn_step_family" series="${no}" series2="${no2}" series3="${no3}">${no3}</button>
</script>

<script type="text/x-jquery-tmpl" id="sourceTmpl">
	<button class="btn grey-steel btn-block btn-lg btn_step2" source="${mail_source}">${mail_source}</button>
</script>

<script type="text/x-jquery-tmpl" id="typeTmpl">
	<button class="btn grey-steel btn-block btn-lg btn_step3" type="${mail_type}">${mail_type}</button>
</script>

<script type="text/x-jquery-tmpl" id="memberLv2Tmpl">
	<div class="col-md-12">
		<div class="portlet box blue-hoki">
            <div class="portlet-title">
                <div class="caption" uid="${code}">
                <?php if($Setting->get('npm_version') ==  '0'): ?>
                    <i class="fa fa-users"></i><?php echo app('translator')->get('messages.no_'); ?> ${family}<?php echo app('translator')->get('messages.family'); ?> <span style="font-size:12px">(${code})</span>
                <?php else: ?>
                	<i class="fa fa-users"></i><?php echo app('translator')->get('messages.no_'); ?> ${family}部門 <span style="font-size:12px">(${code})</span>
                <?php endif; ?>
                </div>
                <div class="actions">
	                {{if pending!=0}}
	                <a href="javascript:;" class="btn red btn-sm">
	                	<?php echo app('translator')->get('messages.pending'); ?>:${pending}
	                </a>
	                {{/if}}
	                <a href="javascript:;" class="btn green btn-sm">
	                	<div class="caption" uid="${code}">
	                	<?php if($Setting->get('npm_version') ==  '0'): ?>
		                  <?php echo app('translator')->get('messages.family_all_send﻿'); ?>
		                <?php else: ?>
		                  部門群發
		                <?php endif; ?>
		                </div>
	                </a>
                	<a href="javascript:;" class="btn btn-default btn-sm btn_add_user_att" uid="${code}" series="${no}" series2="${no2}" series3="${no3}">
	                    <i class="fa fa-plus"></i> <?php echo app('translator')->get('messages.add_member'); ?>
	                </a>
                </div>
            </div>
            <div class="portlet-body memberSelector" style="cursor:pointer;">
            	<p> ${memo}  &nbsp; &nbsp;<span class="btn_edit_memo btn glyphicon glyphicon-pencil" uid="${id}"></span></p>
            	<div class="memberAttBox" uid="${code}" >	
            	</div>
            </div>	
        </div>
    </div>
</script>




<script type="text/x-jquery-tmpl" id="memberAttTmpl">
	<span class="label label-success bg-blue-madison" style="margin:5px;display: inline-block;" uid="${id}" ucode="${groupid}" uname="${name}" username="${username}" >${username}/${name}(${nickname})</span>


	<a class="btn_edit_user" uid="${id}" uname="${name}" username="${username}">
      <span class="glyphicon glyphicon-pencil btn_edit_user" uid="${id}" uname="${name}" username="${username}"></span>
    </a>

</script>

<script type="text/x-jquery-tmpl" id="mailDetail">
	<div class="modal-header">
        <button id="focus" type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title"><?php echo app('translator')->get('messages.mail_check'); ?></h4>
    </div>
    <div class="modal-body">
        <ul class="list-group">
        	<li class="list-group-item"><?php echo app('translator')->get('messages.liver'); ?> ${user_name}(${user_username})</li>
        	<li class="list-group-item"><?php echo app('translator')->get('messages.place_num'); ?> <span class="label label-info">${box_id}</span></li>
            <li class="list-group-item"><?php echo app('translator')->get('messages.mail_num'); ?> ${mailnumber}</li>
            <li class="list-group-item"><?php echo app('translator')->get('messages.mail_from'); ?> ${mail_source}</li>
            <li class="list-group-item"><?php echo app('translator')->get('messages.mail_type'); ?> ${mailtype}</li>
            <li class="list-group-item"><?php echo app('translator')->get('messages.mail_send_date'); ?> ${mailsenddate}</li>
			{{if mailstate == 0}}
			<li class="list-group-item"><?php echo app('translator')->get('messages.handle_ing'); ?> <span class="label label-warning"><?php echo app('translator')->get('messages.mail_yet'); ?></span></li>
			{{/if}}
            {{if mailstate == 1}}
			<li class="list-group-item"><?php echo app('translator')->get('messages.handle_ing'); ?> <span class="label label-success"><?php echo app('translator')->get('messages.mail_got'); ?></span></li>
			<li class="list-group-item"><?php echo app('translator')->get('messages.mail_get_date'); ?> ${mailgetdate}</li>
			{{/if}}
        </ul>
    </div>
    <div class="modal-footer">
        <button id="focus" type="button" data-dismiss="modal" class="btn btn-outline dark"><?php echo app('translator')->get('messages.close'); ?></button>
    </div>
</script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js')); ?>"></script>
<script type="text/javascript">
//========================================================================
//    Define Vars
//========================================================================
var data = {};
var mailList = new Array;
var memberList = new Array;
var sourceList = new Array;
var typeList = new Array;
var pickList = new Array;
var inputFocus = 'code';
var step_now = 1;
var sign_pad = true;

//========================================================================
//    讀取設定值
//========================================================================
$.ajax({
	type : 'GET',
	url : '<?php echo e(action('Manage\MailController@getData')); ?>',
	dataType: 'json',
	data:{
		mode : 'settingSignPad'
	},
	success : function(sendback){
		if(sendback.status == 1){
			sign_pad = true;
		}else{
			sign_pad = false;
		}
	}
});

//========================================================================
//    建立狀態機 - 操作步驟State
//========================================================================
var state = StateMachine.create({
	initial: 'step1',
	events: [
		{ name: 'selectuser', from: ['step1','registering'], to: 'step2'},
		{ name: 'register' , from: ['registering','step2'], to: 'step1'},
		{ name: 'nextuser' , from: 'step2' , to: 'registering'},
		{ name: 'getpending' , from: 'step1', to:'pending'},
		{ name: 'pickup' , from: 'pending' , to:'step1'},
		{ name: 'cancel' , from: ['step2','registering','pending'] , to: 'step1'},
	],
	callbacks : {
		onstep1 : function(event,from,to){
			$('#btn_rec').hide();
			$('#btn_pickup').hide();
			$('#btn_pending').show();
			$('#btn_next_member').hide();
			$('#btn_backmail').show();
			$('#btn_cancel').hide();
			//清空mailBox
			$('#mailBox').empty();
		},
		onstep2 : function(event,from,to){
			$('#btn_rec').show();
			$('#btn_pickup').hide();
			$('#btn_pending').hide();
			$('#btn_next_member').show();
			$('#btn_backmail').hide();
			$('#btn_cancel').show();
		},
		onregistering : function(event,from,to){
			$('#btn_rec').show();
			$('#btn_pickup').hide();
			$('#btn_pending').hide();
			$('#btn_next_member').hide();
			$('#btn_backmail').hide();
			$('#btn_cancel').show();
		},
		onpending : function(event,from,to){
			$('#btn_rec').hide();
			$('#btn_pickup').show();
			$('#btn_pending').hide();
			$('#btn_next_member').hide();
			$('#btn_backmail').hide();
			$('#btn_cancel').show();
		},

		//Event
		onnextuser: function(event,from,to){
			clearAll();
			$('#frame_source').hide();
			$('#frame_type').hide();
			$('#frame_member').show();
			$('#frame_quick').show();
			$('#frame_household').show();
		},
		onselectuser: function(event,from,to){
			$('#frame_member').hide();
			$('#frame_quick').hide();
			$('#frame_household').hide();
			$('#frame_source').show();
			$('#frame_type').show();
		},
		onregister: function(event,from,to){
			clearAll();
			$('#frame_source').hide();
			$('#frame_type').hide();
			$('#frame_member').show();
			$('#frame_quick').show();
			$('#frame_household').show();
		},
		oncancel: function(event,from,to){
			clearAll();
			mailList = new Array;
			pickList = new Array;
			$('#disp_mail_num').val('0');
			$('#frame_source').hide();
			$('#frame_type').hide();
			$('#frame_member').show();
			$('#frame_quick').show();
			$('#frame_household').show();
		},
		onpickup: function(event,from,to){
			clearAll();
			mailList = new Array;
			pickList = new Array;
			$('#disp_mail_num').val('0');
			getMember();
		},
	}
});

//========================================================================
//    建立狀態機 - 簽名板SignPad
//========================================================================
var signpad = StateMachine.create({
	initial: 'hide',
	events: [
		{ name: 'open', from: 'hide', to: 'show'},
		{ name: 'skip', from: 'show', to: 'hide'},
		{ name: 'submit', from: 'show', to: 'hide'},
	],
	callbacks : {
		onhide : function(event,from,to){
			$('#frame_sign_pad').hide();
		},
		onshow : function(event,form,to){
			$('#frame_sign_pad').show();
			if(sign_pad != true){
				signpad.skip();
			}
		},
		onopen : function(event,from,to){
			data.sign = null;
		},
		onskip : function(event,from,to){
			$.ajax({
				type : 'POST',
				url : '<?php echo e(action('Manage\MailController@mailAction')); ?>',
				dataType : 'json',
				data: {
					mode : 'pickMails',
					mails : JSON.stringify(pickList),
					_token : '<?php echo e(csrf_token()); ?>',
				},
				success : function(sendback){
					swal({
						title : '<?php echo app('translator')->get('messages.success'); ?>',
						text : '<?php echo app('translator')->get('messages.got_mail_amount'); ?>'+sendback.count+'<?php echo app('translator')->get('messages.mail_mails'); ?>',
						type : 'success',
						cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
						closeOnCancel: false,
						allowOutsideClick: true
					});
					state.pickup();
				},
				error : function(sendback){

				}
			});
		},
		onsubmit : function(event,from,to){
			uploadSign();
		},
	}
});

//========================================================================
//    Init Set
//========================================================================
$(document).ready(function($) {  
	$(window).load(function(){
		$('#preloader').fadeOut('slow',function(){$(this).remove();});
	});
// Focus on load
 	$('#input_code').focus();
});

 // Force focus
$('#input_code').focusout(function(){
 	if(inputFocus == 'code'){
		$('#input_code').focus();
 	}
});


//========================================================================
//    處理拍照的觸發
//========================================================================
var isload = false;
// $('#camera').on('show.bs.modal', function (event) {
$(document).on('click','.cameraButton',function(){
	var number = $(this).attr('mailnumber');
	// alert(number);

	if(isload){
		resetWebcamReset();
		resetHost();
		return;
	}
	isload = true;
   //Camera
	// var camera = $('#camera');
	// var photos = $('#photos');
	var screen = $('#screen');
	// var template = '<a href="../images/mailImage/{src}" rel="cam" '
	// 	+'style="background-image:url(../images/mailImage/{src})"></a>';
	var template = '<img src="../images/mailImage/{src}" style="width:auto;height:100%;margin-left:15px" alt="logo" class="logo-default"/>';
	/*----------------------------------
		Setting up the web camera
	----------------------------------*/
	webcam.set_swf_url("<?php echo e(url('assets/photo/webcam/webcam.swf')); ?>");	// 載入flash攝影組件的路徑
	webcam.set_api_url("<?php echo e(route('rest::picture')); ?>");	// The upload script 處理上傳照片的php
	webcam.set_quality(80);				// JPEG Photo Quality 設定JPEG品質
	webcam.set_shutter_sound(false,'');
	// Generating the embed code and adding it to the page:	
	screen.html(
		webcam.get_html(screen.width(), screen.height())	//在#screen中載入攝影元件
	);


	/*----------------------------------
		Binding event listeners
	----------------------------------*/
	var shootEnabled = false;
	
	//拍照
	$(document).on('click','#shootButton',function(){
   	if(!shootEnabled){
			return false;
		}
		
		webcam.freeze();	//凍結webcam，攝影鏡頭停止工作
		$("#shootButton").css('display', 'none');
		$(".buttonPaneGroup").css('display', 'inline');
		return false;
	});
	
	//取消照片
	$(document).on('click','#cancelButton',function(){
		webcam.reset(); //重置webcam，攝影鏡頭重新開始工作
		resetWebcamReset();
		return false;
	});
	
	//確認照片
	$(document).on('click','#uploadButton',function(){
		webcam.upload();	//上傳
		webcam.reset();	//重置webcam，攝影鏡頭重新開始工作
		return false;
	});

	webcam.set_hook('onLoad',function(){
		// When the flash loads, enable
		// the Shoot and settings buttons:
		shootEnabled = true;
	});

	//webcame透過set_hook方法接收後台php(upload.php)回傳的訊息
	function resetHost(){
		webcam.set_hook('onComplete', function(msg){	//onComplete表示上傳完成
			
			// This response is returned by upload.php
			// and it holds the name of the image in a
			// JSON object format:
			msg = $.parseJSON(msg);	//解析JSON
			// if(msg.error){
			// 	alert(msg.message);
			// }
			// else {
			// 	// Adding it to the page;
			AddPictureToList(number,msg.mail_image);
			// photos.prepend(templateReplace(template,{src:msg.filename}));	//將取得的資訊插入到index.html裡的#photos裡
			// }
			$('#camera').modal('hide');
			var Pid='#photosID'+number;
			var photos = $(Pid);
			photos.prepend(templateReplace(template,{src:msg.mail_image}));
		});
	}

	function templateReplace(template,data){
		return template.replace(/{([^}]+)}/g,function(match,group){
			return data[group.toLowerCase()];
		});
	}
	
	webcam.set_hook('onError',function(e){	//onError表示上傳失敗
		screen.html(e);
	});

	function resetWebcamReset(){
		// webcam.reset();
		$(".buttonPaneGroup").css('display', 'none');
		$("#shootButton").css('display', 'inline');
	}
	resetHost();
});

//========================================================================
//    把圖片名稱加入mailList
//========================================================================
	function AddPictureToList (number,pictureName){
		_.each(mailList, function(item) {
			if(item.number === number){
				item.pictureName = pictureName;
			}
		});
		console.log(mailList);
	}


//========================================================================
//    Windows Resize & Change scroll element height
//========================================================================
$(function(){
    var windowH = $(window).height();
    var wrapperH = $('.page-content').height();
    var frameDiscount = 225;

    $('.frame .slimScrollDiv').css('height', (windowH-frameDiscount)+'px');
    $('.frame .scroller').css('height', (windowH-frameDiscount)+'px');

    $('#modal_member_lv2 .slimScrollDiv').css('height', (windowH-200)+'px');
    $('#modal_member_lv2 .scroller').css('height', (windowH-200)+'px');

    $('#mailBoxContainer .slimScrollDiv').css('height', (windowH-frameDiscount-50)+'px');
    $('#mailBoxContainer .scroller').css('height', (windowH-frameDiscount-50)+'px');

    $('#sign').css('height',$(window).height());
    $('#sign').css('width',$(window).width());
    $('#sign').attr('height',$(window).height());
    $('#sign').attr('width',$(window).width());

    $(window).resize(function(){
        var windowH = $(window).height();
        var wrapperH = $('.page-content').height();
        var differenceH = windowH - wrapperH;
        var newH = wrapperH + differenceH;
        $('.frame .slimScrollDiv').css('height', (windowH-frameDiscount)+'px');
    	$('.frame .scroller').css('height', (windowH-frameDiscount)+'px');

    	$('#modal_member_lv2 .slimScrollDiv').css('height', (windowH-200)+'px');
    	$('#modal_member_lv2 .scroller').css('height', (windowH-200)+'px');

    	$('#mailBoxContainer .slimScrollDiv').css('height', (windowH-frameDiscount-50)+'px');
    	$('#mailBoxContainer .scroller').css('height', (windowH-frameDiscount-50)+'px');
        console.log('new height:'+newH);
        $('.page-content').css('min-height',(newH-120)+'px');

        $('#sign').css('height',$(window).height());
        $('#sign').css('width',$(window).width());
        $('#sign').attr('height',$(window).height());
    	$('#sign').attr('width',$(window).width());
    });
});





//========================================================================
//  下一位住戶
//========================================================================
$(document).on('click','#btn_next_member',function(){
	state.nextuser();
});

//========================================================================
//  取消<?php echo app('translator')->get('messages.action'); ?>
//========================================================================
$(document).on('click','#btn_cancel',function(){
	state.cancel();
});


//========================================================================
//    全面快取變數初始化
//========================================================================
var clearAll = function(){
	$('#input_code').val('');
	$('#disp_username').val('');
	$('#disp_household_no').val('');
	$('#disp_box_id').val('');
	data = {};
	$('#disp_step2').html(null);
	$('#disp_step3').html(null);
	$('.btn_step2').removeClass('red-intense');
	$('.btn_step2').addClass('grey-steel');
	$('.btn_step3').removeClass('green-sharp');
	$('.btn_step3').addClass('grey-steel');
	$('#input_code').focus();
};

//========================================================================
//    初始化會員選單
//========================================================================
var getMember = function(){
	$.blockUI({
        message: '<h1>讀取中...</h1>'
    });
	$("#memberBox").empty();
	$("#memberHouseholdBox").empty();
	$("#memberQuickBox").empty();
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType: 'json',
		data : {	
			mode : 'getDoorplate'
		},
		success : function(result){
			 _.each(result, function(item) {
	        	var tmplData = {'no' : item.doorplate};
	        	$("#memberTmpl").tmpl(tmplData).appendTo("#memberBox");
	        });
			$.unblockUI(); 
		},
		error : function(result){

		}
	});
}

//========================================================================
//    初始化來源選單
//========================================================================
var getSource = function(){
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType : 'json',
		data : {
			mode:'getSources'
		},
		success : function(sendback){
			sourceList = sendback;
			$('#sourceBox').empty();
			_.each(sendback, function(item) {
	        	$("#sourceTmpl").tmpl(item).appendTo("#sourceBox");
	        });
		},
		error : function(sendback){

		}
	});
}

//========================================================================
//    初始化類別選單
//========================================================================
var getType = function(){
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType : 'json',
		data : {
			mode:'getTypes'
		},
		success : function(sendback){
			typeList = sendback;
			$('#typeBox').empty();
			_.each(sendback, function(item) {
	        	$("#typeTmpl").tmpl(item).appendTo("#typeBox");
	        });
		},
		error : function(sendback){

		}
	});
}

//========================================================================
//    Click4 選擇住戶家庭
//========================================================================
$(document).on('click','.btn_step_family',function(){
	var floor = $(this).attr('series');
	var doorplate = $(this).attr('series2');
	var household = $(this).attr('series3');
	var GroupFamily;
	$.blockUI({
        message: '<h1>讀取中...</h1>'
    });
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType: 'json',
		data : {
			mode : 'getFamily',
			floor : floor,
			doorplate : doorplate,
			household : household,
		},
		success : function(result){
		$('#memberLv2Box').empty();
			_.each(result , function(item) {
				 item.no=floor;
				 item.no2=doorplate;
				 item.no3=household;
				$('#memberLv2Tmpl').tmpl(item).appendTo('#memberLv2Box');
				if(item.atts != undefined){
					_.each(item.atts , function(item2) {
					$('#memberAttTmpl').tmpl(item2).appendTo('.memberAttBox[uid="'+item.code+'"]');
					GroupFamily=GroupFamily+","+item2.username;
					});
				}
			});
			$.unblockUI(); 
		},
		error : function(result){

		}
	});

	$('#modal_member_lv2').modal('show');
});
//========================================================================
//    Click3 選擇住戶幾室
//========================================================================
$(document).on('click','.btn_step_household',function(){	
	var floor = $(this).attr('series');
	var doorplate = $(this).attr('series2');
	$.blockUI({
        message: '<h1>讀取中...</h1>'
    });
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType: 'json',
		data : {
			mode : 'getHousehold',
			floor : floor,
			doorplate : doorplate,
		},
		success : function(result){
			$("#memberHouseholdBox").empty();	
			 _.each(result, function(item) {
	        	var tmplData = {'no' : item.floor,'no2' : item.doorplate,'no3' : item.household };
	        	$("#memberTmpl3").tmpl(tmplData).appendTo("#memberHouseholdBox");
	        });
			$.unblockUI(); 
		},
		error : function(result){

		}
	});
});
//========================================================================
//    Click1 選擇住戶樓層
//========================================================================
$(document).on('click','.btn_step1',function(){
	var doorplate=$(this).attr('series');
	$.blockUI({
        message: '<h1>讀取中...</h1>'
    });
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType: 'json',
		data : {
			mode : 'getFloor',
			doorplate : doorplate
		},
		success : function(result){
			$("#memberQuickBox").empty();	
			 _.each(result, function(item) {
	        	var tmplData = {'no' : item.floor,'no2' : item.doorplate};
	        	$("#memberTmpl2").tmpl(tmplData).appendTo("#memberQuickBox");
	        });
			$.unblockUI(); 
		},
		error : function(result){

		}
	});
});

//========================================================================
//    Click1-1 選擇住戶個類別
//========================================================================
$(document).on('click','.bg-blue-madison,.caption',function(){
	var user_id = $(this).attr('uid');
	if($(this).attr('uname')){
		var name = $(this).attr('uname');
		var username = $(this).attr('username');
		var household_no = $(this).attr('ucode');
	}else{
		var name = $(this).attr('uid')+"<?php echo app('translator')->get('messages.family'); ?>";
		var username = $(this).attr('uid')+"<?php echo app('translator')->get('messages.family'); ?>";
		var household_no = $(this).attr('ucode')+"<?php echo app('translator')->get('messages.family'); ?>";
	}
	data.user_id = user_id;
	data.user = name+'('+username+')';

	//console.log(user_id+' '+name+' '+username);
	$('#disp_username').val(name+'('+username+')');
	$('#disp_household_no').val(household_no);
	App.blockUI({
        target: '#modal_member_lv2',
        boxed: true,
        message: '<?php echo app('translator')->get('messages.checking_location_num'); ?>...',
        textOnly: true
    });

    $.ajax({
    	type : 'GET',
    	url : '<?php echo e(action('Manage\MailController@getData')); ?>',
    	dataType : 'json',
    	data : {
    		mode : 'getBoxId',
    		user_id : user_id
    	},
    	success : function(sendback){
    		App.unblockUI('#modal_member_lv2');

    		if(sendback.box_id == 'nothing'){
    			//先看看目前有沒有暫存資料中有此人信件編號的
    			var check = true;
    			//
    			_.each(mailList,function(item){
    				if(item.user_id == user_id){
    					check = false;
    					sendback.max = item.box_id;
    				}
    			});

    			if(check == true){
    				checkNextBoxId(sendback.max);
    			}else{
    				//將box_id帶入
	    			data.box_id = sendback.max;
					$('#disp_box_id').val(sendback.max);
					$('#modal_member_lv2').modal('hide');
	    			state.selectuser();
	    			console.log(state.current);
    			}
    		}else{
    			//將box_id帶入
    			data.box_id = sendback.box_id;
				$('#disp_box_id').val(sendback.box_id);
				$('#modal_member_lv2').modal('hide');
    			state.selectuser();
    		}
    	},
    	error : function(sendback){
    		
    	}
    });
});

//========================================================================
//	  代碼查詢用戶
//========================================================================
$(document).on('click','#btn_search_user',function(){
	if($('#disp_username').val() == ""){
		$('#modal_input_cardno').modal('show');	
	}else{
		toastr['warning']('住戶資料已選，若需要更換收件人請按下方取消。');
	}
	
});

//========================================================================
//    Click2 選擇來源
//========================================================================
$(document).on('click','.btn_step2',function(){
	var source = $(this).attr('source');
	data.source = source;
	$('#disp_step2').html(source);
	$('.btn_step2').removeClass('red-intense');
	$('.btn_step2').addClass('grey-steel');
	$(this).removeClass('grey-steel');
	$(this).addClass('red-intense');
});

//========================================================================
//    Click3 選擇類別
//========================================================================
$(document).on('click','.btn_step3',function(){
	var type = $(this).attr('type');
	data.type = type;
	$('#disp_step3').html(type);
	$('.btn_step3').removeClass('green-sharp');
	$('.btn_step3').addClass('grey-steel');
	$(this).removeClass('grey-steel');
	$(this).addClass('green-sharp');
	$('#input_code').focus();
});

//========================================================================
//    輸入信件條碼
//========================================================================
$("#input_code").keypress(function(e){
	code = (e.keyCode ? e.keyCode : e.which);
	if (code == 13){
		//如果是步驟一的時候
		
		if(state.current == 'step1'){
			$('#input_code').attr('readonly',true);
			inputFocus = 'none';
			var code = $(this).val();
			if(code != ''){
				$.ajax({
					type : 'GET',
					url: '<?php echo e(action('Manage\MailController@getData')); ?>',
					dataType: 'json',
					data:{
						mode : 'checkCode',
						code : code
					},
					success : function(sendback){
						switch(sendback.type){
							case 'user_n_mail':
								if(sendback.mails.length == 0){
									swal({
										title : '<?php echo app('translator')->get('messages.no_not_claim_mail'); ?>',
										text : '<?php echo app('translator')->get('messages.the_user'); ?> '+sendback.user+' <?php echo app('translator')->get('messages.now_no_not_claim_mail'); ?>',
										type : 'warning',
										cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
										closeOnCancel: false,
										allowOutsideClick: true
									});
								}else{
									state.getpending();
									var color = diffColor();
									$('#mailBox').empty();
									_.each(sendback.mails , function(item){
										_.each(item , function(item2){
											if(item2.mailnumber!=null){
												var mail = {};
												mail.user = item.name;
												mail.user_id = item.user_id;
												mail.number = item2.mailnumber;
												mail.source = item2.mail_source;
												mail.type = item2.mailtype;
												mail.color = color;
												mail.box_id = item2.box_id;
												mail.groupid = item2.groupid;
												mail.showCamera = state.current;
												mail.mail_image = item2.mail_image;
												$("#mailTmpl").tmpl(mail).prependTo($('#mailBox'));
												$('#disp_box_id').val(item2.box_id);
												pickList.push({
													'code' : sendback.code,
													'username' : sendback.username,
													'id' : item2.id,
													'source' : mail.source,
													'type' : mail.type,
													'number' : mail.number,
													'user' : mail.user,
													'user_id' : mail.user_id,
													'box_id' : mail.box_id,
													'groupid' : mail.groupid,
												});
											}
										});
									});
									$('#disp_mail_num').val(pickList.length);
									$('#disp_username').val(sendback.username);
									$('#disp_household_no').val(sendback.household_no);
								}
								break;

							case 'mail':
								$('#modal_mail_detail').empty();
								$("#mailDetail").tmpl(sendback.mails).prependTo($('#modal_mail_detail'));
								$('#modal_mail_detail').modal('show');
								break;

							case 'nofound':
								swal({
									title : '<?php echo app('translator')->get('messages.cant_find'); ?>',
									text : '<?php echo app('translator')->get('messages.cf_user_mail_no'); ?>',
									type : 'error',
									cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
									closeOnCancel: false,
									allowOutsideClick: true
								});
								break;

							case 'noDoorplate':
								swal({
									title : '<?php echo app('translator')->get('messages.cf_plate_no'); ?>',
									text : '<?php echo app('translator')->get('messages.cf_user_plate_no'); ?>',
									type : 'error',
									cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
									closeOnCancel: false,
									allowOutsideClick: true
								});
								break;
						}
						inputFocus = 'code';
						$('#input_code').attr('readonly',false);
					},
					error : function(sendback){
						console.log('checkCode Error');
						inputFocus = 'code';
						$('#input_code').attr('readonly',false);
					}
				});
			}else{
				toastr['error']('<?php echo app('translator')->get('messages.dont_check_block_value'); ?>');
				inputFocus = 'code';
						$('#input_code').attr('readonly',false);
			}
			
		}
		//如果是步驟二的時候
		if(state.current != 'step1' && state.current != 'pending'){
			if(data['source'] == undefined){
				toastr['error']('<?php echo app('translator')->get('messages.select_mail_from'); ?>');
			}else if(data['type'] == undefined){
				toastr['error']('<?php echo app('translator')->get('messages.select_mail_class'); ?>');
			}else if($(this).val() == ''){
				toastr['error']('<?php echo app('translator')->get('messages.dont_enter_mail_no'); ?>');
			}else{
				inputFocus = 'none';
				$('#input_code').attr('readonly',true);

				data.number = $(this).val();

				var check_result = true;
				
				//防止特殊符號 /*+!~@#$%^&()_=[]{}|'<>,.-`?;:
				if( data.number.includes("/") !== true && data.number.includes("*") !== true && data.number.includes("+") !== true 
					&& data.number.includes("!") !== true && data.number.includes("~") !== true && data.number.includes("@") !== true 
					&& data.number.includes("#") !== true && data.number.includes("$") !== true && data.number.includes("%") !== true 
					&& data.number.includes("^") !== true && data.number.includes("&") !== true && data.number.includes(",") !== true 
					&& data.number.includes("(") !== true && data.number.includes(")") !== true && data.number.includes("_") !== true 
					&& data.number.includes("=") !== true && data.number.includes("[") !== true && data.number.includes("]") !== true 
					&& data.number.includes("{") !== true && data.number.includes("}") !== true && data.number.includes("|") !== true 
					&& data.number.includes("'") !== true && data.number.includes("<") !== true && data.number.includes(">") !== true 
					&& data.number.includes(" ") !== true && data.number.includes(".") !== true && data.number.includes("-") !== true
					&& data.number.includes("`") !== true && data.number.includes(":") !== true && data.number.includes(";") !== true && data.number.includes("\\") !== true ){

					if($('#mail_info_switch').val() == 1){
						swal({
						  title: "請輸入文號或內容",
						  type: "input",
						  showCancelButton: true,
						  closeOnConfirm: true,
						  confirmButtonText:"送出",
						  cancelButtonText:"取消",
						  animation: "slide-from-top",
						  inputPlaceholder: "請輸入內容，最多輸入17個字"
						},
						function(inputValue){
							if (inputValue === false) return false;
							if (inputValue.length > 17){
								$('#input_code').attr('readonly',false);
								toastr['warning']("請注意輸入欄位的字數，是否超過17個字");
								return false;
							}
							if (inputValue == ""){
								inputValue = "無";
							}
							swal("資料已成功送出");
							data.info = inputValue;
							$.ajax({
								type : 'get',
								url : '<?php echo e(action('Manage\MailController@getData')); ?>',
								dataType : 'json',
								data : {
									mode : 'checkNumber',
									number : data.number,
								},
								success : function(sendback){
									if(sendback.check == true){
										//進行暫存資料的判斷..
										_.each(mailList , function(item) {
											if(item.number == data.number){
												check_result = false;
											}
										});
									}else{
										check_result = false;
									}

									if(check_result == true){
										mailList.push({
											'source' : data.source,
											'type' : data.type,
											'number' : data.number,
											'user' : data.user,
											'user_id' : data.user_id,
											'box_id' : data.box_id,
											'pictureName' : '',
											'info' : data.info,
										});
										renderMail();
									}else{
										inputFocus = 'code';
										$('#input_code').focus();
										swal({
											title : '<?php echo app('translator')->get('messages.mail_codenumber_double'); ?>',
											text : '<?php echo app('translator')->get('messages.codenumber_already_exist'); ?>，<?php echo app('translator')->get('messages.codenumber_could_accept_double'); ?>？',
											type : 'warning',
											cancelButtonText: "<?php echo app('translator')->get('messages.not_accept'); ?>",
											closeOnCancel: false,
											confirmButtonText: "<?php echo app('translator')->get('messages.accept'); ?>",
											showCancelButton: true,
											showLoaderOnConfirm: true
										},
										function (isConfirm) {
											if (isConfirm) {
													mailList.push({
														'source' : data.source,
														'type' : data.type,
														'number' : data.number,
														'user' : data.user,
														'user_id' : data.user_id,
														'box_id' : data.box_id,
														'pictureName' : '',
														'info' : data.info,
														});
														renderMail();
											} else {
													swal({
														title : '<?php echo app('translator')->get('messages.cancel_set'); ?>！',
														text : '<?php echo app('translator')->get('messages.mail_codenumber_cancel_set_suc'); ?>。',
														type : 'success',
														confirmButtonText: "<?php echo app('translator')->get('messages.sure'); ?>",
														closeOnCancel: false,
														allowOutsideClick: true
													});
											}
										});
									}


									console.log(mailList);
									inputFocus = 'code';
									$('#input_code').attr('readonly',false);

									// console.log("A2");
									// console.log(mailList);
								},
								error : function(sendback){
									toastr['error']('<?php echo app('translator')->get('messages.mail_no_double'); ?>');
									inputFocus = 'code';
									$('#input_code').attr('readonly',false);
								}
							});
						});
					}else{
						data.info = "無";
						$.ajax({
							type : 'get',
							url : '<?php echo e(action('Manage\MailController@getData')); ?>',
							dataType : 'json',
							data : {
								mode : 'checkNumber',
								number : data.number,
							},
							success : function(sendback){
								if(sendback.check == true){
									//進行暫存資料的判斷..
									_.each(mailList , function(item) {
										if(item.number == data.number){
											check_result = false;
										}
									});
								}else{
									check_result = false;
								}

								if(check_result == true){
									mailList.push({
										'source' : data.source,
										'type' : data.type,
										'number' : data.number,
										'user' : data.user,
										'user_id' : data.user_id,
										'box_id' : data.box_id,
										'pictureName' : '',
										'info' : data.info,
									});
									renderMail();
								}else{
									inputFocus = 'code';
									$('#input_code').focus();
									swal({
										title : '<?php echo app('translator')->get('messages.mail_codenumber_double'); ?>',
										text : '<?php echo app('translator')->get('messages.codenumber_already_exist'); ?>，<?php echo app('translator')->get('messages.codenumber_could_accept_double'); ?>？',
										type : 'warning',
										cancelButtonText: "<?php echo app('translator')->get('messages.not_accept'); ?>",
										closeOnCancel: false,
										confirmButtonText: "<?php echo app('translator')->get('messages.accept'); ?>",
										showCancelButton: true,
										showLoaderOnConfirm: true
									},
									function (isConfirm) {
										if (isConfirm) {
											mailList.push({
												'source' : data.source,
												'type' : data.type,
												'number' : data.number,
												'user' : data.user,
												'user_id' : data.user_id,
												'box_id' : data.box_id,
												'pictureName' : '',
												'info' : data.info,
												});
												renderMail();
										} else {
											swal({
												title : '<?php echo app('translator')->get('messages.cancel_set'); ?>！',
												text : '<?php echo app('translator')->get('messages.mail_codenumber_cancel_set_suc'); ?>。',
												type : 'success',
												confirmButtonText: "<?php echo app('translator')->get('messages.sure'); ?>",
												closeOnCancel: false,
												allowOutsideClick: true
											});
										}
									});
								}
								console.log(mailList);
								inputFocus = 'code';
								$('#input_code').attr('readonly',false);
							},
							error : function(sendback){
								toastr['error']('<?php echo app('translator')->get('messages.mail_no_double'); ?>');
								inputFocus = 'code';
								$('#input_code').attr('readonly',false);
							}
						});
					}
					
				}else{
					toastr['error']('<?php echo app('translator')->get('messages.no_key_unique_codenumber'); ?>！');
					inputFocus = 'code';
					$('#input_code').attr('readonly',false);
				}
			}
		}
		$(this).val('');
	}
});

//========================================================================
//    收件處理
//========================================================================
$(document).on('click','#btn_rec',function(){
	//預設"確認收件"的開關變量為1(次)
	var clicktimes = 1;
	
	if(mailList.length <= 0){
		swal({
			title : '<?php echo app('translator')->get('messages.no_mail'); ?>',
			text : '<?php echo app('translator')->get('messages.selct_first_then_take'); ?>',
			type : 'error',
			cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
			closeOnCancel: false,
			allowOutsideClick: true
		});
	}else{
		swal({
			title: "<?php echo app('translator')->get('messages.check_got_mail'); ?>?",
			text: "<?php echo app('translator')->get('messages.got_mail_login_database'); ?>",
			type: "info",
			cancelButtonText: "<?php echo app('translator')->get('messages.cancel'); ?>",
			confirmButtonText: "<?php echo app('translator')->get('messages.check_got_mail'); ?>",
			showCancelButton: true,
			closeOnConfirm: false,
			showLoaderOnConfirm: true,
		},onclick=function(isConfirm){
			//確認是否按下"確認收件"
			if(isConfirm === true){
				//防止重複點擊，造成的信件重複問題
				if(clicktimes){
				$.ajax({
					type: 'POST',
					url: '<?php echo e(action('Manage\MailController@mailAction')); ?>',
					dataType: 'json',
					data: {
						mode: 'storeMail',
						_token: '<?php echo e(csrf_token()); ?>',
						data: JSON.stringify(mailList)
					},
					success : function(sendback){
						mailList = new Array;
						state.register();
						$('#disp_mail_num').val(mailList.length);
						getMember();
						swal({
							title : '<?php echo app('translator')->get('messages.success'); ?>',
							text : '<?php echo app('translator')->get('messages.this_got_mail_s'); ?>'+sendback.count+'<?php echo app('translator')->get('messages.mail_mails'); ?>',
							type : 'success',
							cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
							closeOnCancel: false,
							allowOutsideClick: true
						});
						console.log(mailList);
					},
					error : function(sendback){
						swal({
							title : '<?php echo app('translator')->get('messages.fail_write_in'); ?>',
							text : '<?php echo app('translator')->get('messages.trouble_write_in_fail'); ?>',
							type : 'error',
							cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
							closeOnCancel: false,
							allowOutsideClick: true
						});
					}
				});
				clicktimes = 0;
				}
			}
		});
	}
});

//========================================================================
//    取件處理
//========================================================================
$(document).on('click','#btn_pickup',function(){
	if(pickList.length == 0){
		toastr['error']('<?php echo app('translator')->get('messages.now_no_mail'); ?>');
	}else{
		_.each(pickList,function(item){
			console.log(item);
		});

		swal({
			html: true,
			title: "<?php echo app('translator')->get('messages.check_take_mail'); ?>?",
			text: '<?php echo app('translator')->get('messages.check_mail_en_user'); ?><?php echo app('translator')->get('messages.user'); ?>:'+pickList[0].user+' ，<?php echo app('translator')->get('messages.total'); ?> '+pickList.length+' <?php echo app('translator')->get('messages.item_mail'); ?>',
			type: "info",
			cancelButtonText: "<?php echo app('translator')->get('messages.cancel'); ?>",
			confirmButtonText: "<?php echo app('translator')->get('messages.check_take_mail'); ?>",
			showCancelButton: true,
			closeOnConfirm: true,
			showLoaderOnConfirm: true,
		},function(){
			signpad.open();
		});
	}
});


//========================================================================
//    渲染信件Item RenderMail
//========================================================================
var renderMail = function (){
	var hasOld = false;

	$('.mail-item').each(function(){
		if($(this).attr('uid') == data.user_id){
			data.color = $(this).attr('color');
			data.showCamera = state.current;
			var elem = $("#mailTmpl").tmpl(data).fadeIn().insertBefore($(this));
			hasOld = true;
			return false;
		}
	});
	if(hasOld == false){
		data.color = diffColor();
		data.showCamera = state.current;
		$("#mailTmpl").tmpl(data).prependTo($('#mailBox'));
	}
	$('#disp_mail_num').val(mailList.length);
	$('#input_code').focus();
}

//========================================================================
//    新增住戶成員
//========================================================================
$(document).on('click','.btn_add_user_att',function(){
	var groupid = $(this).attr('uid');
	var floor = $(this).attr('series');
	var doorplate = $(this).attr('series2');
	var household = $(this).attr('series3');
	inputFocus="none";
	$('#input_user_groupid_mail').val(groupid);
	$('#floor_mail').val(floor);
	$('#doorplate_mail').val(doorplate);
	$('#household_mail').val(household);
	$('#modal_add_user_att').modal('show');
	$('#input_user_username').val('');
	$('#input_card_no').val('');
	$('#input_user_username').attr('readonly',false);
	$('#input_card_no').attr('readonly',false);
});

$(document).on('click','#auto_create',function(){

	$.ajax({
		type : 'POST',
		dataType : 'json',
		url : "<?php echo e(route('manage::user::auto')); ?>",
		data : {
			_token : '<?php echo e(csrf_token()); ?>',
			code : $('#input_user_groupid_mail').val()
		},
		success : function(sendback){
			var s_m = sendback.message + 1;
			var user_id = $('#input_user_groupid_mail').val();
			user_id = user_id.substring(0,user_id.length - 3);
			user_id = user_id + s_m;
			
			$('#input_user_username').val(user_id);
			$('#input_card_no').val(user_id);
			document.getElementById("input_user_username").readOnly = true;
			document.getElementById("input_card_no").readOnly = true;
		},
		error :function(sendback){
			toastr['error']('發生錯誤。請重新整理後再次嘗試！');
		}
	});
});

$(document).on('click','#focus',function(){
	$('#input_code').focus();
});

$(document).on('click','#btn_add_user_att_submit',function(){
	$.ajax({
		type : 'POST',
		dataType: 'json',
		url: "<?php echo e(route('manage::user::addUserAndCard')); ?>",
		data : {
			_token : '<?php echo e(csrf_token()); ?>',
			username : $('#input_user_username').val(),
			name : $('#input_user_att_name').val(),
			password : 123456,
			groupid :$('#input_user_groupid_mail').val(),
			nickname :$('#nickname').val(),
			mobile :$('#input_phone_number').val(),
			card_no :$('#input_card_no').val()
		},
		success : function(sendback){
			toastr['success']('<?php echo app('translator')->get('messages.success'); ?>');
			var item2 = {};
			item2['user_id'] = $('#input_user_username').val();
			item2['name'] = $('#input_user_att_name').val();
			$('#memberAttTmpl').tmpl(item2).appendTo('.memberAttBox[uid="'+item2['user_id']+'"]');
			$('#input_user_att_name').val('');
			$('#input_user_username').val('');
			$('#nickname').val('');
			$('#input_phone_number').val('');
			$('#input_card_no').val('');
			$('#modal_add_user_att').modal('hide');
			$('.memberAttBox').empty();
			$('#input_user_username').attr('readonly',false);
			$('#input_card_no').attr('readonly',false);
			$.ajax({
				type : 'GET',
				url : '<?php echo e(action('Manage\MailController@getData')); ?>',
				dataType: 'json',
				data : {
					mode : 'getFamily',
					floor : $('#floor_mail').val(),
					doorplate : $('#doorplate_mail').val(),
					household : $('#household_mail').val(),
				},
				success : function(result){
					_.each(result , function(item) {
						if(item.atts != undefined){
							_.each(item.atts , function(item2) {
							$('#memberAttTmpl').tmpl(item2).appendTo('.memberAttBox[uid="'+item.code+'"]');
							});
						}
					});
				},
				error : function(result){

				}
			});
		},

		error : function(sendback){
			var result = JSON.parse(sendback['responseText']);
			if (result['errors']['name']){
				toastr['error'](result['errors']['name']);
			}
			if (result['errors']['username']){
				toastr['error'](result['errors']['username']);	
			}
			
			
		}
	});
});

//========================================================================
//    編輯會員名稱 / 備註
//========================================================================

$(document).on('click','.btn_edit_user',function(){
	inputFocus = 'none';
	var uid = $(this).attr('username');
		$.ajax({
			type : 'GET',
			url  : "<?php echo e(route('manage::user::edit')); ?>",
			dataType : 'json',
			data : {
				'username' : uid,
			},
			success: function(sendback){
				$.each(sendback, function (key, data) {
					if(key == 'memo'){
						$( "#edit_form textarea[name='"+key+"']").val(data);
					}
					else{
						$( "#edit_form input[name='"+key+"']").val(data);
					}
				});
				$('#show_edit_user').modal('show');
			},
			error: function(){
				toastr['error']('發生錯誤，請重新整理後再嘗試');
			}
		})

});


//========================================================================
//    編輯門牌備註
//========================================================================

$(document).on('click','.btn_edit_memo',function(){
	inputFocus = 'none';
	$('#doorplate_memo').focus();
	var uid = $(this).attr('uid');
		$.ajax({
			type : 'GET',
			url  : "<?php echo e(route('manage::community::EditDoorplate')); ?>",
			dataType : 'json',
			data : {
				'id' : uid,
			},
			success: function(sendback){
				$.each(sendback, function (key, data) {
					if(key == 'memo'){
						$( "#edit_memo_form textarea[name='"+key+"']").val(data);
					}
					else{
						$( "#edit_memo_form input[name='"+key+"']").val(data);
					}
				});
				inputFocus = 'none';
				$('#show_edit_memo').modal('show');

			},
			error: function(){
				toastr['error']('發生錯誤，請重新整理後再嘗試');
			}
		})

});

//========================================================================
//    編輯會員名稱 / 備註 submit and check
//========================================================================

$(document).on('click','#btn_edit_user_submit',function(){
	$.ajax({
		type : 'POST',
		dataType: 'json',
		url: "<?php echo e(route('manage::user::editConsole')); ?>",
		data : {
			_token : '<?php echo e(csrf_token()); ?>',
			id   : $('#edit_form input[name = "id"]').val(),
			name : $('#name').val(),
			memo :$('#memo').val(),

		},
		success : function(sendback){
			toastr['success']('成功');
			$('#show_edit_user').modal('hide');
		},

		error : function(sendback){
			var result = JSON.parse(sendback['responseText']);
			if (result['errors']['name']){
				toastr['error'](result['errors']['name']);
			}
			if (result['errors']['username']){
				toastr['error'](result['errors']['username']);
			}

		}
	});
});


//========================================================================
//    門牌備註 submit and check
//========================================================================

$(document).on('click','#btn_edit_memo_submit',function(){
	$.ajax({
		type : 'POST',
		dataType: 'json',
		url: "<?php echo e(action('Manage\CommunityController@UpdateDoorplateConsole')); ?>",
		data : {
			_token : '<?php echo e(csrf_token()); ?>',
			id   : $('#edit_memo_form input[name = "id"]').val(),
			memo :$('#doorplate_memo').val(),

		},
		success : function(sendback){
			toastr['success']('成功');
			$('#show_edit_memo').modal('hide');
		},

		error : function(sendback){
			var result = JSON.parse(sendback['responseText']);
			if (result['errors']['name']){
				toastr['error'](result['errors']['name']);
			}
			if (result['errors']['username']){
				toastr['error'](result['errors']['username']);
			}

		}
	});
});
//========================================================================
//    檢查Box_id是否重複
//========================================================================
var checkBoxId = function(box_id){
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType : 'json',
		data : {
			mode : 'checkBoxId',
			box_id : box_id,
		},
		success : function(sendback){
			if(sendback.check == false){
				data.box_id = undefined;
				toastr['error']('<?php echo app('translator')->get('messages.doubled_num'); ?>');
				swal({
					title : '<?php echo app('translator')->get('messages.num_double'); ?>',
					text : '<?php echo app('translator')->get('messages.doubled_num_change'); ?>',
					type : 'warning',
					cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
					closeOnCancel: false,
					allowOutsideClick: true
				});
			}else{
				//再來檢查暫存的資料內是否有重複
				data.box_id = box_id;
				$('#modal_box_id').modal('hide');
				$('#disp_box_id').val(box_id);
				state.selectuser();
			}
		},
		error : function(sendback){
			console.log(sendback);
		}
	});
}
//========================================================================
//    帶入位置編號
//========================================================================
var checkNextBoxId = function(number){
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('Manage\MailController@getData')); ?>',
		dataType : 'json',
		data : {
			mode : 'checkBoxId',
			box_id : number,
		},
		success : function(sendback){
			if(sendback.check == false){
				checkNextBoxId(number+1);
			}else{
				//再來檢查暫存的資料內是否有重複
				var check = true;
				
				_.each(mailList,function(item){
					if(item.box_id == number){
						check = false;
					}
				});

				if(check == false){
					checkNextBoxId(number+1);
				}else{
					$('#input_box_id').val(number);
					$('#modal_member_lv2').modal('hide');
					$('#modal_box_id').modal('show');
				}
			}
		},
		error : function(sendback){
			console.log(sendback);
		}
	});
}


//========================================================================
//    送出位置編號
//========================================================================
$(document).on('click','#btn_box_id_submit',function(){
	var box_id = $('#input_box_id').val();
	checkBoxId(box_id);
});

//========================================================================
//    處理信件顏色渲染
//========================================================================
var colorList = [
	'blue-dark',
	'green-seagreen',
	'yellow-casablanca',
	'purple-wisteria'
];

var colorInt = 0;

var diffColor = function(){
	var color = colorList[colorInt];
	colorInt ++;
	if(colorInt > 3){
		colorInt = 0 ;
	}
	return color;
}


//========================================================================
//    處理信件閘內刪除的觸發
//========================================================================
$(document).on('click','.btn_mail_delete',function(){
	if(state.current == 'pending'){
		var number = $(this).attr('mailnum');
		_.remove(pickList, function(item) {
			return item.number == number;
		});
		$('.mail-item[mailnum="'+number+'"]').remove();
		$('#disp_mail_num').val(pickList.length);
		if(pickList.length == 0){
			state.cancel();
		}
	}else{
		var number = $(this).attr('mailnum');
		_.remove(mailList, function(item) {
			return item.number == number;
		});
		$('.mail-item[mailnum="'+number+'"]').remove();
		$('#disp_mail_num').val(mailList.length);
	}
});
//========================================================================
//    模擬鍵盤
//========================================================================
$(document).on('click','#btn_input_code',function(){
	$('#modal_box_id1').modal('show');
});
$(document).on('click','.keyboard-num1',function(){
	var $this = $(this),
		character = $this.attr('num');
    $('#input_box_id1').val($('#input_box_id1').val() + character);
});
$(document).on('click','.keyboard-code-num',function(){
	var $this = $(this),
		character = $this.attr('num');
	$('#card_code').val($('#card_code').val() + character);
});
$(document).on('click','#btn_code_clear',function(){
	$('#card_code').val('');
});
$(document).on('click','#btn_card_code_submit',function(){
	if($('#card_code').val() == ""){
		toastr['warning']('欄位請勿留空');
	}else{
		$.ajax({
			type : 'GET',
			url: '<?php echo e(action('Manage\MailController@get_user_data')); ?>',
			data:{
				card_no : $('#card_code').val()
			},
			success : function(sendback){
				$('#card_code').val('');
				var user_id = sendback.uid;
				var name = sendback.uname;
				var username = sendback.username;
				var household_no = sendback.ucode;
				
				data.user_id = user_id;
				data.user = name+'('+username+')';
				$('#disp_username').val(name+'('+username+')');
				$('#disp_household_no').val(household_no);
				$('#modal_input_cardno').modal('hide');
			    $.ajax({
			    	type : 'GET',
			    	url : '<?php echo e(action('Manage\MailController@getData')); ?>',
			    	dataType : 'json',
			    	data : {
			    		mode : 'getBoxId',
			    		user_id : user_id
			    	},
			    	success : function(sendback){
			    		if(sendback.box_id == 'nothing'){
			    			var check = true;
			    			_.each(mailList,function(item){
			    				if(item.user_id == user_id){
			    					check = false;
			    					sendback.max = item.box_id;
			    				}
			    			});

			    			if(check == true){
			    				checkNextBoxId(sendback.max);
			    			}else{
				    			data.box_id = sendback.max;
								$('#disp_box_id').val(sendback.max);
				    			state.selectuser();
				    			console.log(state.current);
			    			}
			    		}else{
			    			data.box_id = sendback.box_id;
							$('#disp_box_id').val(sendback.box_id);
			    			state.selectuser();
			    		}
			    	},
			    	error : function(sendback){
			    		$('#card_code').val('');
						toastr['error']('此代碼(卡號)查無使用者！！');
			    	}
			    });
			},
			error   : function(sendback){
				$('#card_code').val('');
				toastr['error']('此代碼(卡號)查無使用者！！');
			}
		});
	}
});
$(document).on('click','#btn_num_clear1',function(){
    $('#input_box_id1').val('');
});
$(document).on('keypress','#input_box_id1',function(e){
	if(e.which == 13){
		$('#input_code').val($('#input_box_id1').val());
	if(state.current == 'step1'){
			$('#input_code').attr('readonly',true);
			inputFocus = 'none';
			var code = $('#input_code').val();
			if(code != ''){
				$.ajax({
					type : 'GET',
					url: '<?php echo e(action('Manage\MailController@getData')); ?>',
					dataType: 'json',
					data:{
						mode : 'checkCode',
						code : code
					},
					success : function(sendback){
						switch(sendback.type){
							case 'user_n_mail':
								if(sendback.mails.length == 0){
									swal({
										title : '<?php echo app('translator')->get('messages.no_not_claim_mail'); ?>',
										text : '<?php echo app('translator')->get('messages.the_user'); ?> '+sendback.user+' <?php echo app('translator')->get('messages.now_no_not_claim_mail'); ?>',
										type : 'warning',
										cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
										closeOnCancel: false,
										allowOutsideClick: true
									});
								}else{
									state.getpending();
									var color = diffColor();
									$('#mailBox').empty();
									_.each(sendback.mails , function(item){
										_.each(item , function(item2){
											if(item2.mailnumber!=null){
												var mail = {};
												mail.user = item.name;
												mail.user_id = item.user_id;
												mail.number = item2.mailnumber;
												mail.source = item2.mail_source;
												mail.type = item2.mailtype;
												mail.color = color;
												mail.box_id = item2.box_id;
												mail.groupid = item2.groupid;
												mail.showCamera = state.current;
												mail.mail_image = item2.mail_image;
												$("#mailTmpl").tmpl(mail).prependTo($('#mailBox'));
												$('#disp_box_id').val(item2.box_id);
												pickList.push({
													'code' : sendback.code,
													'username' : sendback.username,
													'id' : item2.id,
													'source' : mail.source,
													'type' : mail.type,
													'number' : mail.number,
													'user' : mail.user,
													'user_id' : mail.user_id,
													'box_id' : mail.box_id,
													'groupid' : mail.groupid,
												});
											}
										});
									});
									$('#disp_mail_num').val(pickList.length);
									$('#disp_username').val(sendback.username);
									$('#disp_household_no').val(sendback.household_no);
								}
								break;

							case 'mail':
								$('#modal_mail_detail').empty();
								$("#mailDetail").tmpl(sendback.mails).prependTo($('#modal_mail_detail'));
								$('#modal_mail_detail').modal('show');
								break;

							case 'nofound':
								swal({
									title : '<?php echo app('translator')->get('messages.cant_find'); ?>',
									text : '<?php echo app('translator')->get('messages.cf_user_mail_no'); ?>',
									type : 'error',
									cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
									closeOnCancel: false,
									allowOutsideClick: true
								});
								break;

							case 'noDoorplate':
								swal({
									title : '<?php echo app('translator')->get('messages.cf_plate_no'); ?>',
									text : '<?php echo app('translator')->get('messages.cf_user_plate_no'); ?>',
									type : 'error',
									cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
									closeOnCancel: false,
									allowOutsideClick: true
								});
								break;
						}
						inputFocus = 'code';
						$('#input_code').attr('readonly',false);
					},
					error : function(sendback){
						console.log('checkCode Error');
						inputFocus = 'code';
						$('#input_code').attr('readonly',false);
					}
				});
			}else{
				toastr['error']('<?php echo app('translator')->get('messages.dont_check_block_value'); ?>');
				inputFocus = 'code';
						$('#input_code').attr('readonly',false);
			}
			
		}
		//如果是步驟二的時候
		if(state.current != 'step1' && state.current != 'pending'){
			if(data['source'] == undefined){
				toastr['error']('<?php echo app('translator')->get('messages.select_mail_from'); ?>');
			}else if(data['type'] == undefined){
				toastr['error']('<?php echo app('translator')->get('messages.select_mail_class'); ?>');
			}else if($('#input_code').val() == ''){
				toastr['error']('<?php echo app('translator')->get('messages.dont_enter_mail_no'); ?>');
			}else{
				inputFocus = 'none';
				$('#input_code').attr('readonly',true);

				data.number = $('#input_code').val();

				var check_result = true;
				
				//防止特殊符號 /*+!~@#$%^&()_=[]{}|'<>,.-`?;:
				if( data.number.includes("/") !== true && data.number.includes("*") !== true && data.number.includes("+") !== true 
					&& data.number.includes("!") !== true && data.number.includes("~") !== true && data.number.includes("@") !== true 
					&& data.number.includes("#") !== true && data.number.includes("$") !== true && data.number.includes("%") !== true 
					&& data.number.includes("^") !== true && data.number.includes("&") !== true && data.number.includes(",") !== true 
					&& data.number.includes("(") !== true && data.number.includes(")") !== true && data.number.includes("_") !== true 
					&& data.number.includes("=") !== true && data.number.includes("[") !== true && data.number.includes("]") !== true 
					&& data.number.includes("{") !== true && data.number.includes("}") !== true && data.number.includes("|") !== true 
					&& data.number.includes("'") !== true && data.number.includes("<") !== true && data.number.includes(">") !== true 
					&& data.number.includes(" ") !== true && data.number.includes(".") !== true && data.number.includes("-") !== true
					&& data.number.includes("`") !== true && data.number.includes(":") !== true && data.number.includes(";") !== true ){
					$.ajax({
						type : 'get',
						url : '<?php echo e(action('Manage\MailController@getData')); ?>',
						dataType : 'json',
						data : {
							mode : 'checkNumber',
							number : data.number,
						},
						success : function(sendback){
							//console.log('sendback.check:'+sendback.check);
							if(sendback.check == true){
								// console.log("A1");
								// console.log(mailList);
								// console.log(data);
								//進行暫存資料的判斷..
								_.each(mailList , function(item) {
									if(item.number == data.number){
										check_result = false;
									}
								});
							}else{
								check_result = false;
							}
							/*
							mailList.push({
									'source' : data.source,
									'type' : data.type,
									'number' : data.number,
									'user' : data.user,
									'user_id' : data.user_id,
									'box_id' : data.box_id,
								});
							renderMail();
							*/
							if(check_result == true){
								mailList.push({
									'source' : data.source,
									'type' : data.type,
									'number' : data.number,
									'user' : data.user,
									'user_id' : data.user_id,
									'box_id' : data.box_id,
									'pictureName' : '',
								});
								renderMail();
							}else{
								inputFocus = 'code';
								$('#input_code').focus();
								swal({
									title : '<?php echo app('translator')->get('messages.mail_codenumber_double'); ?>',
									text : '<?php echo app('translator')->get('messages.codenumber_already_exist'); ?>，<?php echo app('translator')->get('messages.codenumber_could_accept_double'); ?>？',
									type : 'warning',
									cancelButtonText: "<?php echo app('translator')->get('messages.not_accept'); ?>",
									closeOnCancel: false,
									confirmButtonText: "<?php echo app('translator')->get('messages.accept'); ?>",
									showCancelButton: true,
									showLoaderOnConfirm: true
								},
								function (isConfirm) {
									if (isConfirm) {
											mailList.push({
												'source' : data.source,
												'type' : data.type,
												'number' : data.number,
												'user' : data.user,
												'user_id' : data.user_id,
												'box_id' : data.box_id,
												'pictureName' : '',
												});
												renderMail();
									} else {
											swal({
												title : '<?php echo app('translator')->get('messages.cancel_set'); ?>！',
												text : '<?php echo app('translator')->get('messages.mail_codenumber_cancel_set_suc'); ?>。',
												type : 'success',
												confirmButtonText: "<?php echo app('translator')->get('messages.sure'); ?>",
												closeOnCancel: false,
												allowOutsideClick: true
											});
									}
								});
							}
							console.log(mailList);
							inputFocus = 'code';
							$('#input_code').attr('readonly',false);
							// console.log("A2");
							// console.log(mailList);
						},
						error : function(sendback){
							toastr['error']('<?php echo app('translator')->get('messages.mail_no_double'); ?>');
							inputFocus = 'code';
							$('#input_code').attr('readonly',false);
						}
					});
				}else{
					toastr['error']('<?php echo app('translator')->get('messages.no_key_unique_codenumber'); ?>！');
					inputFocus = 'code';
					$('#input_code').attr('readonly',false);
				}
			}
		}
	$('#input_code').val('');
	$('#input_box_id1').val('');
	$('#modal_box_id1').modal('hide');
	}
});
$(document).on('click','#btn_box_id_submit1',function(){
	$('#input_code').val($('#input_box_id1').val());
	if(state.current == 'step1'){
			$('#input_code').attr('readonly',true);
			inputFocus = 'none';
			var code = $('#input_code').val();
			if(code != ''){
				$.ajax({
					type : 'GET',
					url: '<?php echo e(action('Manage\MailController@getData')); ?>',
					dataType: 'json',
					data:{
						mode : 'checkCode',
						code : code
					},
					success : function(sendback){
						switch(sendback.type){
							case 'user_n_mail':
								if(sendback.mails.length == 0){
									swal({
										title : '<?php echo app('translator')->get('messages.no_not_claim_mail'); ?>',
										text : '<?php echo app('translator')->get('messages.the_user'); ?> '+sendback.user+' <?php echo app('translator')->get('messages.now_no_not_claim_mail'); ?>',
										type : 'warning',
										cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
										closeOnCancel: false,
										allowOutsideClick: true
									});
								}else{
									state.getpending();
									var color = diffColor();
									$('#mailBox').empty();
									_.each(sendback.mails , function(item){
										_.each(item , function(item2){
											if(item2.mailnumber!=null){
												var mail = {};
												mail.user = item.name;
												mail.user_id = item.user_id;
												mail.number = item2.mailnumber;
												mail.source = item2.mail_source;
												mail.type = item2.mailtype;
												mail.color = color;
												mail.box_id = item2.box_id;
												mail.groupid = item2.groupid;
												mail.showCamera = state.current;
												mail.mail_image = item2.mail_image;
												$("#mailTmpl").tmpl(mail).prependTo($('#mailBox'));
												$('#disp_box_id').val(item2.box_id);
												pickList.push({
													'code' : sendback.code,
													'username' : sendback.username,
													'id' : item2.id,
													'source' : mail.source,
													'type' : mail.type,
													'number' : mail.number,
													'user' : mail.user,
													'user_id' : mail.user_id,
													'box_id' : mail.box_id,
													'groupid' : mail.groupid,
												});
											}
										});
									});
									$('#disp_mail_num').val(pickList.length);
									$('#disp_username').val(sendback.username);
									$('#disp_household_no').val(sendback.household_no);
								}
								break;

							case 'mail':
								$('#modal_mail_detail').empty();
								$("#mailDetail").tmpl(sendback.mails).prependTo($('#modal_mail_detail'));
								$('#modal_mail_detail').modal('show');
								break;

							case 'nofound':
								swal({
									title : '<?php echo app('translator')->get('messages.cant_find'); ?>',
									text : '<?php echo app('translator')->get('messages.cf_user_mail_no'); ?>',
									type : 'error',
									cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
									closeOnCancel: false,
									allowOutsideClick: true
								});
								break;

							case 'noDoorplate':
								swal({
									title : '<?php echo app('translator')->get('messages.cf_plate_no'); ?>',
									text : '<?php echo app('translator')->get('messages.cf_user_plate_no'); ?>',
									type : 'error',
									cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
									closeOnCancel: false,
									allowOutsideClick: true
								});
								break;
						}
						inputFocus = 'code';
						$('#input_code').attr('readonly',false);
					},
					error : function(sendback){
						console.log('checkCode Error');
						inputFocus = 'code';
						$('#input_code').attr('readonly',false);
					}
				});
			}else{
				toastr['error']('<?php echo app('translator')->get('messages.dont_check_block_value'); ?>');
				inputFocus = 'code';
						$('#input_code').attr('readonly',false);
			}
			
		}
		//如果是步驟二的時候
		if(state.current != 'step1' && state.current != 'pending'){
			if(data['source'] == undefined){
				toastr['error']('<?php echo app('translator')->get('messages.select_mail_from'); ?>');
			}else if(data['type'] == undefined){
				toastr['error']('<?php echo app('translator')->get('messages.select_mail_class'); ?>');
			}else if($('#input_code').val() == ''){
				toastr['error']('<?php echo app('translator')->get('messages.dont_enter_mail_no'); ?>');
			}else{
				inputFocus = 'none';
				$('#input_code').attr('readonly',true);

				data.number = $('#input_code').val();

				var check_result = true;
				
				//防止特殊符號 /*+!~@#$%^&()_=[]{}|'<>,.-`?;:
				if( data.number.includes("/") !== true && data.number.includes("*") !== true && data.number.includes("+") !== true 
					&& data.number.includes("!") !== true && data.number.includes("~") !== true && data.number.includes("@") !== true 
					&& data.number.includes("#") !== true && data.number.includes("$") !== true && data.number.includes("%") !== true 
					&& data.number.includes("^") !== true && data.number.includes("&") !== true && data.number.includes(",") !== true 
					&& data.number.includes("(") !== true && data.number.includes(")") !== true && data.number.includes("_") !== true 
					&& data.number.includes("=") !== true && data.number.includes("[") !== true && data.number.includes("]") !== true 
					&& data.number.includes("{") !== true && data.number.includes("}") !== true && data.number.includes("|") !== true 
					&& data.number.includes("'") !== true && data.number.includes("<") !== true && data.number.includes(">") !== true 
					&& data.number.includes(" ") !== true && data.number.includes(".") !== true && data.number.includes("-") !== true
					&& data.number.includes("`") !== true && data.number.includes(":") !== true && data.number.includes(";") !== true ){

					
					if($('#mail_info_switch').val() == 1){
						swal({
						  title: "請輸入文號或內容",
						  type: "input",
						  showCancelButton: true,
						  closeOnConfirm: true,
						  confirmButtonText:"送出",
						  cancelButtonText:"取消",
						  animation: "slide-from-top",
						  inputPlaceholder: "請輸入內容，最多輸入17個字"
						},
						function(inputValue){
							if (inputValue === false) return false;
							if (inputValue.length > 17){
								$('#input_code').attr('readonly',false);
								toastr['warning']("請注意輸入欄位的字數，是否超過17個字");
								return false;
							}
							if (inputValue == ""){
								inputValue = "無";
							}
							swal("資料已成功送出");
							data.info = inputValue;
							$.ajax({
								type : 'get',
								url : '<?php echo e(action('Manage\MailController@getData')); ?>',
								dataType : 'json',
								data : {
									mode : 'checkNumber',
									number : data.number,
								},
								success : function(sendback){
									if(sendback.check == true){
										//進行暫存資料的判斷..
										_.each(mailList , function(item) {
											if(item.number == data.number){
												check_result = false;
											}
										});
									}else{
										check_result = false;
									}

									if(check_result == true){
										mailList.push({
											'source' : data.source,
											'type' : data.type,
											'number' : data.number,
											'user' : data.user,
											'user_id' : data.user_id,
											'box_id' : data.box_id,
											'pictureName' : '',
											'info' : data.info,
										});
										renderMail();
									}else{
										inputFocus = 'code';
										$('#input_code').focus();
										swal({
											title : '<?php echo app('translator')->get('messages.mail_codenumber_double'); ?>',
											text : '<?php echo app('translator')->get('messages.codenumber_already_exist'); ?>，<?php echo app('translator')->get('messages.codenumber_could_accept_double'); ?>？',
											type : 'warning',
											cancelButtonText: "<?php echo app('translator')->get('messages.not_accept'); ?>",
											closeOnCancel: false,
											confirmButtonText: "<?php echo app('translator')->get('messages.accept'); ?>",
											showCancelButton: true,
											showLoaderOnConfirm: true
										},
										function (isConfirm) {
											if (isConfirm) {
													mailList.push({
														'source' : data.source,
														'type' : data.type,
														'number' : data.number,
														'user' : data.user,
														'user_id' : data.user_id,
														'box_id' : data.box_id,
														'pictureName' : '',
														'info' : data.info,
														});
														renderMail();
											} else {
													swal({
														title : '<?php echo app('translator')->get('messages.cancel_set'); ?>！',
														text : '<?php echo app('translator')->get('messages.mail_codenumber_cancel_set_suc'); ?>。',
														type : 'success',
														confirmButtonText: "<?php echo app('translator')->get('messages.sure'); ?>",
														closeOnCancel: false,
														allowOutsideClick: true
													});
											}
										});
									}


									console.log(mailList);
									inputFocus = 'code';
									$('#input_code').attr('readonly',false);

									// console.log("A2");
									// console.log(mailList);
								},
								error : function(sendback){
									toastr['error']('<?php echo app('translator')->get('messages.mail_no_double'); ?>');
									inputFocus = 'code';
									$('#input_code').attr('readonly',false);
								}
							});
						});
					}else{
						data.info = "無";
						$.ajax({
							type : 'get',
							url : '<?php echo e(action('Manage\MailController@getData')); ?>',
							dataType : 'json',
							data : {
								mode : 'checkNumber',
								number : data.number,
							},
							success : function(sendback){
								if(sendback.check == true){
									//進行暫存資料的判斷..
									_.each(mailList , function(item) {
										if(item.number == data.number){
											check_result = false;
										}
									});
								}else{
									check_result = false;
								}

								if(check_result == true){
									mailList.push({
										'source' : data.source,
										'type' : data.type,
										'number' : data.number,
										'user' : data.user,
										'user_id' : data.user_id,
										'box_id' : data.box_id,
										'pictureName' : '',
										'info' : data.info,
									});
									renderMail();
								}else{
									inputFocus = 'code';
									$('#input_code').focus();
									swal({
										title : '<?php echo app('translator')->get('messages.mail_codenumber_double'); ?>',
										text : '<?php echo app('translator')->get('messages.codenumber_already_exist'); ?>，<?php echo app('translator')->get('messages.codenumber_could_accept_double'); ?>？',
										type : 'warning',
										cancelButtonText: "<?php echo app('translator')->get('messages.not_accept'); ?>",
										closeOnCancel: false,
										confirmButtonText: "<?php echo app('translator')->get('messages.accept'); ?>",
										showCancelButton: true,
										showLoaderOnConfirm: true
									},
									function (isConfirm) {
										if (isConfirm) {
											mailList.push({
												'source' : data.source,
												'type' : data.type,
												'number' : data.number,
												'user' : data.user,
												'user_id' : data.user_id,
												'box_id' : data.box_id,
												'pictureName' : '',
												'info' : data.info,
												});
												renderMail();
										} else {
											swal({
												title : '<?php echo app('translator')->get('messages.cancel_set'); ?>！',
												text : '<?php echo app('translator')->get('messages.mail_codenumber_cancel_set_suc'); ?>。',
												type : 'success',
												confirmButtonText: "<?php echo app('translator')->get('messages.sure'); ?>",
												closeOnCancel: false,
												allowOutsideClick: true
											});
										}
									});
								}
								console.log(mailList);
								inputFocus = 'code';
								$('#input_code').attr('readonly',false);
							},
							error : function(sendback){
								toastr['error']('<?php echo app('translator')->get('messages.mail_no_double'); ?>');
								inputFocus = 'code';
								$('#input_code').attr('readonly',false);
							}
						});
					}
				}else{
					toastr['error']('<?php echo app('translator')->get('messages.no_key_unique_codenumber'); ?>！');
					inputFocus = 'code';
					$('#input_code').attr('readonly',false);
				}
			}
		}
	$('#input_code').val('');
	$('#input_box_id1').val('');
	$('#modal_box_id1').modal('hide');
});

//========================================================================
//    處理Box_id 的鍵盤事件
//========================================================================
$(document).on('click','.keyboard-num',function(){
	var $this = $(this),
		character = $this.attr('num');
    
    $('#input_box_id').val($('#input_box_id').val() + character);
});

$(document).on('click','#btn_num_clear',function(){
    $('#input_box_id').val('');
});


//========================================================================
//    手繪板處理
//========================================================================
$(document).ready(function(){
	var pp = [-1,-1]; //起始點位置
	var np = [0,0];//下一個點的位置
	var bu = $('#btn_canvas_clear');
	var canvas  = $('#sign');//canvas物件
	var point = {};
	point.notFirst = false;
	
	//2維繪圖(jQuery物件需要用canvas[0]呼叫，如果是用js的document.getElementById就不需要[0])
	var ctx = canvas[0].getContext("2d"); 
	ctx.lineWidth = 5;//線條寬度
	ctx.strokeStyle = "black";//線條顏色
	
	//判斷滑鼠是否有按住(點擊)
	var clicking = false;
	
	//點擊滑鼠
	canvas.mousedown(function(e){
		clicking = true;
	});
	
	//滑鼠移動(要按住滑鼠才會繪圖)
	canvas.mousemove(function(e){
		if( !clicking ){ return false; }
		//如果是剛下筆，會先初始化起始點
		if( pp[0] == -1 && pp[1] == -1 ){ 
			pp = [e.pageX,e.pageY]; 
		}
		//紀錄下一點的位置
		np = [e.pageX,e.pageY];
		
		//繪圖
		ctx.beginPath();
		ctx.moveTo(pp[0], pp[1]);
		ctx.lineTo(np[0],np[1]);
		ctx.closePath();
		ctx.stroke();
		//下一點的位置=新的起始點
		pp[0] = np[0];
		pp[1] = np[1];
	});
	
	//放開滑鼠，座標重新歸零
	canvas.mouseup(function(e){
		clicking = false;
		pp = [-1,-1];
	});
	
	//清除canvas畫面
	bu.click(function(e){
		ctx.clearRect(0, 0, canvas.width(), canvas.height());
	});
	
	//因行動狀置不一定只有單點觸控，所以事件應該要改用e.touches[0].pageX來取得(也就是多點觸控)。
	canvas[0].addEventListener("touchstart", function(e) {
		var mouseX = e.touches[0].pageX - this.offsetLeft;
		var mouseY = e.touches[0].pageY - this.offsetTop;
		paint = true;
		addClick(e.touches[0].pageX - this.offsetLeft, e.touches[0].pageY - this.offsetTop);
		redraw();
	});
 
	canvas[0].addEventListener("touchend", function(e) {
		paint = false;
	});
 
	canvas[0].addEventListener("touchmove", function(e) {
		if (paint) {
			addClick(e.touches[0].pageX - this.offsetLeft, e.touches[0].pageY - this.offsetTop, true);
			redraw();
		}
	});
 
	function onDocumentTouchStart(event) {
		if (event.touches.length == 1) {
			event.preventDefault();
			// Faking double click for touch devices
			var now = new Date().getTime();
			if (now - timeOfLastTouch < 250) {
				reset();
				return;
			}
			timeOfLastTouch = now;
			mouseX = event.touches[0].pageX;
			mouseY = event.touches[0].pageY;
			isMouseDown = true;
		}
	}
 
	function onDocumentTouchMove(event) {
		if (event.touches.length == 1) {
			event.preventDefault();
			mouseX = event.touches[0].pageX;
			mouseY = event.touches[0].pageY;
		}
	}
 
	function onDocumentTouchEnd(event) {
		if (event.touches.length == 0) {
			event.preventDefault();
			isMouseDown = false;
		}
	}

	var clickX = new Array();
	var clickY = new Array();
	var clickDrag = new Array();
	var paint;
 
	function addClick(x, y, dragging)
	{
		clickX.push(x);
		clickY.push(y);
		clickDrag.push(dragging);
	}
 
	function redraw() {
		//canvas.width = canvas.width; // Clears the canvas
		while (clickX.length > 0) {
			point.bx = point.x;
			point.by = point.y;
			point.x = clickX.pop();
			point.y = clickY.pop();
			point.drag = clickDrag.pop();
			ctx.beginPath();
			if (point.drag && point.notFirst) {
				ctx.moveTo(point.bx, point.by);
			} else {
				point.notFirst = true;
				ctx.moveTo(point.x - 1, point.y);
			}
			ctx.lineTo(point.x, point.y);
			ctx.closePath();
			ctx.stroke();
		}
	}
});
//========================================================================
//    驗證輸入框是否為純數字
//========================================================================
function ValidateNumber(e, pnumber)
{
    if (!/^[\w-+.]+$/.test(pnumber))
    {
        e.value = /^[\w-+.]+/.exec(e.value);
        toastr['warning']('請將輸入法改為英文輸入');
    }
    return false;
}


//========================================================================
//    上傳簽名檔
//========================================================================
function uploadSign() {
    // Generate the image data
    var Pic = document.getElementById("sign").toDataURL("image/png");
    Pic = Pic.replace(/^data:image\/(png|jpg);base64,/, "")

    // Sending the image data to Server
    $.ajax({
        type: 'POST',
        url: '<?php echo e(action('Manage\MailController@mailAction')); ?>',
        dataType: 'json',
        data: {
        	mode : 'storeSign',
        	_token : '<?php echo e(csrf_token()); ?>',
        	image : Pic,
        },
        success: function (msg) {
            $.ajax({
				type : 'POST',
				url : '<?php echo e(action('Manage\MailController@mailAction')); ?>',
				dataType : 'json',
				data: {
					mode : 'pickMails',
					mails : JSON.stringify(pickList),
					sign_image : msg.sign_image,
					_token : '<?php echo e(csrf_token()); ?>',
				},
				success : function(sendback){
					swal({
						title : '<?php echo app('translator')->get('messages.success'); ?>',
						text : '<?php echo app('translator')->get('messages.this_got_mail_s'); ?>'+sendback.count+'<?php echo app('translator')->get('messages.mail_mails'); ?>',
						type : 'success',
						cancelButtonText: "<?php echo app('translator')->get('messages.got_it'); ?>",
						closeOnCancel: false,
						allowOutsideClick: true
					});
					state.pickup();
					$('#sign').attr('height',$(window).height());
    				$('#sign').attr('width',$(window).width());
				},
				error : function(sendback){

				}
			});

        }
    });
}

//++++++++++++++Start Excute++++++++++++++
getMember();
getSource();
getType();


</script>
</body>
<!-- END BODY -->
</html>