<?php $sentinel = app('Cartalyst\Sentinel\Native\Facades\Sentinel'); ?>

<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.5
Version: 4.1.0
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[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]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<?php $CommunityPresenter = app('NSST\Presenters\CommunityPresenter'); ?>
<title><?php echo app('translator')->get('messages.front_desk_sys'); ?> - <?php echo e($CommunityPresenter->comName()); ?></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=10.0" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<meta http-equiv="refresh" content="18001; url=">

<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
<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 href="<?php echo e(asset('assets/global/plugins/jquery-fancybox/jquery.fancybox.css')); ?>" rel="stylesheet" type="text/css" media="screen"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
<!--
<link href="<?php echo e(asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/fullcalendar/fullcalendar.min.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/jqvmap/jqvmap/jqvmap.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/morris/morris.css')); ?>" rel="stylesheet" type="text/css">
<link href="<?php echo e(asset('assets/global/plugins/ion.rangeslider/css/ion.rangeSlider.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/ion.rangeslider/css/ion.rangeSlider.Metronic.css')); ?>" rel="stylesheet" type="text/css"/> 
-->
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-toastr/toastr.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/datatables/media/css/jquery.dataTables.min.css')); ?>"/>
<!-- END PAGE LEVEL PLUGIN STYLES -->
<!-- BEGIN PAGE STYLES -->
<link href="<?php echo e(asset('assets/pages/css/tasks.css')); ?>" rel="stylesheet" type="text/css"/>
<!-- END PAGE STYLES -->
<!-- BEGIN THEME STYLES -->
<!-- DOC: To use 'rounded corners' style just load 'components-rounded.css' stylesheet instead of 'components.css' in the below style tag -->
<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/layout4/css/layout.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/layouts/layout4/css/themes/light.css')); ?>" rel="stylesheet" type="text/css" id="style_color"/>
<link href="<?php echo e(asset('assets/layouts/layout4/css/custom.css')); ?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo e(asset('assets/global/plugins/bootstrap-sweetalert/bootstrap-sweetalert.css')); ?>" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css')); ?>"/>
<!-- Custom styles for this template -->
<link rel="stylesheet" href="<?php echo e(asset('front/css/typicons.css')); ?>" />
<link href="<?php echo e(asset('assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css')); ?>" rel="stylesheet" type="text/css" media="screen"/>
<!-- END THEME STYLES -->
<link rel="shortcut icon" href="favicon.ico"/>

<style>
	.btn-group{
		margin-bottom:5px;
	}
	body{
		font-family:Microsoft JhengHei  !important;
		/* Margin bottom by footer height */
		margin-bottom: 60px;
	}
	.footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		/* Set the fixed height of the footer here */
		height: 60px;
		background: #FFFFFF;
    	border-top: 1px solid #e9ecf3;
	}
	.blockUI {
		z-index: 99999;
	}

	.tiles .tile{
		width:120px;
		height:120px !important;
		font-size:16px;
	}

	.tiles .tile .tile-object > .name{
		font-size:15px;
		text-align: center;
		width:80%;
	}
	.sweet-alert{
	    width:550px !important;
	}
	html.noscroll {
        position: fixed; 
        width: 100%;
        overflow-x:hidden;
        overflow-y:hidden;
    }

    html.fixWindow {
        position: fixed;
        width: 100%;
    }
    .pccs_alert {
	    display: none;
	    position: fixed;
	    z-index: 99999;
	    padding: 15px;
	    border: 1px solid transparent;
	    border-radius: 4px;
	}

	.pccs_alert-success {
	    color: #3c763d;
	    background-color: #dff0d8;
	    border-color: #d6e9c6;
	}

	.pccs_alert-info {
	    color: #31708f;
	    background-color: #d9edf7;
	    border-color: #bce8f1;
	}

	.pccs_alert-warning {
	    color: #8a6d3b;
	    background-color: #fcf8e3;
	    border-color: #faebcc;
	}

	.pccs_alert-danger {
	    color: #a94442;
	    background-color: #f2dede;
	    border-color: #ebccd1;
	}

	.drag-style {
		border: solid 0px transparent;
		position: absolute;
		cursor: pointer;
	}

	.drag-style-warning {
		border: solid 2px blue;
	}

	@keyframes  blink { 50% { border-color: #ff0000;background-color: #ff0000; }  }
	.border-blink {
		border-width: 1px;
		animation-name: blink ;
	    animation-duration: 0.2s ;
	    animation-timing-function: step-end ;
	    animation-iteration-count: infinite ;
	    animation-direction: alternate ;
	}
</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 id="console_body" class="page-md page-header-fixed page-sidebar-closed-hide-logo" onLoad="window.setTimeout('getRefreshTime()',1)">
<!-- 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_brand', asset('assets/images/logo.png'))); ?>" alt="logo" class="logo" width="148px" height="75px"/>
			</a>
			<div class="menu-toggler sidebar-toggler hide">
				<!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
			</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 PAGE ACTIONS -->
		<!-- DOC: Remove "hide" class to enable the page header actions -->
		<div class="page-actions">
			<!--<div class="alert alert-success">
				<strong>事件提醒</strong>   <span id="count_down"></span> 例行機電檢查</button>
			</div>-->
			<h3 style="margin-top:10px;"><span class="bold"><?php echo e($CommunityPresenter->comName()); ?></span> <span class="font-green"><?php echo e($setting::get('system_name','全方位建築智慧化管理系統')); ?></span></h3>
		</div>
		<!-- END PAGE ACTIONS -->
		<!-- BEGIN PAGE TOP -->
		<div class="page-top">

			<!-- BEGIN HEADER SEARCH BOX -->
			<!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
			<!-- END HEADER SEARCH BOX -->
			<!-- BEGIN TOP NAVIGATION MENU -->
			<div class="top-menu">
				<ul class="nav navbar-nav pull-right">
					<!-- <li>
						<a class="btn blue" style="height:30px;padding:0px auto;margin-top:30%;">一鍵查詢</a>
					</li> -->
					<li class="separator hide">
					</li>
					<!-- BEGIN NOTIFICATION DROPDOWN -->
					<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
					<?php $NoticePresenter = app('NSST\Presenters\NoticePresenter'); ?>
					<?php $setting = app('anlutro\LaravelSettings\SettingStore'); ?>
					<?php if($setting->get('weather_station_control.display') == 'show'): ?>
					<li id="weather_li" class="dropdown dropdown-extended dropdown-tasks dropdown-dark" style="display: none;">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
							<i class="fa fa-thermometer-half"></i>
							<span id="weather_station_control" class="badge badge-info"></span>
						</a>
					</li>
					<?php endif; ?>
					<!-- END TODO DROPDOWN -->
					<!-- BEGIN USER LOGIN DROPDOWN -->
					<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
					<li class="dropdown dropdown-user dropdown-dark">
						<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
							<span class="username username-hide-on-mobile"><?php echo e($sentinel::check()->name); ?></span>
							<!-- DOC: Do not remove below empty space(&nbsp;) as its purposely used -->
                             <?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
                             <img alt="" class="img-circle" src="<?php echo e($setting::get('profile', asset('assets/images/profile.jpg'))); ?>" width="40px" height="40px">
						</a>
						<ul class="dropdown-menu dropdown-menu-default">
							<?php if($sentinel::check()->privilege === 'guard'): ?>
							<?php else: ?>
							<li>
								<a href="<?php echo e(route('manage::index')); ?>">
								<i class="fa fa-laptop"></i> <?php echo app('translator')->get('messages.back_to_cpanel'); ?> </a>
							</li>
							<?php endif; ?>
							<li class="divider"></li>
							<!--
							<li>
								<a href="#">
								<i class="fa fa-database"></i> 操作紀錄查看 </a>
							</li>
							<li class="divider"></li>
							<li>
								<a href="#">
								<i class="fa fa-lock"></i> 鎖定螢幕 </a>
							</li>
							<li class="divider"></li>
							<li>
								<a href="#">
								<i class="fa fa-random"></i> 人員交接班 </a>
							</li>
							<li class="divider"></li>
							-->
							<li> 
								<a href="<?php echo e(action('LoginController@logout')); ?>">
								<i class="fa fa-power-off"></i> <?php echo app('translator')->get('messages.logout'); ?> </a>
							</li>
						</ul>
					</li>
					<!-- END USER LOGIN DROPDOWN -->
				</ul>
			</div>
			<!-- END TOP NAVIGATION MENU -->
		</div>
		<!-- END PAGE TOP -->
	</div>
	<!-- END HEADER INNER -->
</div>
<!-- END HEADER -->
<div class="clearfix">
</div>
<!-- BEGIN CONTAINER -->
<?php $setting = app('anlutro\LaravelSettings\SettingStore'); ?>
<div class="page-container">
	<!-- BEGIN CONTENT -->
	<div class="page-content-wrapper">
		<div style="margin:0px;padding: 10px 0 0 20px;">
			<div class="row">
				<div class="col-md-6">
					<?php foreach($notice as $one): ?>
					<div class="btn-group" >
						<button type="button" class="btn <?php echo e($one['color']); ?> btn-notice" notice-id="<?php echo e($one['id']); ?>" notice-name="<?php echo e($one['name']); ?>" style="font-size:16px;">
						<i class="fa <?php echo e($one['icon']); ?>"></i>
						<span class="badge notice-num" notice-num-id="<?php echo e($one['id']); ?>"></span> <br><?php echo e($one['name']); ?>

						</button>
					</div>
					<?php endforeach; ?>
					<div class="portlet light" style="margin-top:20px;">
						<div class="portlet-body">
							<div class="row">
                                <div class="col-md-12" style="text-align: right;margin-bottom: 20px;"><a href="<?php echo e(action('ConsoleController@sensorList')); ?>" type="button" class="btn btn-primary pull-right">全面監控</a></div>
								<div class="col-md-12">
                                    <div class="row">
                                        <?php foreach($sensors as $sensor): ?>
                                            <div class="col-md-2">
                                                <div class="easy-pie-chart sensor-chart" sensor-tag="<?php echo e($sensor->tag); ?>" sensor-type="<?php echo e($sensor->monitor_type); ?>" sensor-upper="<?php echo e($sensor->upper_limit); ?>" sensor-lower="<?php echo e($sensor->lower_limit); ?>" sensor-value="<?php echo e(isset($lastRecordOfSensor[$sensor->tag]) ? $lastRecordOfSensor[$sensor->tag]->value : ''); ?>" sensor-unit="<?php echo e($sensor->unit); ?>" sensor-name="<?php echo e($sensor->sensor_name); ?>">
                                                    <div class="number sensor-data-percent" data-percent="0">
                                                        <span class="sensor-text"><?php echo e(isset($lastRecordOfSensor[$sensor->tag]) ? $lastRecordOfSensor[$sensor->tag]->value : '無紀錄'); ?></span>
                                                        <canvas height="187" width="187" style="height: 75px; width: 75px;"></canvas>
                                                    </div>
                                                    <a class="title demo_ba" href="javascript:;">
                                                    <?php echo e($sensor->sensor_name); ?><div><i class="icon-arrow-right"></i></div>
                                                    </a>
                                                </div>
                                            </div>
                                        <?php endforeach; ?>
                                    </div>
								</div>
							</div>
						</div>
					</div>
					<?php if($setting->get('manage.pccs.display') == 'show'): ?>
					<div class="portlet light" style="margin-top:20px;">
						<div class="portlet-body">
							<div class="row">
                                <div class="col-md-12" style="text-align: right;margin-bottom: 20px;">
                                	<a id="btn_pccs_show" class="btn btn-primary pull-right">圖形控制系統</a>
                                </div>
							</div>
						</div>
					</div>
					<?php endif; ?>
				</div>
				<div class="col-md-6">
					<div class="tiles">
						<?php if($setting->get('manage.mail.display') == 'show'): ?>
						<div class="tile bg-blue-madison btn-function" function="mail">
							<div class="tile-body">
								<i class="fa fa-envelope"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.registered_mail_operation'); ?>
								</div>
							</div>
						</div>		
						<?php endif; ?>				
						<?php if($setting->get('manage.guest.display') == 'show'): ?>
						<div class="tile bg-green-haze btn-function" function="guest">
							<div class="tile-body">
								<i class="fa fa-user"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									  <?php echo app('translator')->get('messages.visitor_operation'); ?>
								</div>
								<div class="number">
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('manage.keeper.display') == 'show'): ?>
						<div class="tile bg-purple-plum btn-function" function="keeper">
							<div class="tile-body">
								<i class="fa fa-inbox"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.send_operation'); ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('manage.inst.display') == 'show'): ?>
						<?php if($setting->get('npm_version') ==  '0'): ?>
						<div class="tile bg-red-sunglo btn-function" function="inst">
							<div class="tile-body">
								<i class="fa fa-calendar-check-o"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.reserve_facility'); ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php endif; ?>
						<?php if($setting->get('function.point.display') == 'show'): ?>
						<div class="tile bg-blue-madison btn-function" function="point">
							<div class="tile-body">
								<i class="icon-book-open"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 點數管理
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('function.news.display') == 'show'): ?>
						<div class="tile bg-yellow-saffron btn-function" function="news">
							<div class="tile-body">
								<i class="fa fa-newspaper-o"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.community_news'); ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('function.record.display') == 'show'): ?>
						<div class="tile bg-red-sunglo btn-function" function="record">
							<div class="tile-body">
								<i class="fa fa-pencil"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.household_meter_read'); ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('function.store.display') == 'show'): ?>
                        <div class="tile bg-yellow-saffron btn-function" function="store">
                            <div class="tile-body">
                                <i class="fa fa-home"></i>
                            </div>
                            <div class="tile-object">
                                <div class="name">
                                     熱門店家
                                </div>
                            </div>
                        </div>
                        <?php endif; ?>
                        <?php if($setting->get('function.firm.display') == 'show'): ?>
						<div class="tile bg-purple-plum btn-function" function="firm">
							<div class="tile-body">
								<i class="fa fa-briefcase"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.cooperator'); ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('function.activity.display') == 'show'): ?>
						<div class="tile bg-green-haze btn-function" function="activity">
							<div class="tile-body">
								<i class="fa fa-users"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 活動代報
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('function.lost_thing.display') == 'show'): ?>
						<div class="tile bg-grey-cascade btn-function" function="lost_thing">
							<div class="tile-body">
								<i class="fa fa-check-square-o"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.lost_and_found'); ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('manage.inouts.display') == 'show'): ?>
						<div class="tile bg-green-haze btn-function" function="inouts">
							<div class="tile-body">
								<i class="fa fa-user"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									  進出作業
								</div>
								<div class="number">
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('manage.meal.display') == 'show'): ?>
						<div class="tile bg-yellow-saffron btn-function" function="meal">
							<div class="tile-body">
								<i class="fa fa-cutlery"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.order_service'); ?>
								</div>
							</div>
						</div>
						<?php endif; ?>
						<?php if($setting->get('manage.library.display') == 'show'): ?>
						<div class="tile bg-blue-soft btn-function" function="library">
							<div class="tile-body">
								<i class="fa fa-book"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 書籍借出作業
								</div>
							</div>
						</div>
						<?php endif; ?>
						<!--
						<?php if($setting->get('manage.finance.display') == 'show'): ?>
						<div class="tile bg-yellow-saffron  btn-function" function="finance">
						<?php else: ?>
						<div class="tile bg-grey-cascade">
						<?php endif; ?>
							<div class="tile-body">
								<i class="fa fa-money"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.fin_operation'); ?>
								</div>
							</div>
						</div>
						-->
						<?php if($setting->get('function.coming_soon.display') == 'show'): ?>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-pencil-square-o"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.apply_for_maintenance'); ?>
								</div>
							</div>
						</div>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-lightbulb-o"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.m_e_check'); ?>
								</div>
							</div>
						</div>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-th-list"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.questionaire'); ?>
								</div>
							</div>
						</div>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-folder-open"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									<?php echo app('translator')->get('messages.merchants'); ?>
								</div>
							</div>
						</div>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-calendar"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 <?php echo app('translator')->get('messages.community_calendar'); ?>
								</div>
							</div>
						</div>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-bullhorn"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									<?php echo app('translator')->get('messages.activity_manage'); ?>
								</div>
							</div>
						</div>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-cab"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									<?php echo app('translator')->get('messages.help_call_cab'); ?>
								</div>
							</div>
						</div>
						<div class="tile bg-grey-cascade">
							<div class="tile-body">
								<i class="fa fa-cog"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									<?php echo app('translator')->get('messages.malfutn_call_out'); ?>
								</div>
							</div>
						</div>
						
						<?php endif; ?>
						<div class="tile bg-green-haze btn-function" function="matter">
							<div class="tile-body">
								<i class="fa fa-magic"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									交辦事項
								</div>
							</div>
						</div>
						<?php if($setting->get('manage.electric_mail.display') == 'show'): ?>
						<div class="tile bg-blue-soft btn-function" function="electric_mail">
							<div class="tile-body">
								<i class="fa fa-envelope"></i>
							</div>
							<div class="tile-object">
								<div class="name">
									 電子信箱作業
								</div>
							</div>
						</div>
						<?php endif; ?>

					</div>
				</div>
			</div>
			<!-- BEGIN PAGE CONTENT INNER -->

			<!-- END PAGE CONTENT INNER -->
		</div>
		<?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
		<marquee style="height:100px;" onMouseOver="this.stop()" onMouseOut="this.start()"><?php echo e($setting::get('marquee_information','')); ?></marquee>
	</div>
	<!-- END CONTENT -->
</div>
<!-- END CONTAINER -->

<!-- BEGIN MODAL -->
<div id="ba_modal" class="modal fade in bs-modal-lg" id="large" tabindex="-1">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header bg-blue-soft" style="color: #fff;">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">BA即時監測 - <span id="sensor_name"></span></span></h4>
			</div>
			<div class="modal-body">
                <div id="sensor_history_chart"></div>
				<div class="row">
					<div class="col-md-6">
						<div class="panel panel-default">
							<!-- Default panel contents -->
							<div class="panel-heading">
								<h3 class="panel-title">設備監測狀態</h3>
							</div>
							<!-- List group -->
                            <div id="sensor_equip_status"></div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="portlet light">
							<div class="portlet-title tabbable-line">
								<div class="caption caption-md">
									<i class="icon-globe theme-font-color hide"></i>
									<span class="caption-subject theme-font-color bold uppercase">事件通知</span>
								</div>
							</div>
							<div class="portlet-body">
								<!--BEGIN TABS-->
								<div class="tab-content">
									<div class="tab-pane active" id="sensor_event_notify"></div>
								</div>
								<!--END TABS-->
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal">關閉</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!-- END MODAL -->

<!-- BEGIN MODAL -->
<div id="ba_alert" class="modal fade in bs-modal-lg" id="large" tabindex="-1">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header bg-blue-soft" style="color: #fff;">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">BA即時監測 - <span id="location"></span></span></h4>
			</div>
			<div class="modal-body">
                <div id="sensor_history_chart"></div>
				<div class="row">
					<div class="col-md-6">
						<div class="panel panel-default">
							<!-- Default panel contents -->
							<div class="panel-heading">
								<h3 class="panel-title"><?php echo app('translator')->get('messages.eqp_monitor_status'); ?></h3>
							</div>
							<!-- List group -->
							<ul class="list-group">
								<li class="list-group-item">
									 <?php echo app('translator')->get('messages.water_pump'); ?><span class="badge badge-success"><?php echo app('translator')->get('messages.work_fine'); ?></span>
								</li>
								<li class="list-group-item">
									 <?php echo app('translator')->get('messages.waterower_desc1'); ?><span class="badge badge-success"><?php echo app('translator')->get('messages.normal'); ?></span>
								</li>
								<li class="list-group-item">
									 <?php echo app('translator')->get('messages.waterower_desc2'); ?><span class="badge badge-danger"><?php echo app('translator')->get('messages.too_low'); ?></span>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-6">
						<div class="portlet light">
							<div class="portlet-title tabbable-line">
								<div class="caption caption-md">
									<i class="icon-globe theme-font-color hide"></i>
									<span class="caption-subject theme-font-color bold uppercase"><?php echo app('translator')->get('messages.event_notice'); ?></span>
								</div>
								<div class="actions">
									<a href="javascript:;" class="btn default btn-sm">
										<?php echo app('translator')->get('messages.next_page'); ?><i class="fa fa-arrow-right"></i>
									</a>
								</div>
							</div>
							<div class="portlet-body">
								<!--BEGIN TABS-->
								<div class="tab-content">
									<div class="tab-pane active" id="tab_1_1">
										<ul class="feeds">
											<li>
												<a href="javascript:;">
													<div class="col1">
														<div class="cont">
															<div class="cont-col1">
																<div class="label label-sm label-danger">
																	<i class="fa fa-bell-o"></i>
																</div>
															</div>
															<div class="cont-col2">
																<div class="desc">
																	 <?php echo app('translator')->get('messages.water_too_low_alert'); ?>
																</div>
															</div>
														</div>
													</div>
													<div class="col2">
														<div class="date">
															  <?php echo app('translator')->get('messages.31mins_before'); ?>
														</div>
													</div>
												</a>
											</li>
											<li>
												<a href="javascript:;">
													<div class="col1">
														<div class="cont">
															<div class="cont-col1">
																<div class="label label-sm label-success">
																	<i class="fa fa-bolt"></i>
																</div>
															</div>
															<div class="cont-col2">
																<div class="desc">
																	<?php echo app('translator')->get('messages.waterower_desc3'); ?>
																</div>
															</div>
														</div>
													</div>
													<div class="col2">
														<div class="date">
															 <?php echo app('translator')->get('messages.19hours_before'); ?>
														</div>
													</div>
												</a>
											</li>
											<li>
												<a href="javascript:;">
													<div class="col1">
														<div class="cont">
															<div class="cont-col1">
																<div class="label label-sm label-warning">
																	<i class="fa fa-bolt"></i>
																</div>
															</div>
															<div class="cont-col2">
																<div class="desc">
																	<?php echo app('translator')->get('messages.water_pump_stop'); ?>
																</div>
															</div>
														</div>
													</div>
													<div class="col2">
														<div class="date">
															 <?php echo app('translator')->get('messages.2days_ago'); ?>
														</div>
													</div>
												</a>
											</li>
											<li>
												<a href="javascript:;">
													<div class="col1">
														<div class="cont">
															<div class="cont-col1">
																<div class="label label-sm label-success">
																	<i class="fa fa-bell-o"></i>
																</div>
															</div>
															<div class="cont-col2">
																<div class="desc">
																	<?php echo app('translator')->get('messages.waterower_desc4'); ?>
																</div>
															</div>
														</div>
													</div>
													<div class="col2">
														<div class="date">
															 <?php echo app('translator')->get('messages.2days_ago'); ?>
														</div>
													</div>
												</a>
											</li>
											<li>
												<a href="javascript:;">
													<div class="col1">
														<div class="cont">
															<div class="cont-col1">
																<div class="label label-sm label-danger">
																	<i class="fa fa-bell-o"></i>
																</div>
															</div>
															<div class="cont-col2">
																<div class="desc">
																	<?php echo app('translator')->get('messages.waterower_desc5'); ?>
																</div>
															</div>
														</div>
													</div>
													<div class="col2">
														<div class="date">
															 <?php echo app('translator')->get('messages.14days_ago'); ?>
														</div>
													</div>
												</a>
											</li>
										</ul>
									</div>
								</div>
								<!--END TABS-->
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!-- END MODAL -->
<div id="notice_modal" class="modal bs-modal-lg" id="large" tabindex="-1" role="dialog" aria-hidden="true" >
	<div class="modal-dialog modal-lg" style="width: 70%">
		<div class="modal-content" >
			<div class="modal-header bg-blue-soft">
				<button type="button" data-dismiss="modal" style="float: right;background-repeat: no-repeat !important;    background: 0px 0px;color:white;border:0px;"><i class="fa fa-times fa-2x"></i></button>
				<h4 class="modal-title font-white" id="notice_title"></h4>
			</div>
			<div class="modal-body" id="notice_content">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
				<!--
				<button type="button" class="btn blue">Save changes</button> 
				-->
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>

<div id="modal_notice_inst_timing" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_notice_inst_timing_content">
	</div>
</div>

<div class="modal fade draggable-modal" id="patrol_modal" tabindex="-1" role="basic" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
             <h4 class="modal-title">巡邏處理</h4>
         </div>
         <form id="patrol_form" action="" class="form-horizontal">
            <input type="hidden" name="id" value="" />
            <div class="modal-body">
               <div class="form-body">
                  <div class="form-group">
                     <label class="col-md-3 control-label">應巡檢時間</label>
                     <label name="right_time" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實巡檢時間</label>
                     <label name="patrol_time" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">路線</label>
                     <label name="route_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">應巡邏人</label>
                     <label name="right_user" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實巡邏人</label>
                     <label name="duty_user" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">事件</label>
                     <label name="event_name" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">應巡邏地點</label>
                     <label name="right_location" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實巡邏地點</label>
                     <label name="duty_location" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">處理狀況</label>
                     <div class="col-md-9">
                        <select name="status" class="form-control select2">
                           <option value="0">未處理</option>
                           <option value="1">處理完成</option>
                           <option value="2">暫時無法處理</option>
                        </select>   
                     </div>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">備註</label>
                     <div class="col-md-9">
                        <textarea name="remark" class="form-control"></textarea>   
                      </div>
                  </div>
                  <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
               </div>
            </div>
            <div class="modal-footer">
               <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
               <button type="submit" class="btn green btn_query_submit" value="add">修改</button>
            </div>
         </form>
      </div>
                <!-- /.modal-content -->
   </div>
            <!-- /.modal-dialog -->
</div>
        
                <div class="modal fade draggable-modal" id="patrol_off_modal" tabindex="-1" role="basic" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">巡邏未到處理</h4>
                    </div>
                    <form id="patrol_off_form" action="" class="form-horizontal">
                        <input type="hidden" name="id" value="" />
                        <div class="modal-body">
                            <div class="form-body">
                                <div class="form-group">
                                    <label class="col-md-3 control-label">巡邏時間</label>
                                    <label name="off_time" class="col-md-9 control-label" style="text-align: left;"></label>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">員工卡號</label>
                                    <label name="card_no" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">員工姓名</label>
                                    <label name="user_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">路線名稱</label>
                                    <label name="route_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">巡邏地點</label>
                                    <label name="location" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">處理狀況</label>
                                    <div class="col-md-9">
                                        <select name="status" class="form-control select2">
                                            <option value="0">未處理</option>
                                            <option value="1">處理完成</option>
                                            <option value="2">暫時無法處理</option>
                                        </select>   
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">備註</label>
                                    <div class="col-md-9">
                                        <textarea name="remark" class="form-control"></textarea>   
                                    </div>
                                </div>
                                <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
                            <button type="submit" class="btn green btn_query_submit" value="add">修改</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>   
<div class="modal fade draggable-modal" id="device_modal" tabindex="-1" role="basic" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
             <h4 class="modal-title">設備處理</h4>
         </div>
         <form id="device_form" action="" class="form-horizontal">
            <input type="hidden" name="id" value="" />
            <div class="modal-body">
               <div class="form-body">
                  <div class="form-group">
                     <label class="col-md-3 control-label">應巡檢時間</label>
                     <label name="right_time" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實巡檢時間</label>
                     <label name="device_time" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">路線</label>
                     <label name="route_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">應設備人</label>
                     <label name="right_user" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實設備人</label>
                     <label name="duty_user" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">事件</label>
                     <label name="event_name" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">應設備地點</label>
                     <label name="right_location" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實設備地點</label>
                     <label name="duty_location" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">處理狀況</label>
                     <div class="col-md-9">
                        <select name="status" class="form-control select2">
                           <option value="0">未處理</option>
                           <option value="1">處理完成</option>
                           <option value="2">暫時無法處理</option>
                        </select>   
                     </div>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">備註</label>
                     <div class="col-md-9">
                        <textarea name="remark" class="form-control"></textarea>   
                      </div>
                  </div>
                  <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
               </div>
            </div>
            <div class="modal-footer">
               <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
               <button type="submit" class="btn green btn_query_submit" value="add">修改</button>
            </div>
         </form>
      </div>
                <!-- /.modal-content -->
   </div>
            <!-- /.modal-dialog -->
</div>
        
                <div class="modal fade draggable-modal" id="device_off_modal" tabindex="-1" role="basic" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">設備未到處理</h4>
                    </div>
                    <form id="device_off_form" action="" class="form-horizontal">
                        <input type="hidden" name="id" value="" />
                        <div class="modal-body">
                            <div class="form-body">
                                <div class="form-group">
                                    <label class="col-md-3 control-label">設備時間</label>
                                    <label name="off_time" class="col-md-9 control-label" style="text-align: left;"></label>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">員工卡號</label>
                                    <label name="card_no" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">員工姓名</label>
                                    <label name="user_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">路線名稱</label>
                                    <label name="route_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">設備地點</label>
                                    <label name="location" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">處理狀況</label>
                                    <div class="col-md-9">
                                        <select name="status" class="form-control select2">
                                            <option value="0">未處理</option>
                                            <option value="1">處理完成</option>
                                            <option value="2">暫時無法處理</option>
                                        </select>   
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">備註</label>
                                    <div class="col-md-9">
                                        <textarea name="remark" class="form-control"></textarea>   
                                    </div>
                                </div>
                                <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
                            <button type="submit" class="btn green btn_query_submit" value="add">修改</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>     
<div class="modal fade draggable-modal" id="purifying_modal" tabindex="-1" role="basic" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
             <h4 class="modal-title">清潔處理</h4>
         </div>
         <form id="purifying_form" action="" class="form-horizontal">
            <input type="hidden" name="id" value="" />
            <div class="modal-body">
               <div class="form-body">
                  <div class="form-group">
                     <label class="col-md-3 control-label">應巡檢時間</label>
                     <label name="right_time" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實巡檢時間</label>
                     <label name="purifying_time" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">路線</label>
                     <label name="route_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">應清潔人</label>
                     <label name="right_user" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實清潔人</label>
                     <label name="duty_user" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">事件</label>
                     <label name="event_name" class="col-md-9 control-label" style="text-align: left;"></label>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">應清潔地點</label>
                     <label name="right_location" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">實清潔地點</label>
                     <label name="duty_location" class="col-md-9 control-label" style="text-align: left;"></label>    
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">處理狀況</label>
                     <div class="col-md-9">
                        <select name="status" class="form-control select2">
                           <option value="0">未處理</option>
                           <option value="1">處理完成</option>
                           <option value="2">暫時無法處理</option>
                        </select>   
                     </div>
                  </div>
                  <div class="form-group">
                     <label class="col-md-3 control-label">備註</label>
                     <div class="col-md-9">
                        <textarea name="remark" class="form-control"></textarea>   
                      </div>
                  </div>
                  <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
               </div>
            </div>
            <div class="modal-footer">
               <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
               <button type="submit" class="btn green btn_query_submit" value="add">修改</button>
            </div>
         </form>
      </div>
                <!-- /.modal-content -->
   </div>
            <!-- /.modal-dialog -->
</div>
        
                <div class="modal fade draggable-modal" id="purifying_off_modal" tabindex="-1" role="basic" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">清潔未到處理</h4>
                    </div>
                    <form id="purifying_off_form" action="" class="form-horizontal">
                        <input type="hidden" name="id" value="" />
                        <div class="modal-body">
                            <div class="form-body">
                                <div class="form-group">
                                    <label class="col-md-3 control-label">清潔時間</label>
                                    <label name="off_time" class="col-md-9 control-label" style="text-align: left;"></label>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">員工卡號</label>
                                    <label name="card_no" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">員工姓名</label>
                                    <label name="user_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">路線名稱</label>
                                    <label name="route_name" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">清潔地點</label>
                                    <label name="location" class="col-md-9 control-label" style="text-align: left;"></label>    
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">處理狀況</label>
                                    <div class="col-md-9">
                                        <select name="status" class="form-control select2">
                                            <option value="0">未處理</option>
                                            <option value="1">處理完成</option>
                                            <option value="2">暫時無法處理</option>
                                        </select>   
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-3 control-label">備註</label>
                                    <div class="col-md-9">
                                        <textarea name="remark" class="form-control"></textarea>   
                                    </div>
                                </div>
                                <input type="hidden" name="_token" value="<?php echo e(csrf_token()); ?>">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn dark btn-outline" data-dismiss="modal">關閉</button>
                            <button type="submit" class="btn green btn_query_submit" value="add">修改</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>     
<!-- Home_service handle action -->
<div id="modal_home_service_handle" class="modal fade" tabindex="-1" role="basic" aria-hidden="true">
	<div class="modal-dialog">
		<div class="portlet box grey-gallery">
			<div class="portlet-title">
				<div class="caption">
					<i class="fa fa-ticker"></i><?php echo app('translator')->get('messages.home_service_reserve'); ?>
				</div>
				<div class="actions">
					<button type="button" class="btn btn-default btn-sm" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
				</div>
			</div>
			<div class="portlet-body" id="div_view_home_service">
				<div class="scroller" style="height:70%" data-rail-visible="1" data-rail-color="grey" data-handle-color="#a1b2bd">
					<input type="hidden" id="uid">
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right"><?php echo app('translator')->get('messages.service_item'); ?>:</span>
						</div>
						<div class="col-md-8 name view_input" name="service">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right"><?php echo app('translator')->get('messages.reserver_account'); ?>:</span>
						</div>
						<div class="col-md-8 name view_input" name="user_id">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right"><?php echo app('translator')->get('messages.name'); ?>:</span>
						</div>
						<div class="col-md-8 name view_input" name="name">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right"><?php echo app('translator')->get('messages.contact_tel'); ?>:</span>
						</div>
						<div class="col-md-8 name view_input" name="phone">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right"><?php echo app('translator')->get('messages.people_number'); ?>:</span>
						</div>
						<div class="col-md-8 name view_input" name="peoples">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right"><?php echo app('translator')->get('messages.reserved_time'); ?>:</span>
						</div>
						<div class="col-md-8 name view_input" name="time">
							
						</div>
					</div>
					<div class="row static-info">
						<div class="col-md-3 value">
							<span class="pull-right"><?php echo app('translator')->get('messages.other_desc'); ?>:</span>
						</div>
						<div class="col-md-8 name view_input" name="info">
							
						</div>
					</div>
					<div class="row">
						<div class="col-md-4">
							<?php foreach($home_service_handle as $handle): ?>
							<a href="javascript:;" class="btn btn-block green btn_home_service_event" style="margin:5px;"><?php echo e($handle); ?></a>
							<?php endforeach; ?>
						</div>
						<div class="col-md-8" id="home_service_handle_event">
							<h4><?php echo app('translator')->get('messages.operate_process'); ?></h4>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- Home_service handle action -->
<div id="modal_lost_thing_handle" class="modal bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog">
		<div class="row" id="div_view_lost_thing">
			<div class="modal-content">
				<!-- Default panel contents -->
				<div class="modal-header bg-blue-soft">
					<p class="modal-title font-white view_input" name="name"></p>
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				</div>
				
				<div class="modal-body" id="notice_content">
					<table class="table">
						<tbody>
							<tr>
								<td><?php echo app('translator')->get('messages.pick_up_time'); ?></td>
								<td class="view_input" name="time_find">2015-12-11 11:00:52</td>
							</tr>
							<tr>
								<td><?php echo app('translator')->get('messages.goods_category'); ?></td>
								<td  class="view_input" name="class"><?php echo app('translator')->get('messages.individual_ids'); ?></td>
							</tr>
							<tr>
								<td><?php echo app('translator')->get('messages.lost_and_found_place'); ?></td>
								<td class="view_input" name="location"><?php echo app('translator')->get('messages.lobby'); ?></td>
							</tr>
							<tr>
								<td><?php echo app('translator')->get('messages.keeping_dept'); ?></td>
								<td class="view_input" name="keeper"><?php echo app('translator')->get('messages.committee'); ?></td>
							</tr>
							<tr>
								<td><?php echo app('translator')->get('messages.publish_dept'); ?></td>
								<td class="view_input" name="publisher"><?php echo app('translator')->get('messages.committee'); ?></td>
							</tr>
						</tbody>
					</table>
					<input type="hidden" name="id">
					
					<button id="demo_select_event" class="btn green btn-block btn_lost_thing_event" style="margin-left:0;" value="1"><?php echo app('translator')->get('messages.config_as_finish'); ?></button>
					<button class="btn yellow btn-block btn_lost_thing_event" style="margin-left:0;" value="0"><?php echo app('translator')->get('messages.config_as_processing'); ?></button>
					<div class="panel panel-default" style="margin-top:10px;">
						<!-- Default panel contents -->
						<div class="panel-heading">
							<h3 class="panel-title"><?php echo app('translator')->get('messages.processing_records'); ?></h3>
						</div>
						<ul class="list-group view_input" name="handle">
							
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--Function Modal-->
<div class="modal fade" id="function_modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-full">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title" id="function_title"></h4>
			</div>
			<div class="modal-body" id="function_content">
				
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!--Function Modal End-->

<!--Modal Function -News start -->
<div id="modal_function_news" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_news_content">
	</div>
</div>

<div id="modal_function_news_view" class="modal fade bs-modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_news_view_content" style="margin-top:50px;">
	</div>
</div>
<!--Modal Function -News end -->

<!--	Modal Function -Inst start-->
<div id="modal_function_inst" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_content">
	</div>
</div>

<div id="modal_function_inst_other" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_other_content">
	</div>
</div>

<div id="modal_function_inst_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_view_content">
	</div>
</div>

<div id="modal_function_inst_introduction" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_introduction_content">
	</div>
</div>

<div id="modal_function_inst_checktime" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_checktime_content">
	</div>
</div>

<div id="modal_function_inst_checkout" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_checkout_content">
	</div>
</div>

<div id="modal_function_inst_checkout_timing" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_checkout_timing_content">
	</div>
</div>
<!--Modal Function -Inst end -->

<div id="modal_function_inst_set_equipment" class="modal bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" >
			<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" id="modal_function_inst_set_equipment_content">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal">關閉</button>
				<button id="btn_equipment_submit" class="btn red">送出</button>
			</div>
		</div>
	</div>
</div>

<div id="modal_function_inst_equipment_return" class="modal bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" >
			<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" id="modal_function_inst_equipment_return_content">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal">關閉</button>
				<button id="btn_return_equipment_submit" class="btn red">送出</button>
			</div>
		</div>
	</div>
</div>

<div id="modal_function_meal" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" style="margin-top: 8vh;">
		<div class="modal-content">
			<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">
				<label id="meal_check_content" class="control-label"></label>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal">關閉</button>
			</div>
		</div>
	</div>
</div>

<!--Modal Function -Point start -->
<div id="modal_function_point" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_point_content">
	</div>
</div>

<div id="modal_function_point_buymonthcard" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_point_buymonthcard_content">
	</div>
</div>

<div id="modal_function_point_checkcard" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_point_checkcard_content">
	</div>
</div>

<div id="modal_function_point_setting" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_point_setting_content">
	</div>
</div>

<div id="modal_function_point_list" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_point_list_content">
	</div>
</div>

<div id="modal_function_point_list_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_point_list_view_content">
	</div>
</div>

<div id="modal_function_point_view" class="modal fade bs-modal-lg modal_function_point_view" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_point_view_content" style="width: 70%">
	</div>
</div>

<div id="modal_function_point_view_edit" class="modal fade bs-modal-lg modal_function_point_view" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_point_view_edit_content" style="width: 30%">
	</div>
</div>
<!--Modal Function -Point end -->

<!--Modal Function -Store start -->
<div id="modal_function_store" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_store_content">
	</div>
</div>

<div id="modal_function_store_view" class="modal fade bs-modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_store_view_content" style="margin-top:50px;">
	</div>
</div>
<!--Modal Function -Store end -->

<!-- Modal Function -PCCS start -->
<div id="modal_function_pccs" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_pccs_content" style="width: 100%;height: 100%;padding: 0px;margin-top: 0px;margin-bottom: 0px;">
	</div>
</div>

<div id="modal_pccs" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_pccs_content" role="document" style="margin-top: 10%;width: 20%;">
		<div class="modal-content">
			<div class="modal-header bg-blue-soft">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 id="title_pccs" class="modal-title font-white"></h4>
			</div>
			<div class="form-body">
				<div class="portlet-body form">
					<form id="form_pccs" method="POST" class="form-horizontal form-bordered" enctype="multipart/form-data">

					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="modal_pccs_list" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_pccs_list_content" role="document" style="width: 60%;">
		<div class="modal-content">
			<div class="modal-header bg-blue-soft">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white">歷史影像資訊</h4>
			</div>
			<div>
				<a id="back_iframe" class="btn btn-info">返回主選單</a>
			</div>
			<div class="modal-body" id="pccs_url_list_body">

			</div>
		</div>
	</div>
</div>

<div id="modal_pccs_iframe" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_pccs_content" role="document" style="width: 60%;">
		<div class="modal-content">
			<div class="modal-header bg-blue-soft">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white">影像資訊</h4>
			</div>
			<div>
				<a id="back_iframe" class="btn btn-info">返回主選單</a>
			</div>
			<input type="hidden" id="pccs_iframe_url">
			<iframe id="pccs_iframe" src="" style="width: 100%;height: 60vh;">
				
			</iframe>
		</div>
	</div>
</div>


<!-- Modal Function -PCCS end -->

<!-- Modal CCTV start -->
<div class="modal fade draggable-modal" id="modal_cctv_play" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-blue-madison">
                <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-body">
					<div class="form-group">
                        <video id='cam1' controls width="100%" height="100%"></video>
                    </div>
                </div>
        	</div>
            <div class="modal-footer">
                <button type="button" class="btn gray" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
            </div>
        </div>
    </div>
</div>
<!-- Modal CCTV start -->


<!-- Modal Function -Library start -->
<div id="modal_function_library" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_library_content">
	</div>
</div>
<!-- Modal Function -Library end -->

<!--Modal Function -Firm start -->
<div id="modal_function_firm" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_firm_content">
	</div>
</div>

<div id="modal_function_firm_view" class="modal fade bs-modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_firm_view_content" style="margin-top:50px;">
	</div>
</div>
<!--Modal Function -Firm end -->


<!--Modal Function -getMailWithCard start -->
<div id="modal_function_getMailWithCard_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_getMailWithCard_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請感應卡片</h4>
			</div>
			<div class="modal-body">
				<from id="getMail_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="mail_cardNumber" id="mail_cardNumber">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>
<!--Modal Function -getMailWithCard end -->

<!--Modal Function -getElectricMailWithCard start -->
<div id="modal_function_getElectricMailWithCard_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_getElectricMailWithCard_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請感應卡片</h4>
			</div>
			<div class="modal-body">
				<from id="getElectricMail_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="electric_mail_cardNumber" id="electric_mail_cardNumber">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>
<!--Modal Function -getElectricMailWithCard end -->

<!--Modal Function -getLibraryWithCard start -->
<div id="modal_function_getLibraryWithCard_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_getLibraryWithCard_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-blue-madison">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 id="library_title_text" class="modal-title font-white"><i class="fa fa-pencil"></i></h4>
			</div>
			<div class="modal-body">
				<from id="from_library" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="library_text" id="library_text">
					<input type="hidden" name="library_type" id="library_type">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img id="library_img" alt="" class="img" src="" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>
<!--Modal Function -getLibraryWithCard end -->

<div id="modal_function_instorder_card_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_instorder_card_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請感應卡片</h4>
			</div>
			<div class="modal-body">
				<from id="getMail_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="instorder_card_no" id="instorder_card_no">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>

<div id="modal_function_instorder_phone_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_instorder_phone_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請出示手機</h4>
			</div>
			<div class="modal-body">
				<from id="getMail_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="instorder_phone_no" id="instorder_phone_no">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithPhone.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>

<div id="modal_function_btn_point_card_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_btn_point_card_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請感應卡片</h4>
			</div>
			<div class="modal-body">
				<from id="getMail_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="point_card_no" id="point_card_no">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>

<div id="modal_function_btn_point_phone_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_btn_point_phone_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請出示手機</h4>
			</div>
			<div class="modal-body">
				<from id="getMail_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="point_phone_no" id="point_phone_no">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithPhone.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>

<!--Modal Function -getMailWithPhone start -->
<div id="modal_function_getMailWithPhone_view" class="modal fade bs-modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_getMailWithPhone_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請出示手機</h4>
			</div>
			<div class="modal-body">
				<from id="getMail_Phone" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="mail_barCode" id="mail_barCode">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithPhone.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">
			 
			</div>
		</div>
	</div>
</div>
<!--Modal Function -getMailWithPhone end -->

<!--Modal Function -getMailWithUser start -->
<div id="modal_function_getMailWithUser_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
 <div class="modal-dialog modal-lg" id="modal_function_getMailWithUser_view_content">

 	
 </div>
</div>
<!--Modal Function -getMailWithUser end -->

<div id="modal_function_Inst_Card_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_Inst_Card_view_content">
		<div class="modal-content">
			<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"><i class="fa fa-pencil"></i>請感應卡片</h4>
			</div>
			<div class="modal-body">
				<from action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="card_no" id="card_no">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>

<div id="modal_function_Inst_Phone_view" class="modal fade bs-modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_Inst_Phone_view_content">
		<div class="modal-content">
			<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"><i class="fa fa-pencil"></i>請出示手機</h4>
			</div>
			<div class="modal-body">
				<from action="" method="post" style="position:fixed;bottom:3000px;">
					 <input type="password" name="card_no_barcode" id="card_no_barcode">
				</from>
				<div class="form-body" align="center">
				 	<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithPhone.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>

<!--Modal Function -getKeeperWithCard start -->
<div id="modal_function_getKeeperWithCard_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_getKeeperWithCard_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請感應卡片</h4>
			</div>
			<div class="modal-body">
				<from id="getKeeper_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="keeper_cardNumber" id="keeper_cardNumber">
				</from>
				<div class="form-body" align="center">
				<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>
<!--Modal Function -getKeeperWithCard end -->

<!--Modal Function -getKeeperWithPhone start -->
<div id="modal_function_getKeeperWithPhone_view" class="modal fade bs-modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_function_getKeeperWithPhone_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請出示手機</h4>
			</div>
			<div class="modal-body">
				<from id="getKeeper_Phone" action="" method="post" style="position:fixed;bottom:3000px;">
					 <input type="password" name="keeper_barCode" id="keeper_barCode">
				</from>
				<div class="form-body" align="center">
				 	<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithPhone.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>
<!--Modal Function -getKeeperWithPhone end -->

<div class="modal fade draggable-modal" id="modal_function_news_add" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 55%;">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #60aee4;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title" style="color:#fff;">消息發布</h4>
            </div>
            <div class="modal-body">
				<div class="portlet-body form">
					<form action="<?php echo e(action('Manage\Platform\NewsController@store')); ?>" method="POST" id="form_add_news" class="form-horizontal form-bordered"  enctype="multipart/form-data">
						
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.title'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<input name="title" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.news_title'); ?>" value="<?php echo e(old('title')); ?>">
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.category'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<select name="column" class="bs-select form-control">
									<?php foreach($columns as $column): ?>
									<?php if($column->name == "最新消息" || $column->name == "管委會訊息" || $column->name == "常見FAQ"): ?>
									<option value="<?php echo e($column->name); ?>" uid="<?php echo e($column->id); ?>"><?php echo e($column->name); ?> (只在網頁顯示)</option>
									<?php else: ?>
									<option value="<?php echo e($column->name); ?>" uid="<?php echo e($column->id); ?>"><?php echo e($column->name); ?></option>
									<?php endif; ?>
									<?php endforeach; ?>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.publish_dept'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<input name="author" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_publish_dept'); ?>" value="<?php echo e(old('author')); ?>">
							</div>
						</div>
						<div class="form-group cover">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.cover_img'); ?></label>
							<div class="col-md-6">
								<div class="fileinput fileinput-new cover_img" data-provides="fileinput">
									<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 150px;">
										<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt=""/>
									</div>
									<div>
										<span class="btn default btn-file">
										<span class="fileinput-new">
										<?php echo app('translator')->get('messages.select_img'); ?> </span>
										<span class="fileinput-exists">
										<?php echo app('translator')->get('messages.change'); ?> </span>
										<input type="file" name="cover_img" id="cover_img">
										<input type="hidden" name="compressed_cover" id="compressed_cover" value="">
										</span>
										<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput" id="cover_reset"><?php echo app('translator')->get('messages.remove'); ?> </a>
										<label style="margin-left:15px;font-size:14px;color:red;border: 0px solid;">僅接受jpg、jpeg、gif格式</label>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group file">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.news_annex'); ?></label>
							<div class="col-md-6">
								<div class="fileinput fileinput-new" data-provides="fileinput">
									<div class="input-group input-xlarge">
										<div class="form-control uneditable-input input-fixed input-medium" data-trigger="fileinput">
											<i class="fa fa-file fileinput-exists"></i> &nbsp;<span class="fileinput-filename">
											</span>
										</div>
										<span class="btn default btn-file">
										<span class="fileinput-new">
										<?php echo app('translator')->get('messages.select_file'); ?></span>
										<span class="fileinput-exists">
										<?php echo app('translator')->get('messages.change'); ?> </span>
										<input type="file" name="file">
										</span>
										<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput" id="file_reset"><?php echo app('translator')->get('messages.remove'); ?> </a>
										<input type="text" readonly value="僅接受pdf格式" style="margin-left:10px;font-size:14px;color:red;border: 0px solid;width:500px;">
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.related_link'); ?></label>
							<div class="col-md-6">
								<input name="link" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.put_related_link_here'); ?>"  value="<?php echo e(old('link')); ?>">
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-12">
								<textarea name="content" id="content" rows="50" cols="80">
								 <?php echo old('content'); ?>

					            </textarea>
							</div>
						</div>
						<div class="form-actions">
							<div class="row">
								<div class="col-md-12">
									<button type="submit" class="btn purple pull-right"><i class="fa fa-check"></i> <?php echo app('translator')->get('messages.submit'); ?></button>
								</div>
							</div>
						</div>
						<input type="hidden"  name="_token" value="<?php echo e(csrf_token()); ?>">
						<input type="hidden" name="source" value="console">
					</form>
				</div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<!-- modal for matter -->
<div class="modal fade draggable-modal" id="modal_function_matter_add" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 55%;">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #60aee4;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title" style="color:#fff;">新增事項</h4>
            </div>
            <div class="modal-body">
				<div class="portlet-body form">
					<form action="<?php echo e(action('Manage\Interactive\MattersAssignedController@store2')); ?>" method="POST" id="form_add_matter" class="form-horizontal form-bordered"  enctype="multipart/form-data">
						
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.matters_item'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<select name="matters_item" class="bs-select form-control">
									<?php foreach($matters_item as $item): ?>
									<option value="<?php echo e($item); ?>"><?php echo e($item); ?></option>
									<?php endforeach; ?>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.matters_important'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<select name="matters_important" class="bs-select form-control">
									<?php foreach($matters_important as $important): ?>
									<option value="<?php echo e($important); ?>"><?php echo e($important); ?></option>
									<?php endforeach; ?>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.matters_subject'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<select name="matters_subject" class="bs-select form-control">
									<?php foreach($matters_subject as $subject): ?>
									<option value="<?php echo e($subject); ?>"><?php echo e($subject); ?></option>
									<?php endforeach; ?>
								</select>							
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.matters_situation'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<select name="matters_situation" class="bs-select form-control">
									<?php foreach($matters_situation as $situation): ?>
									<option value="<?php echo e($situation); ?>"><?php echo e($situation); ?></option>
									<?php endforeach; ?>
								</select>							
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.comment_reply_user'); ?><span class="required" aria-required="true"> * </span></label>
							<div class="col-md-6">
								<select name="user_id" class="bs-select form-control">
									<?php foreach($users as $one): ?>
									<option value="<?php echo e($one->id); ?>"><?php echo e($one->name); ?></option>
									<?php endforeach; ?>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.comment_title'); ?></label>
							<div class="col-md-6">
								<input name="title" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_comment_title'); ?>" value="<?php echo e(old('comment_obj')); ?>">
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.comment_obj'); ?></label>
							<div class="col-md-6">
								<input name="target" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_comment_obj'); ?>" value="<?php echo e(old('comment_obj')); ?>">
							</div>
						</div>
						
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.comment_content'); ?></label>
							<div class="col-md-6">
								<textarea class="form-control" name="info" rows="5"></textarea>
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.expect_solution'); ?></label>
							<div class="col-md-6">
								<textarea class="form-control" name="wish" rows="5"></textarea>
							</div>
						</div>
						<div class="form-actions">
							<div class="row">
								<div class="col-md-12">
									<button type="submit" class="btn purple pull-right"><i class="fa fa-check"></i> <?php echo app('translator')->get('messages.submit'); ?></button>
								</div>
							</div>
						</div>
<!-- TODO   -->						<input type="hidden"  name="_token" value="<?php echo e(csrf_token()); ?>">
						<input type="hidden" name="source" value="console">
					</form>
				</div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!--Modal Function -mails_sendDate start -->
<div id="modal_function_mails_sendDate" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog " id="modal_function_mails_sendDate_content">
	</div>
</div>
<!--Modal Function -Firm end -->

<!--modal_function_mail_number_of_days Start-->
<div id="modal_function_mail_number_of_days" class="modal bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_inst_checktime_content">
		<div class="modal-content">
		   <div class="modal-header bg-purple-soft">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		    <h4 class="modal-title font-white"><i class="fa fa-calendar-check-o"></i>&nbsp;選擇天數範圍</h4>
		   </div>

		   <div class="modal-body">
		       <table class="table table-striped table-bordered table-hover" border=0>
			        <thead>
				        <tr> 
				       		<td>
				       			<a data-day="10" class="btn green btn_filter_mail_with_day">10天 <i class="fa fa-lg"></i></a>
				       		</td>   
				      		<td>
				        		<a data-day="20" class="btn green btn_filter_mail_with_day">20天 <i class="fa fa-lg"></i></a>
				      		</td>   
				      		<td>
				       			<a data-day="30" class="btn green btn_filter_mail_with_day">1個月 <i class="fa fa-lg"></i></a>
				       		</td>   
				       		<td>
				        		<a data-day="45" class="btn green btn_filter_mail_with_day">1個半月 <i class="fa fa-lg"></i></a>
				      		</td>   
				       		<td>
				        		<a data-day="60" class="btn green btn_filter_mail_with_day">2個月 <i class="fa fa-lg"></i></a>
				       		</td>  
				        </tr>
				    </thead>
			    </table>
		 	</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
			</div>
		</div>
	</div>
</div>
<!--modal_function_mail_number_of_days End-->

<div id="modal_show_mail" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog" id="modal_show_mail_content">
		<div class="modal-content">
			<div class="modal-header bg-blue-madison">
		    	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="icon-envelope-open"></i>&nbsp;請輸入回報資料</h4>
			</div>
			<div class="modal-body form">
				<div class="form-body">
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-12">
							<div class="form-group">
								<label class="col-md-3 control-label text-right">信件標題</label>
								<div class="col-md-9">
									<input id="mail_title" type="text" class="form-control" >
								</div>
							</div>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-12">
							<div class="form-group">
								<label class="col-md-3 control-label text-right">反應人</label>
								<div class="col-md-9">
									<input id="mail_user" type="text" class="form-control" value="<?php echo e($sentinel::check()->name); ?>" readonly>
									<input id="mail_user_id" type="hidden" class="form-control" value="<?php echo e($sentinel::check()->id); ?>">
								</div>
							</div>
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-12">
							<div class="form-group">
								<label class="col-md-3 control-label text-right">聯絡信箱</label>
								<div class="col-md-9">
									<input id="mail_return" type="text" class="form-control">
								</div>
							</div>			
						</div>
					</div>
					<div class="row" style="margin-bottom: 10px;">
						<div class="col-md-12">
							<div class="form-group">
								<label class="col-md-3 control-label text-right">聯絡電話</label>
								<div class="col-md-9">
									<input id="mail_phone" type="text" class="form-control">
								</div>
							</div>			
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
							<div class="form-group">
								<label class="col-md-3 control-label text-right">反應內容</label>
								<div class="col-md-9">
									<textarea id="mail_info" class="form-control" rows="3"></textarea>
								</div>
							</div>			
						</div>
					</div>
				</div>
		 	</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
				<a class="btn red" id="btn_mail_message">送出</a>
			</div>
		</div>
	</div>
</div>

<!--modal_function_keeper_number_of_days Start-->
<div id="modal_function_keeper_number_of_days" class="modal bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
		   <div class="modal-header bg-purple-soft">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		    <h4 class="modal-title font-white"><i class="fa fa-calendar-check-o"></i>&nbsp;選擇天數範圍</h4>
		   </div>

		   <div class="modal-body">
		       <table class="table table-striped table-bordered table-hover" border=0>
			        <thead>
				        <tr> 
				       		<td>
				       			<a data-day="10" class="btn green btn_filter_keeper_with_day">10天 <i class="fa fa-lg"></i></a>
				       		</td>   
				      		<td>
				        		<a data-day="20" class="btn green btn_filter_keeper_with_day">20天 <i class="fa fa-lg"></i></a>
				      		</td>   
				      		<td>
				       			<a data-day="30" class="btn green btn_filter_keeper_with_day">1個月 <i class="fa fa-lg"></i></a>
				       		</td>   
				       		<td>
				        		<a data-day="45" class="btn green btn_filter_keeper_with_day">1個半月 <i class="fa fa-lg"></i></a>
				      		</td>   
				       		<td>
				        		<a data-day="60" class="btn green btn_filter_keeper_with_day">2個月 <i class="fa fa-lg"></i></a>
				       		</td>  
				        </tr>
				    </thead>
			    </table>
		 	</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
			</div>
		</div>
	</div>
</div>
<!--modal_function_keeper_number_of_days End-->

<!--modal_function_guest_number_of_days Start-->
<div id="modal_function_guest_number_of_days" class="modal bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
		   <div class="modal-header bg-purple-soft">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
		    <h4 class="modal-title font-white"><i class="fa fa-calendar-check-o"></i>&nbsp;選擇天數範圍</h4>
		   </div>

		   <div class="modal-body">
		       <table class="table table-striped table-bordered table-hover" border=0>
			        <thead>
				        <tr> 
				       		<td>
				       			<a data-day="10" class="btn green btn_filter_guest_with_day">10天 <i class="fa fa-lg"></i></a>
				       		</td>   
				      		<td>
				        		<a data-day="20" class="btn green btn_filter_guest_with_day">20天 <i class="fa fa-lg"></i></a>
				      		</td>   
				      		<td>
				       			<a data-day="30" class="btn green btn_filter_guest_with_day">1個月 <i class="fa fa-lg"></i></a>
				       		</td>   
				       		<td>
				        		<a data-day="45" class="btn green btn_filter_guest_with_day">1個半月 <i class="fa fa-lg"></i></a>
				      		</td>   
				       		<td>
				        		<a data-day="60" class="btn green btn_filter_guest_with_day">2個月 <i class="fa fa-lg"></i></a>
				       		</td>  
				        </tr>
				    </thead>
			    </table>
		 	</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
			</div>
		</div>
	</div>
</div>
<!--modal_function_guest_number_of_days End-->

<!--Modal Function -guest_leaveWithCard start -->
<div id="modal_function_guest_leaveWithCard_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_guest_leaveWithCard_view_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>請感應卡片</h4>
			</div>
			<div class="modal-body">
				<from id="guest_leave_Card" action="" method="post" style="position:fixed;bottom:3000px;">
					<input type="password" name="guest_cardNumber" id="guest_cardNumber">
				</from>
				<div class="form-body" align="center">
					<!-- <img src="smiley.gif" alt="Smiley face" height="42" width="42"> -->
					<img alt="" class="img" src="<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>" width="100%" height="100%" >
				</div>
			</div>
			<div class="modal-footer">

			</div>
		</div>
	</div>
</div>
<!--Modal Function -guest_leaveWithCard end -->


<div id="modal_function_webcam" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white">取件</h4>
			</div>
			<div class="modal-body">
				<button id="console_btn_webcam" class="btn btn-lg green" style="margin-left:15%">拍照並簽名取件</button>
				<button id="btn_signimage" class="btn btn-lg red" style="margin-left:15%">簽名取件</button>
				<div id="camera_modal" class="row" style="margin-top:5px;display:none">
					<hr>
					<div id="screen" style="margin:0px auto">
   					</div>
   					<input type="hidden" id="img_name">
				</div>
			</div>
			<div class="modal-footer">
   				<div id="buttons">
    				<div class="buttonPane" style="display: none;">
    					<hr>
        				<a id="shootButton" href="#" class="btn blue btn-md" style="padding:0px auto;">拍照</a>
        			</div>
        			<div class="buttonPaneGroup" style="display: none;">
        				<hr>
        				<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>
	</div>
</div>

<div id="modal_function_getKeeperWithPassword_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_getKeeperWithPassword_view_content" style="width:43%;margin-top:50px;">
		<div class="modal-content ">
		    <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="keeper_password" type="text" class="form-control" placeholder="密碼" autofocus>
		                <span class="input-group-btn">
		                    <button id="btn_keeper_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="A" style="width:10%; margin:5px;"> A </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="B" style="width:10%; margin:5px;"> B </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="C" style="width:10%; margin:5px;"> C </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="D" style="width:10%; margin:5px;"> D </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="E" style="width:10%; margin:5px;"> E </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="F" style="width:10%; margin:5px;"> F </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="G" style="width:10%; margin:5px;"> G </a>
		            	
		            	<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="H" style="width:10%; margin:5px;"> H </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="I" style="width:10%; margin:5px;"> I </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="J" style="width:10%; margin:5px;"> J </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="K" style="width:10%; margin:5px;"> K </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="L" style="width:10%; margin:5px;"> L </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="M" style="width:10%; margin:5px;"> M </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="N" style="width:10%; margin:5px;"> N </a>
		            	<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="O" style="width:10%; margin:5px;"> O </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="P" style="width:10%; margin:5px;"> P </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="Q" style="width:10%; margin:5px;"> Q </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="R" style="width:10%; margin:5px;"> R </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="S" style="width:10%; margin:5px;"> S </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="T" style="width:10%; margin:5px;"> T </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="U" style="width:10%; margin:5px;"> U </a>
						
		            	<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="V" style="width:10%; margin:5px;"> V </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="W" style="width:10%; margin:5px;"> W </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="X" style="width:10%; margin:5px;"> X </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="Y" style="width:10%; margin:5px;"> Y </a>
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="Z" style="width:10%; margin:5px;"> Z </a>
		            </div>
		            <div class="">
						<a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="1" style="width:10%; margin:5px;"> 1 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="2" style="width:10%; margin:5px;"> 2 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="3" style="width:10%; margin:5px;"> 3 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="4" style="width:10%; margin:5px;"> 4 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="5" style="width:10%; margin:5px;"> 5 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="6" style="width:10%; margin:5px;"> 6 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="7" style="width:10%; margin:5px;"> 7 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="8" style="width:10%; margin:5px;"> 8 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="9" style="width:10%; margin:5px;"> 9 </a>
		                <a href="javascript:;" class="btn btn-default grey btn-lg keyboard-num" num="0" style="width:10%; margin:5px;"> 0 </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_keeper_password" type="button" class="btn green"><?php echo app('translator')->get('messages.submit'); ?></button>
		    </div>
		</div>
	</div>
</div>

<div id="modal_function_getKeeperWithUser_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_getKeeperWithUser_view_content">
	</div>
</div>

<div id="modal_function_getKeeperWithSend_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_getKeeperWithSend_view_content">
	</div>
</div>
<!--Modal Function -Matter start -->
<div id="modal_function_matter" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_matter_content">
	</div>
</div>
<!--Modal Function -Matter end -->
<!--Modal Function -Activity start -->
<div id="modal_function_activity" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg" id="modal_function_activity_content">
	</div>
</div>
<!--Modal Function -Activity end -->

<div id="modal_show_image" class="modal bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<button type="button" class="btn pull-right red" data-dismiss="modal" style="font-size: 20px;margin-bottom:-45px;"><?php echo app('translator')->get('messages.close'); ?></button>
			<input id="show_image_src" type="image" src="" width="100%" onclick="close_Image()">
		</div>
	</div>
</div>

<!-- 簽名板 Start-->

<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; top:20px; right:10px; z-index:20005;">
        <button type="button" class="btn red-sunglo btn-lg sbold"style="font-size:30px;"  onclick="signpad.close()">X</button>
    </div>

    <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>


<div class="modal" id="modal_signup"  role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<form id="signup_form" class="form-horizontal">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i> <?php echo app('translator')->get('messages.neighberhood_party'); ?>代報名</h4>
			</div>
			<div class="modal-body form">
				<!-- BEGIN FORM-->
					<div class="form-body">
						<div id="form_error_alert" class="alert alert-danger display-hide">
							<button class="close" data-close="alert"></button>
							您似乎有部分欄位有錯誤，請查看後再送出。
						</div>
						<div id="form_success_alert" class="alert alert-success display-hide">
							<button class="close" data-close="alert"></button>
							更新成功。
						</div>
						<input name="id" type="hidden"/>
							<div class="form-group">
								<label class="col-md-3 control-label">活動主題</label>
								<div class="col-md-6">
									<input name="title" type="text" class="form-control readOnlyInput" >
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">代報名者</label>
								<div class="col-md-6">
								<?php $sentinel = app('Cartalyst\Sentinel\Native\Facades\Sentinel'); ?>
									<input type="text" class="form-control readOnlyInput" value="<?php echo e($sentinel::check()->name); ?>">
									<input name="handled" type="hidden" class="form-control readOnlyInput" value="<?php echo e($sentinel::check()->id); ?>">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">報名人</label>
								<div class="col-md-6">
									<select multiple="multiple" id="user" name="user" class="form-control selectpicker" title="<?php echo app('translator')->get('messages.select_liver'); ?>" data-live-search="true" data-actions-box="true" >
										<?php foreach($user as $user): ?>
										<option value="<?php echo e($user->id); ?>" data-subtext="<?php echo e($user->username); ?>"><?php echo e($user->name); ?></option>
										<?php endforeach; ?>
									</select>
								</div>
							</div>
					</div>
				<!-- END FORM-->
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal">關閉</button>
				<button type="submit" class="btn blue" id="btn_form_edit">報名</button>
			</div>
		</div>
		</form>
	</div>
</div>
<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
<!-- 簽名板 end-->

<!-- Modal Function -Quick start start-->
<div id="modal_function_quick" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-full" id="function_quick_content" style="overflow:visible;">
	</div>
</div>
<!-- Modal Function -Quick start end-->

<!--Modal Function -Record start -->
<div id="modal_function_record" class="modal" role="basic" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header bg-red-sunglo">
				<button type="button" data-dismiss="modal" style="float: right;background-repeat: no-repeat !important;    background: 0px 0px;color:white;border:0px;margin-left: 5px;"><i class="fa fa-times fa-2x"></i></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i> <?php echo app('translator')->get('messages.household_meter_read'); ?></h4>
			</div>
			<div class="modal-body">
				<form action="#" class="form-horizontal">
					<div class="form-body">
						<!--/row-->
						<div class="row">
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3"><?php echo app('translator')->get('messages.selec_meter_read_options'); ?></label>
									<div class="col-md-9">
										<?php if($record_opening->count() == 0): ?>
										<div class="alert alert-warning"><?php echo app('translator')->get('messages.meter_read_desc1'); ?></div>
										<?php else: ?>
										<select id="record_id" class="select2 form-control" data-placeholder="<?php echo app('translator')->get('messages.select_meter_read_options'); ?>" tabindex="1">
											<?php foreach($record_opening as $one): ?>
											<option value="<?php echo e($one->id); ?>"><?php echo e($one->type); ?>-<?php echo e($one->title); ?></option>
											<?php endforeach; ?>
										</select>
										<?php endif; ?>
										
									</div>
								</div>
							</div>
						</div>
						<!--/row-->
						<div class="row">
							<!--/span-->
							<div class="col-md-12">
								<div class="form-group">
									<label class="col-md-3 control-label"><?php echo app('translator')->get('messages.query_account'); ?></label>
									<div class="col-md-9">
										<select id="record_user_query_id" name="record_user_query_id" class="form-control select2" data-placeholder="<?php echo app('translator')->get('messages.select_liver'); ?>" tabindex="1">
											<option value=""></option>
											<?php foreach($users as $user): ?>
											<option value="<?php echo e($user->username); ?>"><?php echo e($user->name); ?> (<?php echo e($user->groupid); ?>) (<?php echo e($user->username); ?>)</option>
											<?php endforeach; ?>
										</select>
										<span class="help-block"><?php echo app('translator')->get('messages.use_acc_card_query'); ?></span>
									</div>
								</div>
							</div>
							<!--/span-->
						</div>
						<div class="row">
							<!--/span-->
							<div class="col-md-12">
								<div class="form-group">
									<label class="control-label col-md-3"><?php echo app('translator')->get('messages.acc_card_query'); ?></label>
									<div class="col-md-9">
										<div class="input-group" style="text-align:left">
											<input type="text" class="form-control" name="user" id="record_user_query">
											<span class="input-group-btn">
											<a href="javascript:;" class="btn green" id="btn_record_user_query">
											<i class="fa fa-check"></i> <?php echo app('translator')->get('messages.just_search'); ?> </a>
											</span>

										</div>
										<span class="help-block"><?php echo app('translator')->get('messages.use_card_query_acc'); ?></span>
									</div>
								</div>
							</div>
							<!--/span-->
						</div>
						<div class="row" id="record_display" style="display:none;">
							<div class="col-md-12">
								<div class="well">
									<h4 id="record_display_username" class="block" style="text-align:center;"><?php echo app('translator')->get('messages.acc_name'); ?></h4>
									<div class="form-group">
										<label class="control-label col-md-3"><?php echo app('translator')->get('messages.meter_read_points'); ?></label>
										<div class="col-md-9">
											<div class="input-group" style="text-align:left">
												<input type="text" class="form-control" name="record_value" id="record_value">
												<input type="hidden" id="record_user_id">
												<span class="input-group-btn">
												<a href="javascript:;" class="btn blue" id="btn_record_send">
												<i class="fa fa-check"></i> <?php echo app('translator')->get('messages.submit'); ?> </a>
												</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
			</div>
		</div>
	</div>
</div>
<!--Modal Function -Record end -->

<!--Modal Function -Inouts start -->
<div id="modal_function_inouts" class="modal" role="basic" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button 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">
				<form action="#" class="form-horizontal">
					<div class="form-body">
						<div class="row" style="margin-bottom: 20px;">
							<div class="col-md-12">
								<button id="btn_out" type="button" class="btn green-meadow btn-lg sbold col-md-2 col-md-offset-3">外出</button>
								<button id="btn_in" type="button" class="btn grey-mint btn-lg sbold col-md-2 col-md-offset-2">返室</button>
							</div>
						</div>

						<div class="inouts_out">
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label class="control-label col-md-5">外出事由</label>
										<div class="col-md-7">
											<div class="input-group" style="text-align:left">
												<input id="out_reason" type="text" class="form-control">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label class="control-label col-md-5"></label>
										<div class="col-md-7" style="overflow:auto;width:300px;height:120px;">
											<?php foreach($out_reason_items_str as $tag): ?>
											<input name="btn_out_reason" type="button" class="btn_out_reason btn blue btn-sm sbold" value="<?php echo e($tag); ?>" style="margin-top: 5px">
											<?php endforeach; ?>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-12">
									<div class="form-group">
										<label class="control-label col-md-5">備註</label>
										<div class="col-md-7">
											<div class="input-group" style="text-align:left">
												<input id="out_remark" type="text" class="form-control">
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="input-group col-xs-6 col-md-offset-3" style="float: left;">
									<span class="input-group-addon">
										<i class="fa fa-envelope"></i>
									</span>
									<input id="out_input_code" name="input_code" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_card_no'); ?>">
								</div>
								<div style="clear: both;"></div>
							</div>
							<div class="modal-footer">
								<button id="btn_outsure" type="button" class="btn yellow-mint btn-lg sbold"><?php echo app('translator')->get('messages.sure'); ?></button>
            					<button type="button" class="btn grey btn-lg sbold" data-dismiss="modal">關閉</button>
							</div>
						</div>
						
						<div class="inouts_in">
							<div class="row">
								<div class="input-group col-xs-6 col-md-offset-3" style="float: left;">
	                     	<span class="input-group-addon">
	                     		<i class="fa fa-envelope"></i>
	                     	</span>
	                     	<input id="in_input_code" name="input_code" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_card_no'); ?>">
	                  	</div>
	                  	<div style="clear: both;"></div>
							</div>
							<div class="modal-footer">
								<button id="btn_insure" type="button" class="btn yellow-mint btn-lg sbold"><?php echo app('translator')->get('messages.sure'); ?></button>
            					<button type="button" class="btn grey btn-lg sbold" data-dismiss="modal">關閉</button>
							</div>
						</div>
					</div>
				</form>
			</div>
			<!-- <div class="modal-footer">
				<button id="btn_rec" type="button" class="btn yellow-mint btn-lg sbold"><?php echo app('translator')->get('messages.sure'); ?></button>
            <button id="btn_cancel" type="button" class="btn grey btn-lg sbold"><?php echo app('translator')->get('messages.cancel'); ?></button>
			</div> -->
		</div>
	</div>
</div>
<!--Modal Function -Inouts end -->

<div id="modal_function_getViewByTypeAndId_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog " id="modal_function_getViewByTypeAndId_view_content">

	</div>
</div>

<div id="modal_function_guest_cost_view" class="modal fade bs-modal-lg" tabindex="-1" role="dialog">
	<div class="modal-dialog" id="modal_function_guest_cost_content" style="margin-top:50px;">
		<div class="modal-content">
			<div class="modal-header bg-purple-plum">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
				<h4 class="modal-title font-white"><i class="fa fa-pencil"></i>訪客收費</h4>
			</div>
			<div class="modal-body">
				<from id="form_guest_cost" action="" method="post" >
					<div class="row">
						<div class="col-md-3">
							<label class="control-label">收費類型</label>
						</div>

						<div class="col-md-6" style="margin-bottom: 10px;" >
							<input type="checkbox" name="guest_cost_type" class="make-switch" data-on-text="臨停收費" data-off-text="違停罰款" checked>
						</div>
					</div>

					<div class="row">
						<div class="col-md-3">
							<label class="control-label">收費金額</label>
						</div>

						<div class="col-md-3">
							<input type="number" name="guest_cost" id="guest_cost">
						</div>
					</div>
					
					
					
				</from>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn default" data-dismiss="modal">關閉</button>
				<button type="button" class="btn blue" id="btn_guest_cost">送出</button>
			</div>
		</div>
	</div>
</div>


<?php echo $__env->make('console.part.cardset', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<!-- BEGIN FOOTER -->
<footer class="footer">
	<div class="row" style="margin-top:12px;">
		<div class="col-md-3">
			<p class="text-muted pull-right" style="margin :0 0 10px">
				<?php echo e($setting::get('copyright_2','Copyright. NSST SinBao Technology.')); ?><br> 
				<?php echo e($setting::get('copyright_company','新保科技有限公司')); ?>  聯絡電話：<?php echo e($CommunityPresenter->comPhone()); ?>

				<a id="btn_show_mail">系統資訊回報<i class="icon-envelope-open"></i></a>
			</p>
		</div>
		<div class="col-md-6" style="text-align:center; width: 40%">
			<p class="text-muted" style="margin :0 0 0px"><?php echo e($setting::get('brand','NSST')); ?>&nbsp;<?php echo e($setting::get('system_name','全方位建築智慧化管理系統')); ?></p>
              <ul class="list-inline text-amber date-list" style="color:#777">
                  <li><i class="fontello-th" style="color:#777"></i>
                  </li>
                  <li id="Date" ></li>
                  <li><i class="fontello-stopwatch" style="color:#777"></i>
                  </li>
                  <!-- 如果會看到這行你一定會訝異他為什麼會動態改變 尋求真相吧 騷年-->
                  <li id="hours"></li>
                  <li class="point">:</li>
                  <li id="min"></li>
                  <li class="point">:</li>
                  <li id="sec"></li>
              </ul>
		</div>
		<!-- 櫃檯畫面右下角button -->
		<div class="col-md-3 pull-right" style="width: 35%">
			<button type="button" class="btn btn-primary pull-right btn-function" function="setcard"><?php echo app('translator')->get('messages.card_classify'); ?></button>
			<a href="<?php echo e(action('LoginController@logout')); ?>" type="button" class="btn btn-primary pull-right" style="margin-right:10px;"><?php echo app('translator')->get('messages.logout'); ?></a>	
			<a href="javascript:window.location.reload()" class="btn btn-primary pull-right" style="margin-right:10px;width:170px;height:34px;" ><label id="reciprocal_time" style="font-weight:bold;"></label><i id="css_refresh" class='fa fa-refresh'></i></a>
		</div>
	</div>
</footer>
<!-- 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>
<!-- 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/bootstrap-datepicker/js/bootstrap-datepicker.js')); ?>" type="text/javascript"></script>
<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/countdown/jquery.countdown.min.js')); ?>"></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>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amcharts/amcharts.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amcharts/serial.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amcharts/pie.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amcharts/radar.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amcharts/themes/light.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amcharts/themes/patterns.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amcharts/themes/chalk.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/ammap/ammap.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/ammap/maps/js/worldLow.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/amcharts/amstockcharts/amstock.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jqvmap/jqvmap/jquery.vmap.js')); ?>" type="text/javascript"></script>
<!-- IMPORTANT! fullcalendar depends on jquery-ui.min.js for drag & drop support -->
<script src="<?php echo e(asset('assets/global/plugins/morris/morris.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/morris/raphael-min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jquery.sparkline.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js')); ?>" type="text/javascript"></script>

<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootbox/bootbox.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/select2/js/select2.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-toastr/toastr.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/canvasjs.min.js')); ?>"></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/layout4/scripts/layout.js')); ?>" type="text/javascript"></script>
<!-- <script src="<?php echo e(asset('assets/admin/pages/scripts/index3.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/pages/scripts/charts-amcharts.js')); ?>" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js')); ?>"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="<?php echo e(asset('assets/global/plugins/bootstrap-sweetalert/bootstrap-sweetalert.min.js')); ?>" type="text/javascript"></script>

<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')); ?>"></script>
<script src="<?php echo e(asset('/assets/global/scripts/web_socket.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/state-machine.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>
<script src="<?php echo e(asset('assets/photo/webcam/webcam.js')); ?>" type="text/javascript"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/ckeditor/ckeditor.js')); ?>"></script>

<!-- 20181108 趨勢圖套件 START -->
<script src="<?php echo e(asset('assets/global/plugins/highcharts/js/highcharts.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/highcharts/js/highcharts-more.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/highcharts/js/exporting.js')); ?>"></script>
<script src="<?php echo e(asset('assets/global/plugins/highcharts/js/export-data.js')); ?>"></script>
<!-- 20181108 趨勢圖套件 END -->

<!-- 20181123 cctv播放rtsp所需之js START-->
<script type="text/javascript" src="<?php echo e(asset('assets/gst-hls/hls.min.js')); ?>"></script>
<!-- 20181123 cctv播放rtsp所需之js END -->

<script type="text/javascript">
	var ws ,wsd , client_list={};
	var name = '<?php echo e($sentinel::check()->id); ?>';

	function ba_update(status,id){
		$.ajax({
    		type : 'GET',
    		url : '<?php echo e(action('SensorApiController@update')); ?>',
    		dataTyep:'json',
    		data : {
				_token : '<?php echo e(csrf_token()); ?>',
				id: id,
				status: status,
			},
    		success : function(sendback){
    			$.ajax({
					url:'<?php echo e(route("console::notice_list")); ?>',
					type:'GET',
					data:{
						id : "BA"
					},
					success: function(sendback){
						$('#notice_content').html(sendback);
						callDataTable();
						socketAction('update_notice');
					},
					error: function(sendback){
						toastr['warning']('此項目目前尚未開放');
						$('#notice_modal').modal('hide');
					}
				});
    		},
    		error : function(sendback){
    			toastr['error']('系統異常，請聯繫管理員');
    		}
    	});
	}
    
    function ehr_update(status,id){
		$.ajax({
    		type : 'GET',
    		url : '<?php echo e(action('EhrApiController@update')); ?>',
    		dataTyep:'json',
    		data : {
				_token : '<?php echo e(csrf_token()); ?>',
				id: id,
				status: status,
			},
    		success : function(sendback){
    			$.ajax({
					url:'<?php echo e(route("console::notice_list")); ?>',
					type:'GET',
					data:{
						id : "ehr"
					},
					success: function(sendback){
						toastr['success']('已送出');
						$('#notice_content').html(sendback);
						callDataTable();
						socketAction('update_notice');
					},
					error: function(sendback){
						toastr['warning']('此項目目前尚未開放');
						$('#notice_modal').modal('hide');
					}
				});
    		},
    		error : function(sendback){
    			toastr['error']('系統異常，請聯繫管理員');
    		}
    	});
	}
    
	function ba_all_update(){
		$.ajax({
    		type : 'GET',
    		url : '<?php echo e(action('SensorApiController@allUpdate')); ?>',
    		dataTyep:'json',
    		data : {
				_token : '<?php echo e(csrf_token()); ?>',
				status: $('#baAllUpdate').val(),
			},
    		success : function(sendback){
    			$.ajax({
					url:'<?php echo e(route("console::notice_list")); ?>',
					type:'GET',
					data:{
						id : "BA"
					},
					success: function(sendback){
						$('#notice_content').html(sendback);
						callDataTable();
						socketAction('update_notice');
					},
					error: function(sendback){
						toastr['warning']('此項目目前尚未開放');
						$('#notice_modal').modal('hide');
					}
				});
    		},
    		error : function(sendback){
    			toastr['error']('系統異常，請聯繫管理員');
    		}
    	});
	}
    
	$(document).ready(function(){
		connect();
		<?php $setting = app('anlutro\LaravelSettings\SettingStore'); ?>
		<?php if($setting->get('console_pilot_lamp') == 'on'): ?>;
		pilot_lamp_connect();
		<?php endif; ?>
		socketAction('update_notice');
	   // $(".form_datetime").datetimepicker({autoclose: true});

		$('.readOnlyInput').prop('readonly', true);
		$('#user').selectpicker({
			selectAllText: '全選',
			deselectAllText: '取消',
			size: 5
		});
		CKEDITOR.replace( 'content' );
		$('.fileinput').on('change.bs.fileinput', function() {
			$("#form_add_news").validate().element('input[name=cover_img]');
			$("#form_add_news").validate().element('input[name=file]');	
		});

		var getapi;
		getWeatherStation();
	});

    var refreshAllSensorStatus = function() {
        $('.sensor-chart').each(function() {
            updateSensorStatus($(this).attr('sensor-tag'), $(this).attr('sensor-value'));    
        });    
    }
    
    var updateSensorStatus = function(tag, value) {
        var sensorObj  = $('.sensor-chart[sensor-tag="' + tag + '"]');
        var percentObj = sensorObj.find('.sensor-data-percent');
        var textObj    = sensorObj.find('.sensor-text');
        var percent    = 0;
        var color      = App.getBrandColor('green');
        var text       = '';
        
        if (sensorObj.length == 0) return;
        
        if (typeof value == 'undefined') {
            value = sensorObj.attr('sensor-value');
        } else {
            sensorObj.attr('sensor-value', value);
        }

        var monitorType = sensorObj.attr('sensor-type');
        var upper       = sensorObj.attr('sensor-upper');
        var lower       = sensorObj.attr('sensor-lower');

        if (value) {
            if (monitorType != 0) {
                text    = '正常&nbsp;&nbsp;';
                percent = 100;
                if (value == 1 && monitorType != 2) {
                    text  = '異常&nbsp;&nbsp;';
                    color = App.getBrandColor('red');
                }
            } else {
                percent = ((value - lower) / (upper - lower)) * 100;
                if (percent < 0) percent = 0;
                if (percent > 100) percent = 100;
                if (percent < 20 || percent > 80) {
                    color = App.getBrandColor('yellow');
                }
                if (percent <= 0 || percent >= 100) {
                    color = App.getBrandColor('red');
                }
                text = value + ' ' + sensorObj.attr('sensor-unit');
            }
        } else {
            text = '無紀錄&nbsp;&nbsp;';    
        }
        textObj.html(text);
        
        percentObj.data('easyPieChart').update(percent).options.barColor = color;
    }

    function pilot_lamp_connect() {
		wsd = new WebSocket('ws://192.227.134.135:6646');
		wsd.onopen = function (e) {
            var msg = 
	    	{
			   "req_id": 2,
				"res": "others",
				"action": "init",
				"data": 
				{
			        "id": "other_38f130d8"
				}
			};
            wsd.send(JSON.stringify(msg));
        };
        wsd.onmessage = function(e) {
        	console.log("指示燈連線成功");
        }
       	wsd.onclose = function() {
    	  console.log("指示燈關閉連線，等待重新嘗試");
          w_connect();
       };
       wsd.onerror = function() {
     	  console.log("指示燈出現錯誤");
       };
    }

    function pilot_lamp_control() {
    	console.log('Sending Control....');
    	var msg = 
    	{
		  "req_id": 2,
		  "res": "broadcast",
		  "action": "auto",
		  "data": {
			    "direction": {
					"0": {
				            "1": 3,
		             		"2": 1

						}
			      }
		   }
		};
    	wsd.send(JSON.stringify(msg));
    }

    function pilot_lamp_stop() {
    	console.log('Sending Stop....');
    	var msg = 
    	{
			"req_id": 3,
			"res": "broadcast",
			"action": "notify-stopped"
		};
    	wsd.send(JSON.stringify(msg));
    }
    
    // 连接服务端
    function connect() {
       // 创建websocket
       ws = new WebSocket("ws://<?php echo e(env('WS_HOST','www.nsst.tw')); ?>:<?php echo e(env('WS_PORT','7272')); ?>");
       // 当socket连接打开时，输入用户名
       ws.onopen = onopen;
       // 当有消息时根据消息类型显示不同信息
       ws.onmessage = onmessage; 
       ws.onclose = function() {
    	  console.log("關閉連線，等待重新嘗試");
          connect();
       };
       ws.onerror = function() {
     	  console.log("出現錯誤");
       };
    }

    // Send Login Message on connected.
    function onopen()
    {
        // Login
        var login_data = '{"type":"login","client_uid":"'+name+'","com_id":"<?php echo e(env('DB_DATABASE')); ?>"}';
        console.log("WebSocket shakehand success:"+login_data);
        ws.send(login_data);
    }

    // 服务端发来消息时
    function onmessage(e)
    {
        var data = eval("("+e.data+")");
        switch(data['type']){
            // 服务端ping客户端
            case 'ping':
                ws.send('{"type":"pong"}');
                break;;
            case 'system':
            	// toastr[data['level']](data['content']);
            	break;
            case 'action':
            	socketAction(data['action']);
            	break;
        }
    }

    function socketAction(action)
    {
    	if (action.indexOf('^')!=-1){
            var actionParm = action.split('^');

        	switch(actionParm[0]){
	            case 'update_ba':
                    $('#ba_alert').modal('hide');
                    $.ajax({
                        type : 'GET',
                        url : '<?php echo e(action('SensorApiController@select_tagname_value')); ?>',
                        dataTyep:'json',
                        data : {
                            _token : '<?php echo e(csrf_token()); ?>',
                            tag: action
                        },
                        success : function(sendback){
                            updateSensorStatus(sendback.data[0].tag,sendback.data[0].value);
                            socketAction('update_notice');
                            if($('#modal_function_pccs').hasClass('in')){

                            }else{
    	                        swal({
	                              title: "監測警告",
	                              text: sendback.data[0].trigger_time+"\n於「"+sendback.where[0]+sendback.where[1]+"樓的"+sendback.where[2]+"-設備："+sendback.data[0].sensor_name+"發生警告」"+"\n",
	                              type: "error",
	                              showCancelButton: true,
	                              confirmButtonClass: "btn-danger",
	                              cancelButtonText: "取消",
	                              confirmButtonText: "確認",
	                            },
	                            function(){
	                              swal("Deleted!", "請與設備商聯繫！");
	                            });
                            }
                            toastr['error']('監測系統發出警告，請立即查看');
                        },
                        error : function(sendback){
                            toastr['error']('警告系統異常，請聯繫管理員');
                        }
                    });
	            break;
                case 'patrol_notice':
                    $.ajax({ 
                        type : 'GET',
                        url : '<?php echo e(action('PatrolApiController@getNotice')); ?>',
                        dataTyep:'json',
                        data : {
                            id: actionParm[1]
                        },
                        success : function(sendback){
                            socketAction('update_notice');
                            if (typeof sendback.error != 'undefined') {
                                swal({
                                  title: "巡檢警告",
                                  text: "有一筆巡檢紀錄發生『" + sendback.error + "』的警告\n" +
                                    "巡邏地點: " + (sendback.duty_location || "") + "\n" + 
                                    "巡邏人員: " + (sendback.duty_user || "") + "\n" +
                                    "刷卡時間: " + sendback.patrol_time + "\n",
                                  type: "error",
                                  showCancelButton: true,
                                  confirmButtonClass: "btn-danger",
                                  cancelButtonText: "取消",
                                  confirmButtonText: "確認",
                                });
                                toastr['error']('巡檢系統發出警告，請立即查看');
                            }
                        },
                        error : function(sendback){
                            toastr['error']('警告系統異常，請聯繫管理員');
                        }
                    });
                break;
                case 'patrol_off_notice':
                    $.ajax({
                        type : 'GET',
                        url : '<?php echo e(action('PatrolApiController@getOffNotice')); ?>',
                        dataTyep:'json',
                        data : {
                            id: actionParm[1]
                        },
                        success : function(sendback){
                            socketAction('update_notice');
                            if (typeof sendback.route_name != 'undefined') {
                                swal({
                                  title: "未巡檢警告",
                                  text: "有一筆未巡檢紀錄發生\n" +
                                    "應巡邏路線: " + (sendback.route_name || "") + "\n" +
                                    "應巡邏地點: " + (sendback.location || "") + "\n" + 
                                    "應巡邏人員: " + (sendback.user_name || "") + "\n" +
                                    "應刷卡時間: " + (sendback.off_time || "") + "\n",
                                  type: "error",
                                  showCancelButton: true,
                                  confirmButtonClass: "btn-danger",
                                  cancelButtonText: "取消",
                                  confirmButtonText: "確認",
                                });
                                toastr['error']('巡檢系統發出警告，請立即查看');
                            }
                        },
                        error : function(sendback){
                            toastr['error']('警告系統異常，請聯繫管理員');
                        }
                    });
                break;
                case 'ehr_notice':
                    $.ajax({
                        type : 'GET',
                        url : '<?php echo e(action('EhrApiController@getNotice')); ?>',
                        dataTyep:'json',
                        data : {
                            id: actionParm[1]
                        },
                        success : function(sendback){
                            socketAction('update_notice');
                            toastr['success'](sendback.user_name+sendback.status);
                        },
                        error : function(sendback){
                            toastr['error']('警告系統異常，請聯繫管理員');
                        }
                    });
                break;

                case 'show_pccs_cctv':
					var uid = actionParm[1];
					var utype = "CCTV";
					$.ajax({
						type : 'POST',
						url  : '<?php echo e(route("manage::pccs::get_pccs_ba_log")); ?>',
						data : {
							id     : uid,
							type   : utype,
							_token : '<?php echo e(csrf_token()); ?>'
						},
						success : function(sendback){
							
							if(!(typeof(sendback.array["cctv_id"]) == "undefined")){
								$.ajax({
									type 	: 'GET',
									url 	: '<?php echo e(route("manage::pccs::console")); ?>',
									success: function(sendback2){
										$('#modal_function_pccs_content').html(sendback2);
										$('#pccs_building').selectpicker('setStyle', 'btn-success');
										$('#pccs_floor').selectpicker('setStyle', 'btn-success');
										$('#pccs_location').selectpicker('setStyle', 'btn-success');
										$('#pccs_type').selectpicker('setStyle', 'btn-success');
										$('#pccs_type').val("CCTV");
										$('#pccs_building').val(sendback.array["building"]);
										$('#pccs_location').val(sendback.array["location"]);
										$('#pccs_floor').val(sendback.array["floor"]);
										$.ajax({
											type 	: 'POST',
											url 	: '<?php echo e(route("manage::pccs::get_pccs_data")); ?>',
											data 	: {
												type : $('#pccs_type').val(),
												building : $('#pccs_building').val(),
												location : $('#pccs_location').val(),
												floor 	: $('#pccs_floor').val(),
												_token : '<?php echo e(csrf_token()); ?>'
											},
											success : function(result){
												$('#chartContainer').css('display','none');
												$('#modal_pccs_image').empty();
												if(result.image != ''){
													$('#modal_pccs_image').css('background-image','url('+result.image+')');
							        				var html = '';
							        				var src = '';
									        		for(var i = 0;i < (result.graph).length;i++){
									        			if(result.graph[i].c_image == null){
									        				src = '<?php echo e(asset("assets/images/no_setting.png")); ?>';
									        			}else{
									        				src = '<?php echo e(asset("uploads/image")); ?>/' + result.graph[i].c_image;
									        			}
									        			if(result.graph[i].left != 0 && result.graph[i].top != 0){
									        				html += '<img id="drag_' + result.graph[i].id + '" uid="' + result.graph[i].id + '" utype="' + result.graph[i].type + '" class="drag-me drag-style show-tooltip" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="' + result.graph[i].b_name + '" src="' + src + '" style="left: ' + result.graph[i].left + 'px;top: ' + result.graph[i].top + 'px;"><label id="pccs_value_' + result.graph[i].id + '" class="label label-success" style="left: ' + (parseInt(result.graph[i].left)) + 'px;top: ' + (parseInt(result.graph[i].top) + 50) + 'px;position: absolute;"></label>';			        			
									        			}
									        		}
									        		$('#modal_pccs_image').append(html);
									        		$('.show-tooltip').tooltip();
									        		if(result.graph.length == 0){
										    			$('#pccs_table tr:last').after('<tr><td colspan="2">查無資料</td></tr>');
										    		}else{
										    			for(var i=0;i<result.graph.length;i++){
															$('#pccs_table tr:last').after('<tr><td>'+result.graph[i]['b_name']+'</td><td><a uid="'+result.graph[i]['id']+'" class="btn_pccs_check">定位</a></td></tr>');
														}
														socketAction('update_pccs');
										    		}
												}else{
													$('#modal_pccs_image').css('background-image','url("https://www.placehold.it/1400x750/EFEFEF/AAAAAA&amp;text=no+image")');
													$('#pccs_table tr:last').after('<tr><td colspan="2">查無資料</td></tr>');
									        		toastr['warning']('該位置尚未設定圖片');
												}
											}
										});
										$('#modal_function_pccs').modal('show');
									},
									error: function(sendback){
										toastr['error']('操作錯誤，請聯繫開發人員');
									}
								});

								$('#modal_pccs').modal('show');
								$('#title_pccs').html(sendback.title);
								$('#form_pccs').html(sendback.txt);

								playCCTV(sendback.array["cctv_id"],sendback.array["cctv_path"]);
							}
						}
					});
				break;
	        }
    	}else{
    		switch(action){
	            case 'update_notice':
	            	$.ajax({
	            		type : 'GET',
	            		url : '<?php echo e(action('ConsoleController@getUpdateNotice')); ?>',
	            		dataTyep:'json',
	            		success : function(sendback){
	            			console.log('getUpdateNotice');
	            			$.each( sendback, function( key, value ) {
					    		if(value > 0 && value <=999){
				    			$('.notice-num[notice-num-id = "'+key+'"]').html(value);
				    			$('.notice-num[notice-num-id = "'+key+'"]').addClass('badge');
				    			$('.btn-notice[notice-id="'+key+'"]').removeClass('grey-cascade').addClass('red');
				    		}else if(value > 999){
				    			$('.notice-num[notice-num-id = "'+key+'"]').html("999+");
				    			$('.notice-num[notice-num-id = "'+key+'"]').addClass('badge');
				    			$('.btn-notice[notice-id="'+key+'"]').removeClass('grey-cascade').addClass('red');
				    		}else{
				    			$('.notice-num[notice-num-id = "'+key+'"]').html('');
					    		$('.notice-num[notice-num-id = "'+key+'"]').removeClass('badge');
				    			$('.btn-notice[notice-id="'+key+'"]').removeClass('red').addClass('grey-cascade');
				    		}
							});
	            		},
	            		error : function(sendback){
	            			console.log('getUpdateNotice_error');
	            			// toastr['error']('更新未處理事件失敗');
	            		}
	            	});
                    break;
				// case 'update_pccs':
				// 	// 降低LOADING 只有PCCS頁面開啟時才動作
				// 	// if($('#modal_function_pccs').hasClass('in')){
				// 		src = '<?php echo e(asset("assets/images/no_setting.png")); ?>';
				// 		$.ajax({
		  //           		type : 'POST',
		  //           		url : '<?php echo e(action('ConsoleController@getUpdatePCCS')); ?>',
		  //           		data : {
		  //           			type 	 : $('#pccs_type').val(),
		  //           			location : $('#pccs_location').val(),
		  //           			building : $('#pccs_building').val(),
		  //           			floor    : $('#pccs_floor').val(),
				// 	            _token 	 : '<?php echo e(csrf_token()); ?>',
		  //           		},
		  //           		success : function(sendback){
		  //           			switch($('#pccs_type').val()){
		  //           				case 'BA':
			 //            				$('#chartContainer').css('display','block');
				//             			for(var i = 0;i < (sendback.update).length;i++){
				//             				$('#drag_' + sendback.update[i].id).removeClass('border-blink');
				//             				if(sendback.update[i].c_image != null){
				//             					$('#drag_' + sendback.update[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.update[i].c_image);
				//             				}else{
				//             					$('#drag_' + sendback.update[i].id).attr('src',src);
				//             				}
				//             			}
				//             			for(var i = 0;i < (sendback.value).length;i++){
				//             				$('#pccs_value_' + sendback.value[i].id).removeClass('label-danger');
			 //            					$('#pccs_value_' + sendback.value[i].id).addClass('label-success');
				//             				$('#pccs_value_' + sendback.value[i].id).html(sendback.value[i].value + sendback.value[i].unit);
				//             			}
				//             			for(var i = 0;i < (sendback.graph).length;i++){
			 //            					$('#drag_' + sendback.graph[i].id).addClass('border-blink');
			 //            					if(sendback.graph[i].error_image != null){
			 //            						$('#drag_' + sendback.graph[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.graph[i].error_image);	
			 //            					}else{
			 //            						$('#drag_' + sendback.graph[i].id).attr('src',src);
			 //            					}			            					
			 //            					$('#pccs_value_' + sendback.graph[i].id).removeClass('label-success');
			 //            					$('#pccs_value_' + sendback.graph[i].id).addClass('label-danger');
				//             			}
				//             			if((sendback.update).length > 0){
				//             				var chart = new CanvasJS.Chart("chartContainer", {
				// 								animationEnabled: true,
				// 								data: [{
				// 									type: "pie",
				// 									startAngle: 240,
				// 									yValueFormatString: "##0",
				// 									indexLabel: "{label} {y}",
				// 									dataPoints: [
				// 										{y: ((sendback.update).length - (sendback.graph).length), label: "正常"},
				// 										{y: (sendback.graph).length, label: "異常"},
				// 									]
				// 								}]
				// 							});
				// 							chart.render();
				//             			}
		  //           					break;
		  //           				case 'CCTV':
		  //           					break;
		  //           				case 'access':
		  //           					$('#chartContainer').css('display','block');
				//             			for(var i = 0;i < (sendback.update).length;i++){
				//             				$('#drag_' + sendback.update[i].id).removeClass('border-blink');
				//             				if(sendback.update[i].c_image != null){
				//             					$('#drag_' + sendback.update[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.update[i].c_image);
				//             				}else{
				//             					$('#drag_' + sendback.update[i].id).attr('src',src);
				//             				}
				//             			}
				//             			for(var i = 0;i < (sendback.graph).length;i++){
			 //            					$('#drag_' + sendback.graph[i].id).addClass('border-blink');
			 //            					if(sendback.graph[i].error_image != null){
			 //            						$('#drag_' + sendback.graph[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.graph[i].error_image);	
			 //            					}else{
			 //            						$('#drag_' + sendback.graph[i].id).attr('src',src);
			 //            					}	
				//             			}
				//             			if((sendback.update).length > 0){
				//             				var chart = new CanvasJS.Chart("chartContainer", {
				// 								animationEnabled: true,
				// 								data: [{
				// 									type: "pie",
				// 									startAngle: 240,
				// 									yValueFormatString: "##0",
				// 									indexLabel: "{label} {y}",
				// 									dataPoints: [
				// 										{y: ((sendback.update).length - (sendback.graph).length), label: "正常"},
				// 										{y: (sendback.graph).length, label: "異常"},
				// 									]
				// 								}]
				// 							});
				// 							chart.render();
				//             			}
		  //           					break;
		  //           				case 'intercom':
		  //           					$('#chartContainer').css('display','block');
				//             			for(var i = 0;i < (sendback.update).length;i++){
				//             				$('#drag_' + sendback.update[i].id).removeClass('border-blink');
				//             				if(sendback.update[i].c_image != null){
				//             					$('#drag_' + sendback.update[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.update[i].c_image);
				//             				}else{
				//             					$('#drag_' + sendback.update[i].id).attr('src',src);
				//             				}
				//             			}
				//             			for(var i = 0;i < (sendback.graph).length;i++){
			 //            					$('#drag_' + sendback.graph[i].id).addClass('border-blink');
			 //            					if(sendback.graph[i].error_image != null){
			 //            						$('#drag_' + sendback.graph[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.graph[i].error_image);	
			 //            					}else{
			 //            						$('#drag_' + sendback.graph[i].id).attr('src',src);
			 //            					}	
				//             			}
				//             			if((sendback.update).length > 0){
				//             				var chart = new CanvasJS.Chart("chartContainer", {
				// 								animationEnabled: true,
				// 								data: [{
				// 									type: "pie",
				// 									startAngle: 240,
				// 									yValueFormatString: "##0",
				// 									indexLabel: "{label} {y}",
				// 									dataPoints: [
				// 										{y: ((sendback.update).length - (sendback.graph).length), label: "正常"},
				// 										{y: (sendback.graph).length, label: "異常"},
				// 									]
				// 								}]
				// 							});
				// 							chart.render();
				//             			}
		  //           					break;
		  //           				case 'hosts':
		  //           					$('#chartContainer').css('display','block');
				//             			for(var i = 0;i < (sendback.update).length;i++){
				//             				$('#drag_' + sendback.update[i].id).removeClass('border-blink');
				//             				if(sendback.update[i].c_image != null){
				//             					$('#drag_' + sendback.update[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.update[i].c_image);
				//             				}else{
				//             					$('#drag_' + sendback.update[i].id).attr('src',src);
				//             				}
				//             			}
				//             			for(var i = 0;i < (sendback.graph).length;i++){
			 //            					$('#drag_' + sendback.graph[i].id).addClass('border-blink');
			 //            					if(sendback.graph[i].error_image != null){
			 //            						$('#drag_' + sendback.graph[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.graph[i].error_image);	
			 //            					}else{
			 //            						$('#drag_' + sendback.graph[i].id).attr('src',src);
			 //            					}	
				//             			}
				//             			if((sendback.update).length > 0){
				//             				var chart = new CanvasJS.Chart("chartContainer", {
				// 								animationEnabled: true,
				// 								data: [{
				// 									type: "pie",
				// 									startAngle: 240,
				// 									yValueFormatString: "##0",
				// 									indexLabel: "{label} {y}",
				// 									dataPoints: [
				// 										{y: ((sendback.update).length - (sendback.graph).length), label: "正常"},
				// 										{y: (sendback.graph).length, label: "異常"},
				// 									]
				// 								}]
				// 							});
				// 							chart.render();
				//             			}
		  //           					break;
		  //           				case 'All':
		  //           					$('#chartContainer').css('display','block');
				//             			for(var i = 0;i < (sendback.update).length;i++){
				//             				$('#drag_' + sendback.update[i].id).removeClass('border-blink');
				//             				if(sendback.update[i].c_image != null){
				//             					$('#drag_' + sendback.update[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.update[i].c_image);
				//             				}else{
				//             					$('#drag_' + sendback.update[i].id).attr('src',src);
				//             				}
				//             			}
				//             			for(var i = 0;i < (sendback.value).length;i++){
				//             				$('#pccs_value_' + sendback.value[i].id).removeClass('label-danger');
			 //            					$('#pccs_value_' + sendback.value[i].id).addClass('label-success');
				//             				$('#pccs_value_' + sendback.value[i].id).html(sendback.value[i].value + sendback.value[i].unit);
				//             			}
				//             			for(var i = 0;i < (sendback.graph).length;i++){
				//             				$('#drag_' + sendback.graph[i].id).addClass('border-blink');
				//             				if(sendback.graph[i].error_image != null){
			 //            						$('#drag_' + sendback.graph[i].id).attr('src','<?php echo e(asset("uploads/image")); ?>/'+sendback.graph[i].error_image);	
			 //            					}else{
			 //            						$('#drag_' + sendback.graph[i].id).attr('src',src);
			 //            					}	
				//             				$('#pccs_value_' + sendback.graph[i].id).removeClass('label-success');
			 //            					$('#pccs_value_' + sendback.graph[i].id).addClass('label-danger');
				//             			}
				//             			if((sendback.update).length > 0){
				//             				var chart = new CanvasJS.Chart("chartContainer", {
				// 								animationEnabled: true,
				// 								data: [{
				// 									type: "pie",
				// 									startAngle: 240,
				// 									yValueFormatString: "##0",
				// 									indexLabel: "{label} {y}",
				// 									dataPoints: [
				// 										{y: ((sendback.update).length - (sendback.graph).length), label: "正常"},
				// 										{y: (sendback.graph).length, label: "異常"},
				// 									]
				// 								}]
				// 							});
				// 							chart.render();
				//             			}
		  //           					break;
		  //           			}
		  //           			$('#ann_box').empty();
		  //           			var txt = '';
		  //           			console.log('show me some thing');
		  //           			console.log(sendback.all_error);
		  //           			if(sendback.all_error){
		  //           				for($i = 0;$i < (sendback.all_error).length;$i++)
			 //            			{
			 //            				txt += '<div style="overflow:hidden;height:30px;"><a class="btn_pccs_error" uid="' + sendback.all_error[$i].id + '" utype="' + sendback.all_error[$i].type + '">' + sendback.all_error[$i].type_name + '發生異常告警( ' + sendback.all_error[$i].name + ' ) 點擊查看</a></div>';
			 //            			}
			 //            			$('#ann_box').append(txt);
		  //           			}
		  //           		}
		  //           	});
				// 	// }else{
			 //  //       	console.log('非監控介面，不執行');
			 //  //       }
				// 	break;

				case 'show_prompt':
					$.ajax({
						url:'<?php echo e(route("console::notice_list")); ?>',
						type:'GET',
						data:{
							id : "prompt",
						},
						success: function(sendback){
							$('#notice_modal').modal('show');
							$(document).off('click','.leave');
							$('#notice_title').html("工作提示");
							$('#notice_content').html(sendback);
							App.unblockUI('#notice_content');
							callDataTable();
						},
						error: function(sendback){
							App.unblockUI('#notice_content');
						}
					});
					break;
	        }
    	}		
    	switch(action){
            case 'update_notice':
            	console.log('getUpdateNotice2');
            	$.ajax({
            		type : 'GET',
            		url : '<?php echo e(action('ConsoleController@getUpdateNotice')); ?>',
            		dataTyep:'json',
            		success : function(sendback){
            			$.each( sendback, function( key, value ) {
				    		if(value > 0 && value <=999){
				    			$('.notice-num[notice-num-id = "'+key+'"]').html(value);
				    			$('.notice-num[notice-num-id = "'+key+'"]').addClass('badge');
				    			$('.btn-notice[notice-id="'+key+'"]').removeClass('grey-cascade').addClass('red');
				    		}else if(value > 999){
				    			$('.notice-num[notice-num-id = "'+key+'"]').html("999+");
				    			$('.notice-num[notice-num-id = "'+key+'"]').addClass('badge');
				    			$('.btn-notice[notice-id="'+key+'"]').removeClass('grey-cascade').addClass('red');
				    		}else{
				    			$('.notice-num[notice-num-id = "'+key+'"]').html('');
					    		$('.notice-num[notice-num-id = "'+key+'"]').removeClass('badge');
				    			$('.btn-notice[notice-id="'+key+'"]').removeClass('red').addClass('grey-cascade');
				    		}
						});
            		},
            		error : function(sendback){
            			console.log("getUpdateNotice2_error");
            			// toastr['error']('<?php echo app('translator')->get('messages.update_unprocess_fail'); ?>');
            		}
            	});
            	break;
        }
    }

</script>

<script>
$(document).on('click','#demo_select_event',function(){
	$('#s2id_demo_select').fadeIn();
});


//設定TOKEN
$(document).ready(function(){

	$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
	});
    
    $('.sensor-data-percent').easyPieChart({
        animate: 1000,
        size: 75,
        lineWidth: 3,
        barColor: App.getBrandColor('yellow')
    });
    
    $(".select2, .select2-multiple").select2({
        width: null
    });
    
    refreshAllSensorStatus();
});

var callDataTable = function(){
	$('.data_table').dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "<?php echo app('translator')->get('messages.datatable_no_data'); ?>",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(<?php echo app('translator')->get('messages.from'); ?> _MAX_ <?php echo app('translator')->get('messages.records_filter'); ?>)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.show'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},
		"aaSorting": [[1,'desc']],
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",         

	});
}

var callMailDataTable = function () {
    var table = $('#table_mail');

    /* Formatting function for row details */
    function fnFormatDetails(oTable, nTr) {
        var aData = oTable.fnGetData(nTr);
        var sOut = '<div><table style="width:350px; line-height:17px; padding:5px; margin-right:10px; float:left;">';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">郵件編號(條碼)</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[1] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">感應卡ＩＤ</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[2] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">收件經手人</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[3] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">領件經手人</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[4] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">退信日期</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[6] + '</td></tr>';
        sOut += '</table></div><div style="line-height:15px; margin-right:10px; float:left;"><table>';
        
        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">簽名</td></tr>';

        if(aData[5] == ''){
        		sOut += '<tr rowspan="2"><td style="height:120px; width:263.09px;"> </td></tr>';
        }else{
        		sOut += '<tr rowspan="2"><td>'+aData[5]+'</td></tr>';
        }

        sOut += '</table></div><div style="line-height:10px;"><table>';

        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">圖片</td></tr>';

        if(aData[17] == ''){
        		sOut += '<tr rowspan="2"><td style="height:120px; width:180px;"> </td></tr>';
        }else{
        		sOut += '<tr rowspan="2"><td>'+aData[17]+'</td></tr>';
        }
        sOut += '</table></div><br><table style="margin-top:-10px;width:100%;"><tr><td><label style="line-height:15px;font-size: 16px;">備註</label><label style="line-height:15px;margin-left: 115px;font-size: 16px;">：<label style="line-height:15px;font-size: 16px;color:red;">'+aData[18]+'</label></label></td></tr></table>';
        return sOut;
    }

    var nCloneTh = document.createElement('th');
    nCloneTh.className = "table-checkbox";

    var nCloneTd = document.createElement('td');
    nCloneTd.innerHTML = '<span class="row-details row-details-close"></span>';

    table.find('thead tr').each(function () {
        this.insertBefore(nCloneTh, this.childNodes[0]);
    });

    table.find('tbody tr').each(function () {
        this.insertBefore(nCloneTd.cloneNode(true), this.childNodes[0]);
    });

    var oTable = table.dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "No data available in table",
		    "info": "顯示第 _START_ 到第 _END_ 則 共有 _TOTAL_ 則",
		    "infoEmpty": "沒有找到符合的資料",
		    "infoFiltered": "(filtered1 from _MAX_ total records)",
		    "lengthMenu": "顯示 _MENU_ 則",
		    "search": "快速篩選:",
		    "zeroRecords": "目前沒有任何資料",
		    "paginate": {
		        "previous":"上一頁",
		        "next": "下一頁",
		        "last": "最後",
		        "first": "最前"
		    }
		},
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});
    var tableWrapper = $('#table_list_wrapper'); // datatable creates the table wrapper by adding with id {your_table_jd}_wrapper

    /* Add event listener for opening and closing details
     * Note that the indicator for showing which row is open is not controlled by DataTables,
     * rather it is done here
     */
    table.on('click', ' tbody td .row-details', function () {
        var nTr = $(this).parents('tr')[0];
        if (oTable.fnIsOpen(nTr)) {
            /* This row is already open - close it */
            $(this).addClass("row-details-close").removeClass("row-details-open");
            oTable.fnClose(nTr);
        } else {
            /* Open this row */
            $(this).addClass("row-details-open").removeClass("row-details-close");
            oTable.fnOpen(nTr, fnFormatDetails(oTable, nTr), 'details');
        }
    });
}

var callElectricMailDataTable = function () {
    var table = $('#table_electric_mail');

    /* Formatting function for row details */
    function fnFormatDetails(oTable, nTr) {
        var aData = oTable.fnGetData(nTr);
        var sOut = '<div><table style="width:350px; line-height:17px; padding:5px; margin-right:10px; float:left;">';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">郵件編號(條碼)</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[1] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">感應卡ＩＤ</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[2] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">收件經手人</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[3] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">領件經手人</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[4] + '</td></tr>';
        sOut += '<tr><td style="font-size:16px;border-bottom: 1px solid #DDD;">退信日期</td><td style="font-size:16px;border-bottom: 1px solid #DDD;">' + '：' + aData[6] + '</td></tr>';
        sOut += '</table></div><div style="line-height:15px; margin-right:10px; float:left;">';

        sOut += '</div><div style="line-height:10px;"><table>';

        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">圖片</td></tr>';

        if(aData[17] == ''){
        		sOut += '<tr rowspan="2"><td style="height:120px; width:180px;"> </td></tr>';
        }else{
        		sOut += '<tr rowspan="2"><td>'+aData[17]+'</td></tr>';
        }
        sOut += '</table></div><br><table style="margin-top:-10px;width:100%;"><tr><td><label style="line-height:15px;font-size: 16px;">備註</label><label style="line-height:15px;margin-left: 115px;font-size: 16px;">：<label style="line-height:15px;font-size: 16px;color:red;">'+aData[18]+'</label></label></td></tr></table>';
        return sOut;
    }

    var nCloneTh = document.createElement('th');
    nCloneTh.className = "table-checkbox";

    var nCloneTd = document.createElement('td');
    nCloneTd.innerHTML = '<span class="row-details row-details-close"></span>';

    table.find('thead tr').each(function () {
        this.insertBefore(nCloneTh, this.childNodes[0]);
    });

    table.find('tbody tr').each(function () {
        this.insertBefore(nCloneTd.cloneNode(true), this.childNodes[0]);
    });

    var oTable = table.dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "No data available in table",
		    "info": "顯示第 _START_ 到第 _END_ 則 共有 _TOTAL_ 則",
		    "infoEmpty": "沒有找到符合的資料",
		    "infoFiltered": "(filtered1 from _MAX_ total records)",
		    "lengthMenu": "顯示 _MENU_ 則",
		    "search": "快速篩選:",
		    "zeroRecords": "目前沒有任何資料",
		    "paginate": {
		        "previous":"上一頁",
		        "next": "下一頁",
		        "last": "最後",
		        "first": "最前"
		    }
		},
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});
    var tableWrapper = $('#table_list_wrapper'); // datatable creates the table wrapper by adding with id {your_table_jd}_wrapper

    /* Add event listener for opening and closing details
     * Note that the indicator for showing which row is open is not controlled by DataTables,
     * rather it is done here
     */
    table.on('click', ' tbody td .row-details', function () {
        var nTr = $(this).parents('tr')[0];
        if (oTable.fnIsOpen(nTr)) {
            /* This row is already open - close it */
            $(this).addClass("row-details-close").removeClass("row-details-open");
            oTable.fnClose(nTr);
        } else {
            /* Open this row */
            $(this).addClass("row-details-open").removeClass("row-details-close");
            oTable.fnOpen(nTr, fnFormatDetails(oTable, nTr), 'details');
        }
    });
}

var callGuestDataTable = function () {
    var table = $('#table_guest');

    /* Formatting function for row details */
    function fnFormatDetails(oTable, nTr) {
        var aData = oTable.fnGetData(nTr);


        var sOut = '<div><table style="width:280px; line-height:18px; padding:5px; margin-right:7px; float:left;">';
        sOut += '<tr><td style="border-bottom: 1px solid #DDD">感應卡ＩＤ</td><td width="50%" style="border-bottom: 1px solid #DDD">：' + aData[1] + '</td></tr>';
        sOut += '<tr><td style="border-bottom: 1px solid #DDD">證件位置</td><td width="50%" style="border-bottom: 1px solid #DDD">：' + aData[2] + '</td></tr>';
        sOut += '<tr><td style="border-bottom: 1px solid #DDD">關係</td><td width="50%" style="border-bottom: 1px solid #DDD">：' + aData[3] + '</td></tr>';
        sOut += '<tr><td style="border-bottom: 1px solid #DDD">離開日期</td><td width="50%" style="border-bottom: 1px solid #DDD">：' + aData[7] + '</td></tr>';
        sOut += '<tr><td >訪客人數</td><td width="50%" >：' + aData[8] + '</td></tr>';
        sOut += '</table></div>';

        sOut += '<div style="line-height:15px; margin-right:7px; float:left;"><table>';
        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">訪客簽名</td></tr>';
        if(aData[4] == ''){
          sOut += '<tr rowspan="2"><td style="height:90px; width:110px;"> </td></tr>';
        }else{
          sOut += '<tr rowspan="2"><td>'+aData[4]+'</td></tr>';
        }
        sOut += '</table></div>';

        sOut += '<div style="line-height:15px; margin-right:7px; float:left;"><table>';
        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">離開簽名</td></tr>';
        if(aData[5] == ''){
          sOut += '<tr rowspan="2"><td style="height:90px; width:110px;"> </td></tr>';
        }else{
          sOut += '<tr rowspan="2"><td>'+aData[5]+'</td></tr>';
        }
        sOut += '</table></div>';
        sOut += '<div style="line-height:15px; margin-right:7px; float:left;"><table>';
        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">訪客照片</td></tr>';
        if(aData[6] == ''){
          sOut += '<tr rowspan="2"><td style="height:90px; width:110px;"> </td></tr>';
        }else{
          sOut += '<tr rowspan="2"><td>'+aData[6]+'</td></tr>';
        }
        sOut += '</table></div>';
        return sOut;

    }

    var nCloneTh = document.createElement('th');
    nCloneTh.className = "table-checkbox";

    var nCloneTd = document.createElement('td');
    nCloneTd.innerHTML = '<span class="row-details row-details-close"></span>';

    table.find('thead tr').each(function () {
        this.insertBefore(nCloneTh, this.childNodes[0]);
    });

    table.find('tbody tr').each(function () {
        this.insertBefore(nCloneTd.cloneNode(true), this.childNodes[0]);
    });

    var oTable = table.dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "No data available in table",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.records'); ?> <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(filtered1 from _MAX_ total records)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.display'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});
    var tableWrapper = $('#table_list_wrapper'); // datatable creates the table wrapper by adding with id {your_table_jd}_wrapper

    /* Add event listener for opening and closing details
     * Note that the indicator for showing which row is open is not controlled by DataTables,
     * rather it is done here
     */
    table.on('click', ' tbody td .row-details', function () {
        var nTr = $(this).parents('tr')[0];
        if (oTable.fnIsOpen(nTr)) {
            /* This row is already open - close it */
            $(this).addClass("row-details-close").removeClass("row-details-open");
            oTable.fnClose(nTr);
        } else {
            /* Open this row */
            $(this).addClass("row-details-open").removeClass("row-details-close");
            oTable.fnOpen(nTr, fnFormatDetails(oTable, nTr), 'details');
        }
    });
}

var callInoutsDataTable = function () {
    var table = $('#table_inouts');
    var oTable = table.dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "No data available in table",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.records'); ?> <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(filtered1 from _MAX_ total records)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.display'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});
    // var tableWrapper = $('#table_list_wrapper');
}

var callFaultreportDataTable = function () {
	$('#fault_report_title').html('室內修繕');
    var table = $('#table_faultreport');
    var oTable = table.dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "No data available in table",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.records'); ?> <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(filtered1 from _MAX_ total records)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.display'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});
    // var tableWrapper = $('#table_list_wrapper');
}

var callIntercomDataTable = function () {
	$('#table_intercom').dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "<?php echo app('translator')->get('messages.datatable_no_data'); ?>",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(<?php echo app('translator')->get('messages.from'); ?> _MAX_ <?php echo app('translator')->get('messages.records_filter'); ?>)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.show'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},
		"aaSorting": [[4,'desc','number']],
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",         

	});
}

var callKeeperDataTable = function () {
    var table = $('#table_keeper');

    /* Formatting function for row details */
    function fnFormatDetails(oTable, nTr) {
        var aData = oTable.fnGetData(nTr);
        var sOut = '<div><table style="width:280px; line-height:18px; padding:5px; margin-right:7px; float:left;">';
        sOut += '<tr><td style="border-bottom: 1px solid #DDD;width:33%;">感應卡ＩＤ</td><td style="border-bottom: 1px solid #DDD;">：' + aData[1] + '</td></tr>';
        sOut += '<tr><td style="border-bottom: 1px solid #DDD;">收件經手人</td><td style="border-bottom: 1px solid #DDD;">：' + aData[5] + '</td></tr>';
        sOut += '<tr><td style="border-bottom: 1px solid #DDD;">領件經手人</td><td style="border-bottom: 1px solid #DDD;">：' + aData[6] + '</td></tr>';
        sOut += '<tr><td>取件日期</td><td>：' + aData[4] + '</td></tr>';
        sOut += '</table></div>';

        sOut += '<div style="line-height:15px; margin-right:7px; float:left;"><table>';
        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">寄件人簽名</td></tr>';
        if(aData[2] == ''){
        		sOut += '<tr rowspan="2"><td style="height:90px; width:220px;"> </td></tr>';
        }else{
        		sOut += '<tr rowspan="2"><td>'+aData[2]+'</td></tr>';
        }
        sOut += '</table></div>';

        sOut += '<div style="line-height:15px; margin-right:7px; float:left;"><table>';
        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">領取人簽名</td></tr>';
        if(aData[3] == ''){
        		sOut += '<tr rowspan="2"><td style="height:90px; width:220px;"> </td></tr>';
        }else{
        		sOut += '<tr rowspan="2"><td>'+aData[3]+'</td></tr>';
        }
        sOut += '</table></div>';
        sOut += '<div style="line-height:15px; margin-right:7px; float:left;"><table>';
        sOut += '<tr><td colspan="2" align="center" style="font-size:16px;">物品照片</td></tr>';
        if(aData[7] == ''){
        		sOut += '<tr rowspan="2"><td style="height:90px; width:120px;"> </td></tr>';
        }else{
        		sOut += '<tr rowspan="2"><td>'+aData[7]+'</td></tr>';
        }
        sOut += '</table></div>';
        return sOut;
    }

    var nCloneTh = document.createElement('th');
    nCloneTh.className = "table-checkbox";

    var nCloneTd = document.createElement('td');
    nCloneTd.innerHTML = '<span class="row-details row-details-close"></span>';

    table.find('thead tr').each(function () {
        this.insertBefore(nCloneTh, this.childNodes[0]);
    });

    table.find('tbody tr').each(function () {
        this.insertBefore(nCloneTd.cloneNode(true), this.childNodes[0]);
    });

    var oTable = table.dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "No data available in table",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.records'); ?> <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(從 _MAX_ 筆資料中過濾)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.display'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},

		"bStateSave": false, // save datatable state(pagination, sort, etc) in cookie.
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});
    var tableWrapper = $('#table_list_wrapper'); // datatable creates the table wrapper by adding with id {your_table_jd}_wrapper

    /* Add event listener for opening and closing details
     * Note that the indicator for showing which row is open is not controlled by DataTables,
     * rather it is done here
     */
    table.on('click', ' tbody td .row-details', function () {
        var nTr = $(this).parents('tr')[0];
        if (oTable.fnIsOpen(nTr)) {
            /* This row is already open - close it */
            $(this).addClass("row-details-close").removeClass("row-details-open");
            oTable.fnClose(nTr);
        } else {
            /* Open this row */
            $(this).addClass("row-details-open").removeClass("row-details-close");
            oTable.fnOpen(nTr, fnFormatDetails(oTable, nTr), 'details');
        }
    });
}

var callDataTable_news = function(){
	$('.data_table_news').dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "No data available in table",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(filtered1 from _MAX_ total records)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.display'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},
        "aaSorting": [[2,'desc']],
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
	});
}

var callDataTable_store = function(){
	$('.data_table_store').dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "此列表目前沒有資料",
		    "info": "顯示第 _START_ 到第 _END_ 則 共有 _TOTAL_ 則",
		    "infoEmpty": "沒有找到符合的資料",
		    "infoFiltered": "(從 _MAX_ 筆資料中過濾)",
		    "lengthMenu": "顯示 _MENU_ 則",
		    "search": "快速篩選:",
		    "zeroRecords": "目前沒有任何資料",
		    "paginate": {
		        "previous":"上一頁",
		        "next": "下一頁",
		        "last": "最後",
		        "first": "最前"
		    }
		},
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
		
	});
}

var callDataTable_firm = function(){
	$('.data_table_firm').dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "此列表目前沒有資料",
		    "info": "顯示第 _START_ 到第 _END_ 則 共有 _TOTAL_ 則",
		    "infoEmpty": "沒有找到符合的資料",
		    "infoFiltered": "(從 _MAX_ 筆資料中過濾)",
		    "lengthMenu": "顯示 _MENU_ 則",
		    "search": "快速篩選:",
		    "zeroRecords": "目前沒有任何資料",
		    "paginate": {
		        "previous":"上一頁",
		        "next": "下一頁",
		        "last": "最後",
		        "first": "最前"
		    }
		},
		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,
		"pagingType": "bootstrap_full_number",
		"columnDefs": [{  // set default column settings
		    'orderable': false,
		    'targets': [0]
		}, {
		    "searchable": false,
		    "targets": [0]
		}]
		
	});
}

//BA展示範例
$(document).on('click','.demo_ba',function(){
    var chart = $(this).parents('.sensor-chart');
    var tag   = chart.attr('sensor-tag');
    $('#sensor_name').text(chart.attr('sensor-name'));
    $('#sensor_history_chart').html('<div style="text-align:center;">Loading...</div>');
    $('#sensor_equip_status').html('<div style="text-align:center;">Loading...</div>');
    $('#sensor_event_notify').html('<div style="text-align:center;">Loading...</div>');
    $.ajax({
        type : 'GET',
        url : '<?php echo e(route('console::getChart2')); ?>',
        dataTyep:'html',
        data: {id: tag},
        success : function(sendback){
            $('#sensor_history_chart').html(sendback);
        },
        error : function(sendback){

        }
    });
    
    $.ajax({
        type : 'GET',
        url : '<?php echo e(route('console::getEquipStatus')); ?>',
        dataTyep:'html',
        data: {id: tag},
        success : function(sendback){
            $('#sensor_equip_status').html(sendback);
        },
        error : function(sendback){

        }
    });
    
    $.ajax({
        type : 'GET',
        url : '<?php echo e(route('console::getEventNotify')); ?>',
        dataTyep:'html',
        data: {id: tag},
        success : function(sendback){
            $('#sensor_event_notify').html(sendback);
        },
        error : function(sendback){

        }
    });
    
	$('#ba_modal').modal('show');
});

$(document).on('click','.btn-notice',function(){
	$('#notice_title').html('');
	$('#notice_content').html('');
	var id = $(this).attr('notice-id');
	var title = $(this).attr('notice-name');
	$('#notice_modal').modal('show');
	App.blockUI({
        target: '#notice_content',
        boxed: true,
        overlayColor: 'none',
        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
        textOnly: true
    });

	$.ajax({
		url:'<?php echo e(route("console::notice_list")); ?>',
		type:'GET',
		data:{
			id : id,
		},
		success: function(sendback){
			$(document).off('click','.leave');
			$('#notice_title').html(title);
			$('#notice_content').html(sendback);
			App.unblockUI('#notice_content');
			if(id == 'mail'){
				callMailDataTable();
            }else if (id == 'electric_mail') {
                callElectricMailDataTable();
            }else if (id == 'guest') {
                callGuestDataTable();
            }else if (id == 'inouts') {
                callInoutsDataTable();
            }else if (id == 'keeper') {
                callKeeperDataTable();
            }else if (id == 'fault_report') {
                callFaultreportDataTable();
			}else if(id == 'intercom'){
				callIntercomDataTable();
			}else{
				callDataTable();
			}
		},
		error: function(sendback){
			toastr['warning']('<?php echo app('translator')->get('messages.item_not_activate'); ?>');
			App.unblockUI('#notice_content');
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('click','.btn_filter',function(){
	var id = $(this).data('notice');
	var filter = $(this).data('filter');
    var category = $(this).data('category');	
	$.ajax({
		url:'<?php echo e(route("console::notice_list")); ?>',
		type:'GET',
		data:{
			id : id,
			filter : filter,
            category: category
		},
		success: function(sendback){
			$('#notice_content').html(sendback);
			if(id == 'mail'){
				callMailDataTable();
            }else if (id == 'guest') {
               callGuestDataTable();
				}else if (id == 'keeper') {
               callKeeperDataTable();
			}else{
				if (filter == 'public_area'){
					$('#fault_report_title').html('公區修繕');
				}else if(filter == 'indoor'){
					$('#fault_report_title').html('室內修繕');
				}
				callDataTable();
			}
		},
		error: function(sendback){
			toastr['warning']('<?php echo app('translator')->get('messages.item_not_activate'); ?>');
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('click','.btn_filter_category',function(){
    var category = $(this).attr('data-category');
    $('#table_ba').DataTable().columns(1).search(category).draw();
});
    
$(document).on('click','.btn-function',function(){
	switch($(this).attr('function')){
		case 'finance':
			$('#function_quick_content').html('<iframe src="https://nsst.tw:8081/finance2temp_c023" style="width:100%;height:90vh;" frameborder="0" scrolling="no"></iframe>');
			$('#modal_function_quick').modal('show');
			break;
		case 'mail':
			$('#function_quick_content').html('<iframe src="<?php echo e(url("quicks/mail")); ?>" style="width:100%;height:90vh;" frameborder="0" scrolling="no"></iframe>');
			$('#modal_function_quick').modal('show');
			break;
		case 'guest':
			$('#function_quick_content').html('<iframe src="<?php echo e(url("quicks/quick/guest")); ?>" style="width:100%;height:90vh;" frameborder="0" scrolling="no"></iframe>');
			$('#modal_function_quick').modal('show');
			break;
		case 'keeper':
			$('#function_quick_content').html('<iframe src="<?php echo e(url("quicks/quick/keeper")); ?>" style="width:100%;height:90vh;" frameborder="0" scrolling="no"></iframe>');
			$('#modal_function_quick').modal('show');
			break;
		case 'list':
			$.ajax({
				url:'<?php echo e(route("console::notice_list")); ?>',
				type:'GET',
				data:{
					id : "list"
				},
				success: function(sendback){
					$('#notice_modal').modal('show');
					$('#notice_content').html(sendback);
					callDataTable();
				},
				error: function(sendback){
					toastr['warning']('此項目目前尚未開放');
				}
			});
			break;
		case 'inst':
			$.ajax({
				type:'GET',
				url:'<?php echo e(route("console::function")); ?>',
				data:{
					function : 'inst'
				},
				success:function(sendback){
					$('#modal_function_inst_content').html(sendback);
					$('#modal_function_inst').modal('show');
				},
				error:function(sendback){
					toastr['error']('<?php echo app('translator')->get('messages.error_contact_developer'); ?>');
				}
			});
			break;
		case 'point':
			$.ajax({
				type:'GET',
				url:'<?php echo e(route("console::function")); ?>',
				data:{
					function : 'point',
					card_no  : 'nodata',
					type     : 'card'
				},
				success:function(sendback){
					$(document).off('click','#btn_point_view');
					$(document).off('click','#btn_allgive');
					$(document).off('click','#btn_setting');
					$(document).off('click','#btn_allgive_confirm');
					$(document).off('click','#btn_allgive_list');
					$(document).off('click','#btn_buy_monthcard');
					
					$('#modal_function_point_content').html(sendback);
					$('#modal_function_point').modal('show');
				},
				error:function(sendback){
					toastr['error']('<?php echo app('translator')->get('messages.error_contact_developer'); ?>');
				}
			});
			break;
		case 'news':
			$.ajax({
				type:'GET',
				url: '<?php echo e(route("console::function")); ?>',
				data:{
					function : 'news'
				},
				success: function(sendback){
					$('#modal_function_news_content').html(sendback);
					$('#modal_function_news').modal('show');
					callDataTable_news();
				},
				error: function(sendback){
					toastr['error']('<?php echo app('translator')->get('messages.error_contact_developer'); ?>');
				}
			});
			break;
		case 'store':
			$.ajax({
				type:'GET',
				url: '<?php echo e(route("console::function")); ?>',
				data:{
					function : 'store'
				},
				success: function(sendback){
					$('#modal_function_store_content').html(sendback);
					$('#modal_function_store').modal('show');
					callDataTable_store();
				},
				error: function(sendback){
					toastr['error']('操作錯誤，請聯繫開發人員');
				}
			});
			break;
		case 'firm':
			$.ajax({
				type:'GET',
				url: '<?php echo e(route("console::function")); ?>',
				data:{
					function : 'firm'
				},
				success: function(sendback){
					$('#modal_function_firm_content').html(sendback);
					$('#modal_function_firm').modal('show');
					callDataTable_firm();
				},
				error: function(sendback){
					toastr['error']('操作錯誤，請聯繫開發人員');
				}
			});
			break;
		case 'activity':
			$.ajax({
				type:'GET',
				url: '<?php echo e(route("console::function")); ?>',
				data:{
					function : 'activity'
				},
				success: function(sendback){
					$('#modal_function_activity_content').html(sendback);
					$('#modal_function_activity').modal('show');
					callDataTable_firm();
				},
				error: function(sendback){
					toastr['error']('操作錯誤，請聯繫開發人員');
				}
			});
			break;
		case 'record':
			clear_record_display();
			$('#modal_function_record').modal('show');
			break;
		case 'inouts':
			clear_record_display();
			$('#btn_out').css('visibility', 'visible');
			$('#btn_in').css('visibility', 'visible');
			$('.inouts_out').css('display', 'none');
			$('.inouts_in').css('display', 'none');
			$('form').find('input[type=text]').val('');
			$('#modal_function_inouts').modal('show');
			break;
		case 'meal':
			$('#function_quick_content').html('<iframe src="<?php echo e(action('MealController@meal')); ?>" style="width:100%;height:90vh;" frameborder="0" scrolling="no"></iframe>');
			$('#modal_function_quick').modal('show');
			break;
		case 'library':
			$.ajax({
				type:'GET',
				url: '<?php echo e(route("console::function")); ?>',
				data:{
					function : 'library'
				},
				success: function(sendback){
					$('#modal_function_library_content').html(sendback);
					$('#modal_function_library').modal('show');
				},
				error: function(sendback){
					toastr['error']('操作錯誤，請聯繫開發人員');
				}
			});
			break;
		case 'matter':
			$.ajax({
				type:'GET',
				url: '<?php echo e(route("console::function")); ?>',
				data:{
					function : 'matter'
				},
				success: function(sendback){
					$('#modal_function_matter_content').html(sendback);
					$('#modal_function_matter').modal('show');
					callDataTable_firm();
					// console.log(sendback.matter);
				},
				error: function(sendback){
					toastr['error']('操作錯誤，請聯繫開發人員');
				}
			});
			break
		case 'setcard':
			cardset_init();
			cardset_step_1();
			cardset_var_init();
			$('#modal_function_cardset').modal('show');
			break;

		case 'electric_mail':
			$('#function_quick_content').html('<iframe src="<?php echo e(url("quicks/electric_mail")); ?>" style="width:100%;height:90vh;" frameborder="0" scrolling="no"></iframe>');
			$('#modal_function_quick').modal('show');
			break;
	}
});

$(document).on('click','.btn_news_view',function(){
	uid = $(this).attr('uid');
	$.ajax({
		type : 'GET',
		url : "<?php echo e(action('ConsoleController@viewNews',['id'=>''])); ?>/"+uid,
		success : function(sendback){
			$('#modal_function_news_view_content').html(sendback);
			$('#modal_function_news_view').modal('show');
		},
		error : function(sendback){
			toastr['error']('<?php echo app('translator')->get('messages.error_refresh_try'); ?>');
		}
	})
});
//	公設預約	Start
// 其他登入方式
$(document).on('click','#btn_inst_other',function(){
	$.ajax({
		type : 'POST',
		url : '<?php echo e(route("console::inst_other")); ?>',
		data : {
			inst_type : $('#inst_type').val()
		},
		success : function(sendback){
			$('#modal_function_inst').modal('hide');
			$('#modal_function_inst_other_content').html(sendback);
			$('#modal_function_inst_other').modal('show');
		},
		error : function(sendback){
			toastr['error']('連線異常，請重新整理後再嘗試。');
		}
	});
});

$(document).on('click','.btn_step_user',function(){
	var uid = $(this).attr('username');
	$.ajax({
		type:'POST',
		url: '<?php echo e(route("console::inst_view")); ?>',
		data:{
			inst_type : $('#inst_type').val(),
			_token : '<?php echo e(csrf_token()); ?>',
			user_id : uid
		},
		success: function(sendback){
			$('#modal_function_inst_other').modal('hide');
			$('#modal_function_inst_view_content').html(sendback);
			$('#modal_function_inst_view').modal('show');
		},
		error: function(sendback){
			toastr['error']('操作錯誤，請聯繫開發人員');
		}
	});
});
// 選擇預約或計時制 並登入卡號判斷是否為使用住戶 > 顯示公設清單
$(document).on('keypress','#card_no',function(e){
	if ( e.keyCode == 13 && this.value) {
		$.ajax({
			type : 'POST',
            url : '<?php echo e(route("console::inst_card_no")); ?>',
			dataType : 'json',
			data : {
				card_no : $('#card_no').val(),
				_token : $('#card_token').val()
			},
			success : function(sendback){
				if(sendback['success']){
					//有此卡號
					$.ajax({
						type:'POST',
						url: '<?php echo e(route("console::inst_view")); ?>',
						data:{
							inst_type : $('#inst_type').val(),
							card_type : sendback.card_type,
							user_id : sendback.user_id,
							_token : $('#card_token').val()
						},
						success : function(sendback){
							toastr['success']('驗證成功');
							$('#modal_function_inst').modal('hide');
							$('#modal_function_Inst_Card_view').modal('hide');
							$('#modal_function_inst_view_content').html(sendback);
		                    $('#modal_function_inst_view').modal('show');
						},
						error : function(sendback){
							$('#modal_function_Inst_Card_view').modal('hide');
							$('#btn_inst_barcode').css('visibility','visible');
							$('#btn_inst_nfc').css('visibility','visible');
							$('#btn_inst_other').css('visibility','visible');
							toastr['error']('查無此帳號，請確認後再測試');
						}
					});
				}else{
					//無此卡號
					$('#modal_function_Inst_Card_view').modal('hide');
					$('#btn_inst_barcode').css('visibility','visible');
					$('#btn_inst_nfc').css('visibility','visible');
					$('#btn_inst_other').css('visibility','visible');
					toastr['error'](sendback.message);
				}
			},
			error : function(sendback){
				$('#modal_function_Inst_Card_view').modal('hide');
				$('#btn_inst_barcode').css('visibility','visible');
				$('#btn_inst_nfc').css('visibility','visible');
				$('#btn_inst_other').css('visibility','visible');
				toastr['error']('查無此卡號，請確認後再測試');
			}
		});
	}
});

//公設刷卡、手機登入
$(document).on('keypress','#card_no_barcode',function(e){
	if ( e.keyCode == 13 && this.value) {
		$.ajax({
			type : 'POST',
            url : '<?php echo e(route("console::inst_user_id")); ?>',
			dataType : 'json',
			data : {
				user_id : $('#card_no_barcode').val(),
				_token : $('#card_token').val()
			},
			success : function(sendback){
				if(sendback['success']){
					//有此卡號
					$.ajax({
						type:'POST',
						url: '<?php echo e(route("console::inst_view")); ?>',
						data:{
							inst_type : $('#inst_type').val(),
							user_id : $('#card_no_barcode').val(),
							_token : $('#card_token').val()
						},
						success : function(sendback){
							toastr['success']('驗證成功');
							$('#modal_function_inst').modal('hide');
							$('#modal_function_Inst_Phone_view').modal('hide');
							$('#modal_function_inst_view_content').html(sendback);
		                    $('#modal_function_inst_view').modal('show');
						},
						error : function(sendback){
							$('#modal_function_Inst_Phone_view').modal('hide');
							$('#btn_inst_barcode').css('visibility','visible');
							$('#btn_inst_nfc').css('visibility','visible');
							$('#btn_inst_other').css('visibility','visible');
							toastr['error']('查無此帳號，請確認後再測試');
						}
					});
				}else{
					//無此卡號
					$('#modal_function_Inst_Phone_view').modal('hide');
					$('#btn_inst_barcode').css('visibility','visible');
					$('#btn_inst_nfc').css('visibility','visible');
					$('#btn_inst_other').css('visibility','visible');
					toastr['error']('查無此帳號，請確認後再測試');
				}
			},
			error : function(sendback){
				$('#modal_function_Inst_Phone_view').modal('hide');
				$('#btn_inst_barcode').css('visibility','visible');
				$('#btn_inst_nfc').css('visibility','visible');
				$('#btn_inst_other').css('visibility','visible');
				toastr['error']('連線異常，請重新整理後再嘗試。');
			}
		});
	}
});


//	公設的清單 > 詳細資料
$(document).on('click','.btn_inst_introduction',function(){
	uid = $(this).attr('uid');
	$.ajax({
		type:'POST',
		url: '<?php echo e(route("console::inst_introduction",["id"=>""])); ?>/'+uid,
		data:{
			inst_type : $('#inst_type').val(),
			_token : $('#card_token').val()
		},
		success : function(sendback){
			$('#modal_function_inst_introduction_content').html(sendback);
			$('#modal_function_inst_introduction').modal('show');
		},
		error : function(sendback){
			toastr['error']('連線異常，請重新整理後再嘗試。');
		}
	});
});
//	公設的清單 > 預約的時間選擇
$(document).on('click','.btn_inst_time',function(){
	uid = $(this).attr('uid');
	$.ajax({
		type : 'POST',
		url : '<?php echo e(route("console::inst_checktime",["id"=>""])); ?>/'+uid,
		data : {
			inst_type : $('#inst_type').val(),
			_token : $('#card_token').val(),
			user_id : $('#user_id').val(),
			card_type :$('#card_type').val()
		},
		success : function(sendback){
			$('#modal_function_inst_view').modal('hide');
			$('#modal_function_inst_checktime_content').html(sendback);
			$('#modal_function_inst_checktime').modal('show');
		},
		error : function(sendback){
			toastr['error']('連線異常，請重新整理後再嘗試。');
		}
	});
});
// 進場的時間選擇 > 結帳 (預約)
$(document).on('click','#btn_inst_checkout',function(){
	$(document).off('click','.keyboard-num-inst');
	$(document).off('click','#btn_backspace');
	var input_error = false;
	if($('#reservation_person').val() == ""){
		toastr['error']('預約人數尚未選擇');
		input_error = true;
	}
	if($('#reservation_section').val() == ""){
		toastr['error']('預約時間尚未選擇');
		input_error = true;
	}
	if($('#reservation_date').val() == ""){
		toastr['error']('預約日期尚未選擇');
		input_error = true;
	}
	if($('#inst_check').val() == 1)
	{
		var today = new Date();
		var month = today.getMonth()+1;
		var day   = today.getDate();
		if(month < 10){
			month = "0" + month;
		}
		if(day < 10){
			day = "0" + day;
		}
		var new_date = today.getFullYear()+"/"+month+"/"+day;
		if($('#reservation_date').val() == new_date){
			toastr['error']('此公設設定為不可預約當日！！');
			input_error = true;
		}
	}
	if(!input_error){
		$.ajax({
			type : 'POST',
			url : '<?php echo e(route("console::inst_checkout")); ?>',
			data : {
				user_id : $('#user_id').val(),
				inst_type : $('#inst_type').val(),
				inst_uid : $('#inst_uid').val(),
				reservation_date : $('#reservation_date').val(),
				reservation_section : $('#reservation_section').val(),
				reservation_person : $('#reservation_person').val(),
				_token : $('#card_token').val(),
				card_type :$('#card_type').val()
			},
			success : function(sendback){
				$('#modal_function_inst_checktime').modal('hide');
				$('#modal_function_inst_checkout_content').html(sendback);
				$('#modal_function_inst_checkout').modal('show');
			},
			error : function(sendback){
				toastr['error']('連線異常，請重新整理後再嘗試。');
			}
		});
	}else{
		toastr['error']('以下欄位請務必選擇');
	}
});
// 進場的時間選擇 > 結帳 (計時)
$(document).on('click','#btn_inst_checkout_timing',function(){
	$(document).off('click','.keyboard-num-timing');
	$(document).off('click','#btn_backspace_timing');
	var input_error = false;
	if($('#reservation_person').val() == ""){
		toastr['error']('預約人數尚未選擇');
		input_error = true;
	}
	if(!input_error){
		$.ajax({
			type : 'POST',
			url : '<?php echo e(route("console::inst_checkout_timing")); ?>',
			data : {
				user_id : $('#user_id').val(),
				inst_type : $('#inst_type').val(),
				inst_uid : $('#inst_uid').val(),
				reservation_person : $('#reservation_person').val(),
				_token : $('#card_token').val(),
				card_type :$('#card_type').val()
			},
			success : function(sendback){
				$('#modal_function_inst_checktime').modal('hide');
				$('#modal_function_inst_checkout_timing_content').html(sendback);
				$('#modal_function_inst_checkout_timing').modal('show');
			},
			error : function(sendback){
				toastr['error']('連線異常，請重新整理後再嘗試。');
			}
		});
	}else{
		toastr['error']('以下欄位請務必選擇');
	}
});
//預約制 送出
$(document).on('click','#btn_inst_submit',function(){
	var inst_input_error = false;
	var box_person = ($('#reservation_person').val()>0)?"0":"1";
	if($('#cost_type').val() == ""){
		toastr['error']('扣點類型尚未選擇');
		inst_input_error = true;
	}
	if(!inst_input_error){
		$.ajax({
			type : 'POST',
			url : '<?php echo e(route("console::inst_submit")); ?>',
			data : {
				inst_id : $('#inst_uid').val(),
				user_id : $('#user').val(),
				date : $('#reservation_date').val(),
				time_section : $('#reservation_section').val(),
				is_box : box_person,
				person : $('#reservation_person').val(),
				point_type : $('#cost_type').val(),
				input_other_cash : $('#input_other_cash').val(),
				platform : 'console',
				undertake : '<?php echo e($sentinel::check()->id); ?>',
				desc : ""
			},
			success : function(sendback){
				toastr['success'](sendback);
				$('#modal_function_inst_checkout').modal('hide');
			},
			error : function(sendback){
				toastr['error']('連線異常，請重新整理後再嘗試。')
			}
		});
	}else{
		toastr['error']('以下欄位請務必選擇');
	}
});
//計時制 送出
$(document).on('click','#btn_inst_timing_submit',function(){
	var inst_input_error = false;
	if($('#cost_type').val() == ""){
		toastr['error']('扣點類型尚未選擇');
		inst_input_error = true;
	}
	if(!inst_input_error){
		$.ajax({
			type : 'POST',
			url : '<?php echo e(route("console::inst_timing_submit")); ?>',
			data : {
				_token:'<?php echo e(csrf_token()); ?>',
				inst_id : $('#inst_uid').val(),
				user_id : $('#user').val(),
				person : $('#reservation_person').val(),
				point_type : $('#cost_type').val(),
				equipments : $('#equipments').val(),
				input_other_cash : $('#input_other_cash').val(),
				pawns : $('#pawns').val()
			},
			success : function(sendback){
				if(sendback.check === false){
					$.each(sendback.message, function( index, value ) {
						toastr['warning'](value);
					});
				}else{
					toastr['success']('資料送出成功！');
					$('#modal_function_inst_checkout_timing').modal('hide');
				}
			},
			error : function(sendback){
				toastr['error']('連線異常，請重新整理後再嘗試。')
			}
		});
	}else{
		toastr['error']('以下欄位請務必選擇');
	}
});
//	公設預約 End

// PCCS Start
$(document).on('click','#btn_pccs_show',function(){
	$.ajax({
		type 	: 'GET',
		url 	: '<?php echo e(route("manage::pccs::console")); ?>',
		success: function(sendback){
			$('#modal_function_pccs_content').html(sendback);
			$('#pccs_building').selectpicker('setStyle', 'btn-success');
			$('#pccs_floor').selectpicker('setStyle', 'btn-success');
			$('#pccs_location').selectpicker('setStyle', 'btn-success');
			$('#pccs_type').selectpicker('setStyle', 'btn-success');
			$.ajax({
				type 	: 'POST',
				url 	: '<?php echo e(route("manage::pccs::get_pccs_data")); ?>',
				data 	: {
					type : $('#pccs_type').val(),
					building : $('#pccs_building').val(),
					location : $('#pccs_location').val(),
					floor 	: $('#pccs_floor').val(),
					_token : '<?php echo e(csrf_token()); ?>'
				},
				success : function(result){
					$('#chartContainer').css('display','none');
					$('#modal_pccs_image').empty();
					if(result.image != ''){
						$('#modal_pccs_image').css('background-image','url('+result.image+')');
        				var html = '';
        				var src = '';
		        		for(var i = 0;i < (result.graph).length;i++){
		        			if(result.graph[i].c_image == null){
		        				src = '<?php echo e(asset("assets/images/no_setting.png")); ?>';
		        			}else{
		        				src = '<?php echo e(asset("uploads/image")); ?>/' + result.graph[i].c_image;
		        			}
		        			if(result.graph[i].left != 0 && result.graph[i].top != 0){
	        					html += '<img id="drag_' + result.graph[i].id + '" uid="' + result.graph[i].id + '" utype="' + result.graph[i].type + '" class="drag-me drag-style show-tooltip" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="' + result.graph[i].b_name + '" src="' + src + '" style="left: ' + result.graph[i].left + 'px;top: ' + result.graph[i].top + 'px;"><label id="pccs_value_' + result.graph[i].id + '" class="label label-success" style="left: ' + (parseInt(result.graph[i].left)) + 'px;top: ' + (parseInt(result.graph[i].top) + 50) + 'px;position: absolute;"></label>';
        					}
		        		}
		        		$('#modal_pccs_image').append(html);
		        		$('.show-tooltip').tooltip();
		        		if(result.graph.length == 0){
			    			$('#pccs_table tr:last').after('<tr><td colspan="2">查無資料</td></tr>');
			    		}else{
			    			for(var i=0;i<result.graph.length;i++){
								$('#pccs_table tr:last').after('<tr><td>'+result.graph[i]['b_name']+'</td><td><a uid="'+result.graph[i]['id']+'" class="btn_pccs_check">定位</a></td></tr>');
							}
							socketAction('update_pccs');
			    		}
					}else{
						$('#modal_pccs_image').css('background-image','url("https://www.placehold.it/1400x750/EFEFEF/AAAAAA&amp;text=no+image")');
						$('#pccs_table tr:last').after('<tr><td colspan="2">查無資料</td></tr>');
		        		toastr['warning']('該位置尚未設定圖片');
					}
				}
			});
			$('#modal_function_pccs').modal('show');
		},
		error: function(sendback){
			toastr['error']('操作錯誤，請聯繫開發人員');
		}
	});
});


$(document).on('change','#pccs_type',function(){
	getPccsData();
});
$(document).on('change','#pccs_building',function(){
	getPccsData();
});
$(document).on('change','#pccs_location',function(){
	getPccsData();
});
$(document).on('change','#pccs_floor',function(){
	getPccsData();
});
$(document).on('click','.btn_pccs_check',function(){
	$('#pccs_icon').remove();
	$(this).append('<i id="pccs_icon" class="fa fa-crosshairs"></i>');
	var uid = $(this).attr('uid');
	$('.drag-me').removeClass('drag-style-warning');
	$('#drag_'+uid).addClass('drag-style-warning');
});

$(document).on('click','.btn_pccs_playing',function(){ 
	var uid = $(this).attr('uid');
	$.ajax({
		type : 'POST',
		url  : "<?php echo e(route('manage::camera::play_camera')); ?>",
		dataType : 'json',
		data : {
			id     : uid,
			_token : $('#_token').val(),
		},
		success: function(sendback){
			if(Hls.isSupported()) {
			    var video = document.getElementById('cam1');
			    var hls = new Hls();
			    hls.loadSource(sendback.cam);
			    hls.attachMedia(video);
			    hls.on(Hls.Events.MANIFEST_PARSED,function() {
			     	video.play();
			  	});
			}
			$('#modal_pccs_play').modal('show');
		},
		error: function(){
			toastr['error']("<?php echo app('translator')->get('messages.error_need_refresh'); ?>");
		}
	});
});

$(document).on('click','.btn_pccs_error',function(){
	var type = $(this).attr('utype');
	var uid = $(this).attr('uid');
	$.ajax({
		type : 'POST',
		url  : '<?php echo e(route("manage::pccs::get_error_data")); ?>',
		dataType : 'json',
		data : {
			id     : uid,
			type   : type,
			_token : '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			$('#pccs_type').selectpicker('val',sendback.type);
			$('#pccs_building').selectpicker('val',sendback.building);
			$('#pccs_location').selectpicker('val',sendback.location);
			$('#pccs_floor').selectpicker('val',sendback.floor);
			getPccsData();
		}
	});
});

$(document).on('click','.btn_pccs_opendoor',function(){
	var uid = $(this).attr('uid');
	$.ajax({
		type 	 : 'POST',
		url  	 : '<?php echo e(route("manage::pccs::access_control")); ?>',
		dataType : 'json',
		data 	 : {
			id 	: uid,
			mode : 'Open',
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			if(sendback.status == "1"){
				toastr['success']('已成功送出控制');
			}else{
				toastr['warning']('錯誤，設備編號不存在');
			}
			$('#modal_pccs').modal('hide');
		},
		error : function(sendback){
			toastr['error']('連線失敗，請檢查API路徑是否有誤');
		}
	});
});
$(document).on('click','.btn_pccs_closedoor',function(){
	var uid = $(this).attr('uid');
	$.ajax({
		type 	 : 'POST',
		url  	 : '<?php echo e(route("manage::pccs::access_control")); ?>',
		dataType : 'json',
		data 	 : {
			id 	: uid,
			mode : 'Close',
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			if(sendback.status == "1"){
				toastr['success']('已成功送出控制');
			}else{
				toastr['warning']('錯誤，設備編號不存在');
			}
			$('#modal_pccs').modal('hide');
		},
		error : function(sendback){
			toastr['error']('連線失敗，請檢查API路徑是否有誤');
		}
	});
});
$(document).on('click','.btn_pccs_always_opendoor',function(){
	var uid = $(this).attr('uid');
	$.ajax({
		type 	 : 'POST',
		url  	 : '<?php echo e(route("manage::pccs::access_control")); ?>',
		dataType : 'json',
		data 	 : {
			id 	: uid,
			mode : 'Open_always',
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			if(sendback.status == "1"){
				toastr['success']('已成功送出控制');
			}else{
				toastr['warning']('錯誤，設備編號不存在');
			}
			$('#modal_pccs').modal('hide');
		},
		error : function(sendback){
			toastr['error']('連線失敗，請檢查API路徑是否有誤');
		}
	});
});
$(document).on('click','.btn_pccs_access_recover',function(){
	var uid = $(this).attr('uid');
	var utype = $(this).attr('utype');
	$.ajax({
		type 	 : 'POST',
		url  	 : '<?php echo e(route("manage::pccs::access_control")); ?>',
		dataType : 'json',
		data 	 : {
			id 	: uid,
			mode : utype,
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			toastr['success']('已成功送出復歸');
			$('#modal_pccs').modal('hide');
			socketAction('update_pccs');
		},
		error : function(sendback){
			toastr['error']('連線失敗');
		}
	});
});
$(document).on('click','.btn_pccs_intercom_recover',function(){
	var uid = $(this).attr('uid');
	$.ajax({
		type 	 : 'POST',
		url  	 : '<?php echo e(route("manage::pccs::intercom_recover")); ?>',
		dataType : 'json',
		data 	 : {
			id 	: uid,
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			toastr['success']('已成功送出復歸');
			$('#modal_pccs').modal('hide');
			socketAction('update_pccs');
		},
		error : function(sendback){
			toastr['error']('連線失敗');
		}
	});
});
$(document).on('click','.btn_pccs_hosts_recover',function(){
	var uid = $(this).attr('uid');
	$.ajax({
		type 	 : 'POST',
		url  	 : '<?php echo e(route("manage::pccs::hosts_recover")); ?>',
		dataType : 'json',
		data 	 : {
			id 	: uid,
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			toastr['success']('已成功送出復歸');
			$('#modal_pccs').modal('hide');
			socketAction('update_pccs');
		},
		error : function(sendback){
			toastr['error']('連線失敗');
		}
	});
});
function getPccsData(){
	$.ajax({
		type : 'POST',
        url  : "<?php echo e(route('manage::pccs::get_floor')); ?>",
        data : {
            id : $('#pccs_building').val(),
            location : $('#pccs_location').val(),
            _token : $('#_token').val(),
        },
        success:function(sendback){
        	$('#chartContainer').css('display','none');
        	var isExist = false;
        	var data = $('#pccs_floor').val();
        	$('#pccs_floor').empty();
        	for(var i = 0;i < sendback.floor.length;i++){
        		if(sendback.floor[i].floor == data){
        			isExist = true;
        		}
        		$('#pccs_floor').append('<option value="' + sendback.floor[i].floor + '">' + sendback.floor[i].floor + '</option>');
        	}
        	if(isExist){
        		$('#pccs_floor').val(data);
        	}else{
        		$('#pccs_floor').val(1);
        	}
        	$('#pccs_floor').selectpicker('refresh');

        	$.ajax({
				type : 'POST',
		        url  : "<?php echo e(route('manage::pccs::get_pccs_data')); ?>",
		        data : {
		            type     : $('#pccs_type').val(),
		            building : $('#pccs_building').val(),
		            location : $('#pccs_location').val(),
		            floor    : $('#pccs_floor').val(),
		            _token     : $('#_token').val(),
		        },
		        success:function(sendback){
		        	$("#modal_pccs_image").empty();
		        	$('#pccs_table tr').not(function(){ return !!$(this).has('th').length; }).remove();
		        	if(sendback.image != ''){
						$('#modal_pccs_image').css('background-image','url('+sendback.image+')');
						switch(sendback.type){
			    			case 'BA':
			    				var html = '';
			    				var src = '';
				        		for(var i = 0;i < (sendback.graph).length;i++){
				        			if(sendback.graph[i].c_image == null){
				        				src = '<?php echo e(asset("assets/images/no_setting.png")); ?>';
				        			}else{
				        				src = '<?php echo e(asset("uploads/image")); ?>/' + sendback.graph[i].c_image;
				        			}
				        			if(sendback.graph[i].left != 0 && sendback.graph[i].top != 0){
				        				html += '<img id="drag_' + sendback.graph[i].id + '" uid="' + sendback.graph[i].id + '" utype="' + sendback.graph[i].type + '" class="drag-me drag-style show-tooltip" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="' + sendback.graph[i].b_name + '" src="' + src + '" style="left: ' + sendback.graph[i].left + 'px;top: ' + sendback.graph[i].top + 'px;"><label id="pccs_value_' + sendback.graph[i].id + '" class="label label-success" style="left: ' + (parseInt(sendback.graph[i].left)) + 'px;top: ' + (parseInt(sendback.graph[i].top) + 50) + 'px;position: absolute;"></label>';
				        			}
				        			
				        		}
			    				break;
			    			case 'CCTV':
			    			case 'access':
			    			case 'intercom':
			    			case 'hosts':
			    				var html = '';
			    				var src = '';
				        		for(var i = 0;i < (sendback.graph).length;i++){
				        			if(sendback.graph[i].c_image == null){
				        				src = '<?php echo e(asset("assets/images/no_setting.png")); ?>';
				        			}else{
				        				src = '<?php echo e(asset("uploads/image")); ?>/' + sendback.graph[i].c_image;
				        			}
				        			if(sendback.graph[i].left != 0 && sendback.graph[i].top != 0){
				        				html += '<img id="drag_' + sendback.graph[i].id + '" uid="' + sendback.graph[i].id + '" utype="' + sendback.graph[i].type + '" class="drag-me drag-style show-tooltip" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="' + sendback.graph[i].b_name + '" src="' + src + '" style="left: ' + sendback.graph[i].left + 'px;top: ' + sendback.graph[i].top + 'px;">';
				        			}
				        		}
				                break;
				            case 'All':
				            	var html = '';
				            	var src = '';
				            	for(var i = 0;i < (sendback.graph).length;i++){
				            		if(sendback.graph[i].c_image == null){
				        				src = '<?php echo e(asset("assets/images/no_setting.png")); ?>';
				        			}else{
				        				src = '<?php echo e(asset("uploads/image")); ?>/' + sendback.graph[i].c_image;
				        			}
				            		switch(sendback.graph[i].type){
				            			case 'BA':
				            				if(sendback.graph[i].left != 0 && sendback.graph[i].top != 0){
				            					html += '<img id="drag_' + sendback.graph[i].id + '" uid="' + sendback.graph[i].id + '" utype="' + sendback.graph[i].type + '" class="drag-me drag-style show-tooltip" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="' + sendback.graph[i].b_name + '" src="' + src + '" style="left: ' + sendback.graph[i].left + 'px;top: ' + sendback.graph[i].top + 'px;"><label id="pccs_value_' + sendback.graph[i].id + '" class="label label-success" style="left: ' + (parseInt(sendback.graph[i].left)) + 'px;top: ' + (parseInt(sendback.graph[i].top) + 50) + 'px;position: absolute;"></label>';
				            				}
				            				
				            				break;
				            			case 'CCTV':
						    			case 'access':
						    			case 'intercom':
						    			case 'hosts':
						    				if(sendback.graph[i].left != 0 && sendback.graph[i].top != 0){
						    					html += '<img id="drag_' + sendback.graph[i].id + '" uid="' + sendback.graph[i].id + '" utype="' + sendback.graph[i].type + '" class="drag-me drag-style show-tooltip" data-toggle="dropdown" data-toggle="tooltip" data-placement="bottom" title="' + sendback.graph[i].b_name + '" src="' + src + '" style="left: ' + sendback.graph[i].left + 'px;top: ' + sendback.graph[i].top + 'px;">';
						    				}
				            				
				            				break;
				            		}
				        		}
				            	break;
			    		}


			    		$('#modal_pccs_image').append(html);

			    		$('.show-tooltip').tooltip();

			    		if(sendback.graph.length == 0){
			    			$('#pccs_table tr:last').after('<tr><td colspan="2">查無資料</td></tr>');
			    		}else{
			    			for(var i=0;i<sendback.graph.length;i++){
								$('#pccs_table tr:last').after('<tr><td>'+sendback.graph[i]['b_name']+'</td><td><a uid="'+sendback.graph[i]['id']+'" class="btn_pccs_check">定位</a></td></tr>');
							}
							socketAction('update_pccs');
			    		}
					}else{
						$('#modal_pccs_image').css('background-image','url("https://www.placehold.it/1400x750/EFEFEF/AAAAAA&amp;text=no+image")');
						$('#pccs_table tr:last').after('<tr><td colspan="2">查無資料</td></tr>');
		        		toastr['warning']('該位置尚未設定圖片');
					}
		        },
		        error  :function(sendback){
					toastr['error']('發生錯誤請重新整理後再次操作。');
		        }
			});
        },
        error  :function(sendback){
			toastr['error']('發生錯誤請重新整理後再次操作。');
        }
	});
}

	$(document).on('click','.btn_show_iframe',function(){
		var url = $(this).attr('udata');
		$('#pccs_iframe_url').val(url);
		$('#pccs_iframe').attr('src',url);
		$('#modal_pccs_iframe').modal('show');
	});
	$(document).on('click','.btn_show_url_list',function(){
		var uid = $(this).attr('uid');
		var utype = 'access_log_list';
		$.ajax({
			type : 'POST',
			url  : '<?php echo e(route("manage::pccs::get_pccs_ba_log")); ?>',
			data : {
				id     : uid,
				type   : utype,
				_token : '<?php echo e(csrf_token()); ?>'
			},
			success : function(sendback){
				$('#modal_pccs_list').modal('show');
				console.log(sendback.txt);
				$('#pccs_url_list_body').html(sendback.txt);
			}
		});
	});

	$(document).on('click','.url_list_a',function(){
		var url = $(this).attr('link');
		var html = '<iframe src="'+url+'" style="width: 100%;height: 60vh;"></iframe>';
		$('#pccs_url_list_body').html(html);
	});

	$(document).on('click','#back_iframe',function(){
		$('#pccs_iframe').attr('src',$('#pccs_iframe_url').val());
	});

	function playCCTV(cctv_id,cctv_path){
		if(Hls.isSupported()) {
		    var video = document.getElementById(cctv_id);
		    var hls = new Hls();
		    hls.loadSource(cctv_path+'/playlist.m3u8');
		    hls.attachMedia(video);
		    hls.on(Hls.Events.MANIFEST_PARSED,function() {
		    	video.pause();
		      	video.play();
			});
		}
	};

$(document).on('click','.show-tooltip',function(){
	var uid = $(this).attr('uid');
	var utype = $(this).attr('utype');
	$.ajax({
		type : 'POST',
		url  : '<?php echo e(route("manage::pccs::get_pccs_ba_log")); ?>',
		data : {
			id     : uid,
			type   : utype,
			_token : '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			$('#modal_pccs').modal('show');
			$('#title_pccs').html(sendback.title);
			$('#form_pccs').html(sendback.txt);
			if(!(typeof(sendback.array["cctv_id"]) == "undefined")){
				playCCTV(sendback.array["cctv_id"],sendback.array["cctv_path"]);
			}
		}
	});
});


// PCCS End

//Library Start
$(document).on('click','.btn_library_in',function(){
	$('#library_text').val('');
	var uid = $(this).attr('uid');
	if(uid == 1){
		$('#library_title_text').html('刷卡登錄');
		$('#library_type').val(uid);
		$('#library_img').attr("src","<?php echo e(asset('assets/images/getMailWithCard.jpg')); ?>");
		$('#modal_function_getLibraryWithCard_view').modal('show');
		window.setTimeout("document.getElementById('library_text').focus();", 500);
	}else if(uid == 2){
		$('#library_type').val(uid);
		$('#library_title_text').html('手機登錄');
		$('#library_img').attr("src","<?php echo e(asset('assets/images/getMailWithPhone.jpg')); ?>");
		$('#modal_function_getLibraryWithCard_view').modal('show');
		window.setTimeout("document.getElementById('library_text').focus();", 500);
	}
	$('#library_text').unbind('keypress');
	$('#library_text').keypress(function(e){

		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			$('#modal_function_getLibraryWithCard_view').modal('hide');
			$.ajax({
				url : '<?php echo e(route("console::get_libraray_user")); ?>',
				type: 'POST',
				dataType: 'json',
				data:{
					text 	 : $('#library_text').val(),
					type 	 : $('#library_type').val(),
					_token   : $('#_token').val(),
				},
				success: function(sendback){
					if(sendback.message != ""){
						$('#data_table_library tr').not(function(){ return !!$(this).has('th').length; }).remove();
						$('#table_borrowed tr').not(function(){ return !!$(this).has('th').length; }).remove();
						$('#borrowed_count').val('1');
						$('#borrowed_user_id').val('');
						$('#borrowed_max').val('');
						$('#library_card_no').val('');
						$('#data_table_library tr:last').after('<tr><td colspan="7" style="color:red;">'+sendback.message+'</td></tr>');
					}else{
						$('#borrowed_user_id').val(sendback.uid);
						$('#btn_library_clear').css('display','block');
						$('#library_card_no').val(sendback.card_no);
						var n = parseInt(sendback.setting['amount']) - parseInt(sendback.log);
						$('#borrowed_max').val(n);
						$('#data_table_library tr').not(function(){ return !!$(this).has('th').length; }).remove();
						$('#data_table_library tr:last').after('<tr><td>'+sendback.card_no+'</td><td>'+sendback.user['name']+'</td><td>'+sendback.user['groupid']+'</td><td>'+sendback.setting['day']+'</td><td>'+sendback.setting['amount']+'</td><td>'+sendback.log+'</td><td>'+n+'</td></tr><tr   class="active"><td>序</td><td>借閱日期</td><td>書籍編號</td><td>書籍名稱</td><td>附屬媒體</td><td>應歸還日期</td><td>目前狀態</td></tr>');
						for(var i=0;i<sendback.max;i++){
							$('#data_table_library tr:last').after('<tr><td>'+(i+1)+'</td><td>'+sendback.library_log[i]['created_time']+'</td><td>'+sendback.library_log[i]['book_id']+'</td><td>'+sendback.library_log[i]['book_name']+'</td><td>'+sendback.library_log[i]['book_media']+'</td><td>'+sendback.library_log[i]['return_date']+'</td><td>'+sendback.library_log[i]['return_status']+'</td></tr>');
						}
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
				}
			});
		}
	});
});

$(document).on('click','#btn_getLibraryWithUser',function(){ 
	$.ajax({
		url:'<?php echo e(route("console::libraray_User")); ?>',
		type:'GET',
		success: function(sendback){
			$('#modal_function_getMailWithUser_view_content').html(sendback);
			$('#modal_function_getMailWithUser_view').modal('show');
			getMember();
		}
	});
});

$(document).on('keypress','#library_borrowed',function(e){
	var num = $('#borrowed_count').val();
	code = (e.keyCode ? e.keyCode : e.which);
	if (code == 13){
		if($('#borrowed_user_id').val() == ''){
			toastr['warning']('請先登錄會員');
			$('#library_borrowed').val('');
		}else if(num > $('#borrowed_max').val() ){
			toastr['warning']('已達借閱數量上限');
		}else{
			$.ajax({
				url:'<?php echo e(route("console::library_borrowed")); ?>',
				type:'GET',
				data:{
					uid     : $('#borrowed_user_id').val(),
					book_id : $('#library_borrowed').val(),
				},
				success : function(sendback){
					if(sendback.message != ''){
						toastr['warning'](sendback.message);
						$('#library_borrowed').val('');
					}else{
						var library_id = document.getElementsByName('library_id[]');
						var library_id_Arr = new Array();
						for (var i = 0; i <library_id.length; i++) {
						    library_id_Arr[i] = library_id[i].value;
						}
						if( jQuery.inArray($('#library_borrowed').val(),library_id_Arr) != -1 ){
							toastr['warning']('該條碼已在本次借閱清單內');
							$('#library_borrowed').val('');
						}else{
							$('#table_borrowed tr:last').after('<tr><td>'+num+'<input type="hidden" id="library_id[]" name="library_id[]" value="'+sendback.library['book_id']+'"></td><td>'+sendback.date+'</td><td>'+sendback.library['book_id']+'</td><td>'+sendback.library['book_name']+'</td><td>'+sendback.library['book_media']+'</td><td>'+sendback.return_date+'</td><td>'+sendback.report+'</td><td><a class="btn red delete_tr" style="padding:5px 8px 4px 8px;">X</a></td></tr>');
							num = parseInt(num) + 1;
							$('#borrowed_count').val(num);
							$('#library_borrowed').val('');
						}
					}
				}
			});
		}
	}
});

$(document).on('click','#btn_library_borrowed',function(){
	var num = $('#borrowed_count').val();
	if($('#borrowed_user_id').val() == ''){
		toastr['warning']('請先登錄會員');
		$('#library_borrowed').val('');
	}else if(num > $('#borrowed_max').val() ){
		toastr['warning']('已達借閱數量上限');
	}else{
		$.ajax({
			url:'<?php echo e(route("console::library_borrowed")); ?>',
			type:'GET',
			data:{
				uid     : $('#borrowed_user_id').val(),
				book_id : $('#library_borrowed').val(),
			},
			success : function(sendback){
				if(sendback.message != ''){
					toastr['warning'](sendback.message);
					$('#library_borrowed').val('');
				}else{
					var library_id = document.getElementsByName('library_id[]');
					var library_id_Arr = new Array();
					for (var i = 0; i <library_id.length; i++) {
					    library_id_Arr[i] = library_id[i].value;
					}
					if( jQuery.inArray($('#library_borrowed').val(),library_id_Arr) != -1 ){
						toastr['warning']('該條碼已在本次借閱清單內');
						$('#library_borrowed').val('');
					}else{
						$('#table_borrowed tr:last').after('<tr><td>'+num+'<input type="hidden" id="library_id[]" name="library_id[]" value="'+sendback.library['book_id']+'"></td><td>'+sendback.date+'</td><td>'+sendback.library['book_id']+'</td><td>'+sendback.library['book_name']+'</td><td>'+sendback.library['book_media']+'</td><td>'+sendback.return_date+'</td><td>'+sendback.report+'</td><td><a class="btn red delete_tr" style="padding:5px 8px 4px 8px;">X</a></td></tr>');
						num = parseInt(num) + 1;
						$('#borrowed_count').val(num);
						$('#library_borrowed').val('');
					}
				}
			}
		});
	}
});

$(document).on('click','.delete_tr',function(){ 
	var td = this.parentNode;
	var tr = td.parentNode;
	tr.parentNode.removeChild(tr);
	var num = $('#borrowed_count').val();
	num = parseInt(num) - 1;
	$('#borrowed_count').val(num);
});

$(document).on('click','.delete_tr2',function(){ 
	var td = this.parentNode;
	var tr = td.parentNode;
	tr.parentNode.removeChild(tr);
});

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

	var library_id = document.getElementsByName('library_id[]');
	var library_id_Arr = new Array();
	for (var i = 0; i <library_id.length; i++) {
	    library_id_Arr[i] = library_id[i].value;
	}
	if(library_id_Arr[0] == null){
		toastr['warning']('請登記欲借閱書籍資料');
	}else{
		$.ajax({
			url:'<?php echo e(route("console::post_borrowed")); ?>',
			type:'POST',
			data:{
				book_array : library_id_Arr,
				uid        : $('#borrowed_user_id').val(),
				_token     : $('#_token').val(),
			},
			success : function(sendback){
				toastr['success']('書籍借閱資料已送出成功');
				$.ajax({
					url : '<?php echo e(route("console::refrush_libraray_user")); ?>',
					type: 'POST',
					dataType: 'json',
					data:{
						card_no  : $('#library_card_no').val(),
						uid 	 : $('#borrowed_user_id').val(),
						_token   : $('#_token').val(),
					},
					success : function(sendback){
						$('#borrowed_count').val('1');
						$('#table_borrowed tr').not(function(){ return !!$(this).has('th').length; }).remove();
						var n = parseInt(sendback.setting['amount']) - parseInt(sendback.log);
						$('#borrowed_max').val(n);
						$('#data_table_library tr').not(function(){ return !!$(this).has('th').length; }).remove();
						$('#data_table_library tr:last').after('<tr><td>'+sendback.card_no+'</td><td>'+sendback.user['name']+'</td><td>'+sendback.user['groupid']+'</td><td>'+sendback.setting['day']+'</td><td>'+sendback.setting['amount']+'</td><td>'+sendback.log+'</td><td>'+n+'</td></tr><tr   class="active"><td>序</td><td>借閱日期</td><td>書籍編號</td><td>書籍名稱</td><td>附屬媒體</td><td>應歸還日期</td><td>目前狀態</td></tr>');
						for(var i=0;i<sendback.max;i++){
							$('#data_table_library tr:last').after('<tr><td>'+(i+1)+'</td><td>'+sendback.library_log[i]['created_time']+'</td><td>'+sendback.library_log[i]['book_id']+'</td><td>'+sendback.library_log[i]['book_name']+'</td><td>'+sendback.library_log[i]['book_media']+'</td><td>'+sendback.library_log[i]['return_date']+'</td><td>'+sendback.library_log[i]['return_status']+'</td></tr>');
						}
					},
					error   : function(sendback){
						toastr['error']('發生錯誤請重新整理後再次操作。');
					}
				});
			},
			error   : function(sendback){
				toastr['error']('發生錯誤請重新整理後再次操作。');
			}
		});
	}	
});

$(document).on('click','#btn_library_clear',function(){
	$('#data_table_library tr').not(function(){ return !!$(this).has('th').length; }).remove();
	$('#table_borrowed tr').not(function(){ return !!$(this).has('th').length; }).remove();
	$('#borrowed_count').val('1');
	$('#borrowed_user_id').val('');
	$('#borrowed_max').val('');
	$('#library_card_no').val('');
	$('#btn_library_clear').css('display','none');
});

$(document).on('click','#btn_overdue',function(){
	if($('#library_table1').css('display') == 'none'){
		$('#library_table1').css('display','block');
		$('#library_table2').css('display','none');
	}
});

$(document).on('click','#btn_return_book',function(){
	if($('#library_table2').css('display') == 'none'){
		$('#library_table1').css('display','none');
		$('#library_table2').css('display','block');
	}
});

$(document).on('keypress','#library_return',function(e){
	code = (e.keyCode ? e.keyCode : e.which);
	if (code == 13){
		$.ajax({
			url:'<?php echo e(route("console::library_return")); ?>',
			type:'GET',
			data:{
				book_id : $('#library_return').val(),
			},
			success : function(sendback){
				if(sendback.message != ''){
					toastr['warning'](sendback.message);
					$('#library_return').val('');
				}else{
					var library_return_id = document.getElementsByName('library_return_id[]');
					var library_return_id_Arr = new Array();
					for (var i = 0; i < library_return_id.length; i++) {
					    library_return_id_Arr[i] = library_return_id[i].value;
					}
					if( jQuery.inArray($('#library_return').val(),library_return_id_Arr) != -1 ){
							toastr['warning']('該條碼已在本次歸還清單內');
							$('#library_return').val('');
					}else{
						$('#library_return').val('');
						$('#table_library_return tr:last').after('<tr><td>'+sendback.library['Uname']+'('+ sendback.library['Uusername'] +')<input type="hidden" id="library_return_id[]" name="library_return_id[]" value="'+sendback.library['book_id']+'"></td><td>'+sendback.library['created_at']+'</td><td>'+sendback.library['book_id']+'</td><td>'+sendback.library['book_name']+'</td><td>'+sendback.library['book_media']+'</td><td>'+sendback.library['return_date']+'</td><td>'+sendback.library['return_status']+'</td><td><a class="btn red delete_tr2" style="padding:5px 8px 4px 8px;">X</a></td></tr>');
					}
				}
			}
		});
	}
})

$(document).on('click','#btn_library_return',function(){
	$.ajax({
		url:'<?php echo e(route("console::library_return")); ?>',
		type:'GET',
		data:{
			book_id : $('#library_return').val(),
		},
		success : function(sendback){
			if(sendback.message != ''){
				toastr['warning'](sendback.message);
				$('#library_return').val('');
			}else{
				var library_return_id = document.getElementsByName('library_return_id[]');
				var library_return_id_Arr = new Array();
				for (var i = 0; i < library_return_id.length; i++) {
				    library_return_id_Arr[i] = library_return_id[i].value;
				}
				if( jQuery.inArray($('#library_return').val(),library_return_id_Arr) != -1 ){
						toastr['warning']('該條碼已在本次歸還清單內');
						$('#library_return').val('');
				}else{
					$('#library_return').val('');
					$('#table_library_return tr:last').after('<tr><td>'+sendback.library['Uname']+'('+ sendback.library['Uusername'] +')<input type="hidden" id="library_return_id[]" name="library_return_id[]" value="'+sendback.library['book_id']+'"></td><td>'+sendback.library['created_at']+'</td><td>'+sendback.library['book_id']+'</td><td>'+sendback.library['book_name']+'</td><td>'+sendback.library['book_media']+'</td><td>'+sendback.library['return_date']+'</td><td>'+sendback.library['return_status']+'</td><td><a class="btn red delete_tr2" style="padding:5px 8px 4px 8px;">X</a></td></tr>');
				}
			}
		}
	});
});

$(document).on('click','#btn_library_return_submit',function(){
	var library_return_id = document.getElementsByName('library_return_id[]');
	var library_return_id_Arr = new Array();
	for (var i = 0; i < library_return_id.length; i++) {
	    library_return_id_Arr[i] = library_return_id[i].value;
	}
	if(library_return_id_Arr[0] == null){
		toastr['warning']('請登記欲歸還書籍資料');
	}else{
		$.ajax({
			url:'<?php echo e(route("console::library_returned")); ?>',
			type:'POST',
			data:{
				book_array : library_return_id_Arr,
				_token     : $('#_token').val(),
			},
			success : function(sendback){
				toastr['success']('書籍已登錄歸還');
				$('#table_library_return tr').not(function(){ return !!$(this).has('th').length; }).remove();
			},
			error   : function(sendback){
				toastr['error']('發生錯誤請重新整理後再次操作。');
			}
		});
	}
});

//Library End

$(document).on('click','.btn_store_view',function(){
	uid = $(this).attr('uid');
	$.ajax({
		type : 'GET',
		url : "<?php echo e(action('ConsoleController@viewStore',['id'=>''])); ?>/"+uid,
		success : function(sendback){
			$('#modal_function_store_view_content').html(sendback);
			$('#modal_function_store_view').modal('show');
		},
		error : function(sendback){
			toastr['error']('操作錯誤，請重新整理後再試');
		}
	})
});

$(document).on('click','.btn_firm_view',function(){
	uid = $(this).attr('uid');
	$.ajax({
		type : 'GET',
		url : "<?php echo e(action('ConsoleController@viewFirm',['id'=>''])); ?>/"+uid,
		success : function(sendback){
			$('#modal_function_firm_view_content').html(sendback);
			$('#modal_function_firm_view').modal('show');
		},
		error : function(sendback){
			toastr['error']('操作錯誤，請重新整理後再試');
		}
	})
});

$(document).on('click','.btn_activity_view',function(){
		//每次點開『代報名』就將選取過的報名人的資料清空，且刪除過去的選取紀錄
		$('#user').selectpicker({ maxOptions: false });
		$('#user').selectpicker('refresh');
		$("#user").val('').selectpicker('refresh');
		//每次點開『代報名』就將form裡前次點擊的錯誤提示關閉
		$('#form_error_alert').hide();
		$('#user').closest('.form-group').removeClass('has-error');
		$( "#user-error").remove();
		$( ".help-block-error").remove();
		var activity = [];
		var uid = $(this).attr('activityid');
		$.ajax({
			type : 'POST',
			url  : "<?php echo e(action('Manage\Platform\ActivityController@getEnroll')); ?>",
			dataType : 'json',
			data : {
				_token   : $('#_token').val(),
				id : uid
			},
			success: function(sendback){
				$.each(sendback, function (key, data) {
						$( "#signup_form input[name='"+key+"']").val(data);
						activity[key] = data;
				});
				//判斷『是否限制總報名人數』是否=開，『是否限制每個使用者最多可以報名人數』是否=關
				if(activity['sign_person_max_flag'] == 1 && activity['sign_person_each_max_flag'] == 0){
					var over = activity['sign_person_max'] - activity['num'];
					$('#user').selectpicker({ 
						maxOptions: over,
						maxOptionsText: ["僅可再報名"+over+"位，<br>不可超過報名限額("+activity['sign_person_max']+"位)！", "僅可再報名"+over+"位，<br>不可超過報名限額("+activity['sign_person_max']+"位)！"]
					});
				}
				//判斷『是否限制每個使用者最多可以報名人數』是否=開，『是否限制總報名人數』是否=關
				if(activity['sign_person_each_max_flag'] == 1 && activity['sign_person_max_flag'] == 0){
					$('#user').selectpicker({ 
						maxOptions: activity['sign_person_each_max'],
						maxOptionsText: ["本活動一次僅限報名"+activity['sign_person_each_max']+"位！", "本活動一次僅限報名"+activity['sign_person_each_max']+"位！"]
					});
				}
				//判斷『是否限制每個使用者最多可以報名人數』是否=開，『是否限制總報名人數』是否=開
				if(activity['sign_person_each_max_flag'] == 1 && activity['sign_person_max_flag'] == 1){
					var total = activity['sign_person_max'] - activity['num'];
					var limit = activity['sign_person_each_max'];
					var now_limit = (limit>total) ? total:limit;
					var now_text = (limit>total) ? ["僅可再報名"+total+"位，<br>不可超過報名限額("+activity['sign_person_max']+"位)！", "僅可再報名"+total+"位，<br>不可超過報名限額("+activity['sign_person_max']+"位)！"]:["本活動一次僅限報名"+activity['sign_person_each_max']+"位！", "本活動一次僅限報名"+activity['sign_person_each_max']+"位！"];
					$('#user').selectpicker({ 
						maxOptions: now_limit,
						maxOptionsText: now_text
					});
				}
				$('#user').selectpicker('refresh');
				$('#modal_signup').modal('show');
			},
			error: function(){
				toastr['error']('發生錯誤，請重新整理後再嘗試');
			}
		})
});

	$('#signup_form').validate({
		errorElement: 'span', //default input error message container
        errorClass: 'help-block help-block-error', // default input error message class
        focusInvalid: false, // do not focus the last invalid input
        ignore: "",  // validate all fields including form hidden input
		rules:{
			user:{
				required:true,
			}
		},
		messages:{
			user:{
				required:'請輸入報名人',
			}
		},

        invalidHandler: function (event, validator) { //display error alert on form submit
            $('#form_success_alert').hide();
            $('#form_error_alert').show();
            $('.modal').scrollTop($('#form_error_alert'));
        },

        highlight: function (element) { // hightlight error inputs
           $(element)
                .closest('.form-group').addClass('has-error'); // set error class to the control group
        },

        unhighlight: function (element) { // revert the change done by hightlight
            $(element)
                .closest('.form-group').removeClass('has-error'); // set error class to the control group
        },

        success: function (label) {
            label
                .closest('.form-group').removeClass('has-error'); // set success class to the control group
        },

        submitHandler: function (form) {
            //確認表單正確，Ajax送出
            $.ajax({
				type: 'POST',
				dataType: 'json',
				url: "<?php echo e(action('Manage\Platform\ActivityController@returnEnroll')); ?>",
				data: {
					_token   : $('#_token').val(),
					id   : $('#signup_form input[name = "id"]').val(),
					handled : $('#signup_form input[name = "handled"]').val(),
					user : $('#signup_form select[name = "user"]').val()
				},
				success: function(sendback){
					$('#form_success_alert').show();
					$('#form_error_alert').hide();
					$('#modal_signup').modal('hide');
					window.location.reload();
					toastr['success']('代報成功！');
				},
				error   : function ( data )
		        {
		            var errors = data.responseJSON;
		            //以下是目前測試到的可行解，但還是要實際嘗試才知道怎麼使用。
		            $.each(errors, function (key, data) {
					    if( key == 'errors'){
					    	$.each(data, function (index, data) {
					    		$( "#signup_form input[name='"+index+"']").closest('.form-group').addClass('has-error');
					    		$( "#signup_form input[name='"+index+"']").closest('.form-control').after( '<span class="help-block help-block-error">'+data+'</span>' )
					    	});
					    }
						else if( key == 'repeat' ){
							$( "#signup_form select[name='user']").closest('.form-group').addClass('has-error');
							$( "#signup_form select[name='user']").closest('.form-control').after( '<span class="help-block help-block-error">有人已報名過此活動。</span>' );
						}
					});
					$('#form_success_alert').hide();
            		$('#form_error_alert').show();
					$('.modal').scrollTop($('#form_error_alert'));
		        }
			});
        }
	});

$('#modal_function_quick').on('hidden.bs.modal',function(){
	$('#function_quick_content').html('');
});

$('#modal_function_news').on('hidden.bs.modal',function(){
	$('#modal_function_news_content').html('');
});

$('#modal_function_inst').on('hidden.bs.modal',function(){
	$('#modal_function_inst_content').html('');
});

$('#modal_function_point').on('hidden.bs.modal',function(){
	$('#modal_function_point_content').html('');
});

$('#modal_function_inst_view').on('hidden.bs.modal',function(){
	$('#modal_function_inst_view_content').html('');
});

$('#modal_function_store').on('hidden.bs.modal',function(){
	$('#modal_function_store_content').html('');
});

$('#modal_function_pccs').on('hidden.bs.modal',function(){
	$('#modal_function_pccs_content').html('');
});

$('#modal_function_library').on('hidden.bs.modal',function(){
	$('#modal_function_library_content').html('');
});

$('#modal_function_firm').on('hidden.bs.modal',function(){
	$('#modal_function_firm_content').html('');
});

$('#modal_function_activity').on('hidden.bs.modal',function(){
	$('#modal_function_activity_content').html('');
});
$('#modal_function_matter').on('hidden.bs.modal',function(){
	$('#modal_function_matter_content').html('');
});
// $(document).on('click','.btn_home_service_handle',function(){
// 	$.ajax({
// 		type: 'GET',
// 		dataType: 'json',
// 		url: $(this).attr('url'),
// 		success: function(sendback){
// 			$.each(sendback, function (key, data) {
// 				$( "#div_view_home_service .view_input[name='"+key+"']").html(data);
// 				if(key == 'id'){
// 					$('#uid').val(data);
// 				}
// 				if(key == 'handle' && data != ''){
// 					$('#home_service_handle_event').html(data);
// 				}
// 				if(key == 'status'){
// 					if(data == 1){
// 						$('#btn_unhandle_home_service').show();
// 					}
// 					else{
// 						$('#btn_unhandle_home_service').hide();
// 					}
// 				}
// 			});

// 			$('#modal_home_service_handle').modal('show');
// 		},
// 		error:function(sendback){
// 			toastr['error']('<?php echo app('translator')->get('messages.error_contact_developer'); ?>');
// 		}
// 	});
// });

$(document).on('click','.btn_ba',function(){
	$.ajax({
		type: 'GET',
		dataType: 'json',
		url: $(this).attr('url'),
		success: function(sendback){
			$.each(sendback, function (key, data) {
				$( "#div_view_home_service .view_input[name='"+key+"']").html(data);
				if(key == 'id'){
					$('#uid').val(data);
				}
				if(key == 'handle' && data != ''){
					$('#home_service_handle_event').html(data);
				}
				if(key == 'status'){
					if(data == 1){
						$('#btn_unhandle_home_service').show();
					}
					else{
						$('#btn_unhandle_home_service').hide();
					}
				}
			});

			$('#modal_home_service_handle').modal('show');
		},
		error:function(sendback){
			toastr['error']('操作錯誤，請聯繫開發人員');
		}
	});
});

$(document).on('click','.btn_home_service_event',function(){
	var handle_event = $(this).html();
	var id = $('#div_view_home_service #uid').val();
	$.ajax({
		type:'POST',
		url:"<?php echo e(action('ConsoleController@handleHomeService')); ?>",
		data:{
			_token:'<?php echo e(csrf_token()); ?>',
			id:id,
			event:handle_event
		},
		success:function(sendback){
			$('#home_service_handle_event').html(sendback);
		},
		error:function(sendback){
			toastr['error']('<?php echo app('translator')->get('messages.error_contact_developer'); ?>');
		}
	});
});

//失物未取 動作按鈕
$(document).on('click','.btn_lost_thing_handle',function(){
	//$('#notice_modal').modal('hide');
	$.ajax({
		type: 'GET',
		dataType: 'json',
		url: $(this).attr('url'),
		success: function(sendback){
			$.each(sendback, function (key, data) {
				$( "#div_view_lost_thing .view_input[name='"+key+"']").html(data);
				if(key == 'id'){
					$('#div_view_lost_thing input[name="id"]').val(data);
				}
			});

			$('#modal_lost_thing_handle').modal('show');
		},
		error:function(sendback){
			toastr['error']('<?php echo app('translator')->get('messages.error_contact_developer'); ?>');
		}
	});
});

//失物招領 按下結案或是處理中  結案1  處理中0
$(document).on('click','.btn_lost_thing_event',function(){
	var handle_event = $(this).val();
	var id = $('#div_view_lost_thing input[name="id"]').val();

	//取物
	if(handle_event == 1){
		signpad.open();
	}else{
		$.ajax({
			type:'POST',
			url:"<?php echo e(action('ConsoleController@handleLostThing')); ?>",
			data:{
				_token:'<?php echo e(csrf_token()); ?>',
				id:id,
				event:handle_event
			},
			success:function(sendback){
				$("#div_view_lost_thing .view_input[name='handle']").html(sendback.render);
				$('#notice_title').html('');
				$('#notice_content').html('');

				var id = "lost_thing";
				var title = "失物未取"
				$('#notice_modal').modal('show');

				App.blockUI({
			        target: '#notice_content',
			        boxed: true,
			        overlayColor: 'none',
			        message: '讀取資料中...',
			        textOnly: true
			    });

				$.ajax({
					url:'<?php echo e(route("console::notice_list")); ?>',
					type:'GET',
					data:{
						id : id,
					},
					success: function(sendback){
						$('#notice_title').html(title);
						$('#notice_content').html(sendback);
						App.unblockUI('#notice_content');

						callDataTable();
					},
					error: function(sendback){
						toastr['warning']('此項目目前尚未開放');
						App.unblockUI('#notice_content');
						$('#notice_modal').modal('hide');
					}
				});
			},
			error:function(sendback){
				toastr['error']('<?php echo app('translator')->get('messages.error_contact_developer'); ?>');
			}
		});
	}
	
});

$(document).on('keypress','#record_user_query',function(e){
	if(e.which == 13){
		record_user_query();
	}
});
$(document).on('click','#btn_record_user_query',function(){
	record_user_query();
});

$(document).on('change','#record_user_query_id',function(){
	var username = $(this).val();
	$('#record_user_query').val(username);
	record_user_query();
});
var record_user_query = function(){
	var user = $('#record_user_query').val();
	$.ajax({
		type: 'GET',
		url: '<?php echo e(route("console::get_record_user")); ?>',
		dataType:'json',
		data:{
			user : user
		},
		success: function(sendback){
			$('#record_display_username').html(sendback.username+' - '+sendback.name);
			$('#record_user_id').val(sendback.user_id);
			$('#record_display').show();
		},
		error: function(sendback){
			clear_record_display();
			toastr["error"](sendback.responseText);
		}

	});
}

$(document).on('keypress','#record_value',function(e){
	if(e.which == 13){
		record_send();
	}
});

$(document).on('click','#btn_record_send',function(){
	record_send();
});

var record_send = function(){
	var user_id = $('#record_user_id').val();
	var record_id = $('#record_id').val();
	var value = $('#record_value').val();
	$.ajax({
		type:'POST',
		url:'<?php echo e(route("console::post_record_send")); ?>',
		dataType:'json',
		data:{
			_token:'<?php echo e(csrf_token()); ?>',
			user_id : user_id,
			record_id : record_id,
			value : value
		},
		success: function(sendback){
			clear_record_display();
			toastr["success"]('<?php echo app('translator')->get('messages.submit_meter_reading_success'); ?>');
		},
		error: function(sendback){
			toastr["error"]('<?php echo app('translator')->get('messages.submit_meter_reading_fail'); ?>');
		}
	});
}
var clear_record_display = function(){
	$('#record_display_username').html('');
	$('#record_user_query').val('');
	$('#record_user_id').val('');
	$('#record_value').val('');
	$('#record_display').hide();
}

//顯示選擇天數之modal mail
$(document).on('click','.btn_print_notice',function(){
	// toastr["success"]();
	$.ajax({
		type: 'GET',
		url : '<?php echo e(action('ConsoleController@viewMailsForPackageSendDate')); ?>',

		success: function(sendback){
			$('#modal_function_mails_sendDate_content').html(sendback);
			$('#modal_function_mails_sendDate').modal('show');
		}
	});
});

$(document).on('click','.btn_print_notice_mailPDFExport',function(){
	// toastr["success"]();
	$.ajax({
		type: 'GET',
		url : '<?php echo e(action('ConsoleController@viewMailsPDFExportForPackageSendDate')); ?>',

		success: function(sendback){
			$('#modal_function_mails_sendDate_content').html(sendback);
			$('#modal_function_mails_sendDate').modal('show');
		}
	});
});



//顯示選擇天數之modal keeper
$(document).on('click','#btn_print_keeper',function(){
	$.ajax({
		type: 'GET',
		url : '<?php echo e(action('ConsoleController@viewKeepersForPackageSendDate')); ?>',
		success: function(sendback){
			$('#modal_function_mails_sendDate_content').html(sendback);
			$('#modal_function_mails_sendDate').modal('show');
		},
		error   : function (sendback){
			
        }
	});
});


//傳送推播
$(document).on('click','#btn_send_mail_push',function(){
	//$(this).addClass('disabled');
	$.ajax({
		type: 'POST',
		dataType:'json',
		url : '<?php echo e(action('ConsoleController@postMessage')); ?>',
		success: function(sendback){
			//window.location.reload();
			if(sendback.success == true){
				toastr["success"]('推播發送成功');
			}else{
				toastr['error'](sendback.message);
			}

			//$('#btn_send_mail_push').removeClass('disabled');
		},
		error   : function (sendback){
			//toastr['error']('<?php echo app('translator')->get('messages.error'); ?>');
        }
	});
});


//傳送簡訊
$(document).on('click','#btn_send_mail_sms',function(){
	$(this).addClass('disabled');
	$.ajax({
		type : 'GET',
		url : '<?php echo e(action('ConsoleController@send_mail_sms_check')); ?>',
		dataType: 'json',
		success : function(sendback){
			if(sendback.count > 0){
				toastr["info"]('<?php echo app('translator')->get('messages.before_point'); ?>'+sendback.credit+'<?php echo app('translator')->get('messages.pt'); ?>'+'<br/><br/><?php echo app('translator')->get('messages.sms_cost'); ?>'+sendback.count+'<?php echo app('translator')->get('messages.sms_desc1'); ?><br /><br /><button id="btn_send_mail_sms_confirm" type="button" class="btn btn-success clear"><?php echo app('translator')->get('messages.sure'); ?></button>');
			}else{
				toastr['error'](sendback.message);
			}
			$('#btn_send_mail_sms').removeClass('disabled');
		},
		error : function(sendback){
			toastr['error']('<?php echo app('translator')->get('messages.error'); ?>');
		}
	});
});	
//傳送簡訊確認
$(document).on('click','#btn_send_mail_sms_confirm',function(){
	App.blockUI({
        target: '#notice_content',
        boxed: true,
        overlayColor: 'none',
        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
        textOnly: true
    });

	$.ajax({
		type: 'POST',
		url : '<?php echo e(action('ConsoleController@send_mail_sms_confirm')); ?>',
		data : {
			_token:'<?php echo e(csrf_token()); ?>'
		},
		dataType:'json',
		success : function(sendback){
			toastr['success']('<?php echo app('translator')->get('messages.mail_sms_success'); ?>');
			App.unblockUI('#notice_content');
		},
		error : function(sendback){
			toastr['error']('<?php echo app('translator')->get('messages.mail_sms_fail'); ?>');
			App.unblockUI('#notice_content');
		}
	});
});

$(document).on('click','#btn_instorder_card',function(){ 
	$("#instorder_card_no").val(''); 
	$('#instorder_card_no').unbind('keypress');
	
	$('#modal_function_instorder_card_view').modal('show');

	window.setTimeout("document.getElementById('instorder_card_no').focus();", 500);

	$("#instorder_card_no").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			$('#modal_function_instorder_card_view').modal('hide');

			$.ajax({
				url: "<?php echo e(action('ConsoleController@instorder_card')); ?>",
				type:'GET',
				data:{
					card_no : $("#instorder_card_no").val(),
				},
				success: function(sendback){
					if(sendback.message == "no user"){
						toastr['warning']('卡號有誤');
					}else{
						$('#notice_content').html(sendback);
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					window.location.reload();
				}
			});
		}
	});
});

$(document).on('click','#btn_instorder_phone',function(){ 
	$("#instorder_phone_no").val(''); 
	$('#instorder_phone_no').unbind('keypress');
	
	$('#modal_function_instorder_phone_view').modal('show');

	window.setTimeout("document.getElementById('instorder_phone_no').focus();", 500);

	$("#instorder_phone_no").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			$('#modal_function_instorder_phone_view').modal('hide');

			$.ajax({
				url: "<?php echo e(action('ConsoleController@instorder_phone')); ?>",
				type:'GET',
				data:{
					user_id : $("#instorder_phone_no").val(),
				},
				success: function(sendback){
					if(sendback.message == "no user"){
						toastr['warning']('無此使用者');
					}else{
						$('#notice_content').html(sendback);
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					window.location.reload();
				}
			});
		}
	});
});

$(document).on('click','#btn_instorder_User',function(){ 
	$.ajax({
		url:'<?php echo e(route("console::instorder_selectUser")); ?>',
		type:'GET',
		success: function(sendback){
			$('#modal_function_getMailWithUser_view_content').html(sendback);
			$('#modal_function_getMailWithUser_view').modal('show');
			getMember();
		},
		error: function(sendback){
			$('#modal_function_getMailWithUser_view').modal('hide');
		}
	});
});

$(document).on('click','#btn_inst_equipment_orders',function(){
	$.ajax({
		url:'<?php echo e(route("console::notice_list")); ?>',
		type:'GET',
		data:{
			id : "inst_equipment"
		},
		success: function(sendback){
			$('#notice_title').html("借物管理");
			$('#notice_content').html(sendback);
		},
		error: function(sendback){
			toastr['warning']('此項目目前尚未開放');
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('click','#btn_return_equipment_list',function(){
	uid = $(this).attr('uid');
	$.ajax({
		url: "<?php echo e(action('ConsoleController@return_equipment_list')); ?>",
		type:'GET',
		data:{
			equipment_id : uid,
		},
		success : function(sendback){
			toastr['success']('資料送出成功！');
			$('#notice_modal').modal('hide');
		},
		error   : function(sendback){
			toastr['error']('資料異常，請重新整理後再次使用');
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('click','.btn_equipment_cost',function(){
	$.ajax({
		type : 'post',
		url : '<?php echo e(action('ConsoleController@point_show')); ?>',
		data : {
			id : $(this).attr('value'),
			_token:'<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){

			$('#modal_function_point_view_content').html(sendback);
			$('#modal_function_point_view').modal('show');
			$('#view_back_to_point').hide();
			$('#notice_modal').modal('hide');
		},
		error :function(sendback){
			toastr['error']('<?php echo app('translator')->get('messages.error'); ?>');
		}
	});
});

$(document).on('click','#btn_equipment',function(){
	uid = $(this).attr('uid');
	user = $(this).attr('user');
	instname = $(this).attr('instname');
	// alert(uid);
	$.ajax({
		url: '<?php echo e(action("ConsoleController@inst_set_equipment")); ?>',
		type:'GET',
		data:{
			inst_order_id : uid,
			user_id : user,
			instname : instname
		},
		success : function(sendback){
			$('#modal_function_inst_set_equipment_content').html(sendback);
			$('#modal_function_inst_set_equipment').modal('show');
		},
		error   : function(sendback){
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('click','#btn_equipment_submit',function(){
	$.ajax({
		url: '<?php echo e(action("ConsoleController@inst_equipment_submit")); ?>',
		type:'GET',
		data:{
			user_id : $('#equipments_user_id').val(),
			after_id : $('#after_id').val(),
			equipments : $('#equipments').val(),
			inst_order_id : $('#inst_order_id').val()
		},
		success : function(sendback){
			toastr['success']('資料已送出');
			$('#modal_function_inst_set_equipment').modal('hide');
		},
		error   : function(sendback){
			$('#modal_function_inst_set_equipment').modal('hide');
		}
	});
});

$(document).on('click','#btn_equipment_return',function(){
	uid = $(this).attr('uid');
	user = $(this).attr('user');
	instname = $(this).attr('instname');
	
	$.ajax({
		url: '<?php echo e(action("ConsoleController@inst_equipment_return")); ?>',
		type:'GET',
		data:{
			inst_order_id : uid,
			user_id : user,
			instname : instname
		},
		success : function(sendback){
			$('#modal_function_inst_equipment_return_content').html(sendback);
			$('#modal_function_inst_equipment_return').modal('show');
		},
		error   : function(sendback){
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('click','#btn_return_equipment_submit',function(){
	$.ajax({
		url: '<?php echo e(action("ConsoleController@inst_return_equipment_submit")); ?>',
		type:'GET',
		data:{
			inst_order_id : uid,
			user_id : user,
		},
		success : function(sendback){
			toastr['success']('資料已送出');
			$('#modal_function_inst_equipment_return').modal('hide');
		},
		error   : function(sendback){
			$('#modal_function_inst_equipment_return').modal('hide');
		}
	});
});

$(document).on('click','#btn_point_card',function(){ 
	$("#point_card_no").val(''); 
	$('#point_card_no').unbind('keypress');
	
	$('#modal_function_btn_point_card_view').modal('show');

	window.setTimeout("document.getElementById('point_card_no').focus();", 500);

	$("#point_card_no").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			// outFunction();
			$('#modal_function_btn_point_card_view').modal('hide');

			$.ajax({
				url:'<?php echo e(route("console::function")); ?>',
				type:'GET',
				data:{
					card_no : $("#point_card_no").val(),
					function : 'point',
					type : 'card'
				},
				success: function(sendback){
					if(sendback.message == "no user"){
						toastr['warning']('卡號有誤');
					}else{
						$('#modal_function_point_content').html(sendback);
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					window.location.reload();
				}
			});
		}
	});
});

$('#point_card_no').focusout(function(){
	$('#point_card_no').focus();
});


$('#point_phone_no').focusout(function(){
	$('#point_phone_no').focus();
});

$(document).on('click','#btn_point_phone',function(){ 
	$("#point_phone_no").val(''); 
	$('#point_phone_no').unbind('keypress');
	
	$('#modal_function_btn_point_phone_view').modal('show');

	window.setTimeout("document.getElementById('point_phone_no').focus();", 500);

	$("#point_phone_no").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			// outFunction();
			$('#modal_function_btn_point_phone_view').modal('hide');

			$.ajax({
				url:'<?php echo e(route("console::function")); ?>',
				type:'GET',
				data:{
					card_no : $("#point_phone_no").val(),
					function : 'point',
					type : 'phone'
				},
				success: function(sendback){
					if(sendback.message == "no user"){
						toastr['warning']('無此使用者');
					}else{
						$('#modal_function_point_content').html(sendback);
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					window.location.reload();
				}
			});
		}
	});
});

$(document).on('click','#btn_point_User',function(){ 
	$.ajax({
		url:'<?php echo e(route("console::Point_selectUser")); ?>',
		type:'GET',
		success: function(sendback){
			$('#modal_function_getMailWithUser_view_content').html(sendback);
			$('#modal_function_getMailWithUser_view').modal('show');
			getMember();
		},
		error: function(sendback){
			$('#modal_function_getMailWithUser_view').modal('hide');
		}
	});
});
	

//刷卡取信
$(document).on('click','#btn_getMailWithCard',function(){ 
	$("#mail_cardNumber").val(''); 
	$('#mail_cardNumber').unbind('keypress');
	
	$('#modal_function_getMailWithCard_view').modal('show');

	window.setTimeout("document.getElementById('mail_cardNumber').focus();", 1000);

	$("#mail_cardNumber").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			// outFunction();
			$('#modal_function_getMailWithCard_view').modal('hide');

			var title = '未取信件';
			App.blockUI({
		        target: '#notice_content',
		        boxed: true,
		        overlayColor: 'none',
		        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
		        textOnly: true
		    });

			$.ajax({
				url:'<?php echo e(route("console::getNoticeMailListByUserID")); ?>',
				type:'GET',
				data:{
					cardNumber : $("#mail_cardNumber").val()
				},
				success: function(sendback){

					if(sendback.message == "no user"){
						toastr['warning']('卡號有誤');
						App.unblockUI('#notice_content');
					}else{
						$('#notice_title').html(title);
						$('#notice_content').html(sendback);
						$('#btn_getMail').show();//顯示取件按鈕
						App.unblockUI('#notice_content');
						callMailDataTable();
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					App.unblockUI('#notice_content');
					$('#notice_modal').modal('hide');

				}
			});
		}
	});
});

//刷卡取信(電子信箱)
$(document).on('click','#btn_getElectricMailWithCard',function(){ 
	$("#electric_mail_cardNumber").val(''); 
	$('#electric_mail_cardNumber').unbind('keypress');
	
	$('#modal_function_getElectricMailWithCard_view').modal('show');

	window.setTimeout("document.getElementById('electric_mail_cardNumber').focus();", 1000);

	$("#electric_mail_cardNumber").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			// outFunction();
			$('#modal_function_getElectricMailWithCard_view').modal('hide');

			var title = '未取信件';
			App.blockUI({
		        target: '#notice_content',
		        boxed: true,
		        overlayColor: 'none',
		        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
		        textOnly: true
		    });

			$.ajax({
				url:'<?php echo e(route("console::getNoticeElectricMailListByUserID")); ?>',
				type:'GET',
				data:{
					cardNumber : $("#electric_mail_cardNumber").val()
				},
				success: function(sendback){

					if(sendback.message == "no user"){
						toastr['warning']('卡號有誤');
						App.unblockUI('#notice_content');
					}else{
						$('#notice_title').html(title);
						$('#notice_content').html(sendback);
						$('#btn_getElectricMail').show();//顯示取件按鈕
						App.unblockUI('#notice_content');
						callElectricMailDataTable();
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					App.unblockUI('#notice_content');
					$('#notice_modal').modal('hide');

				}
			});
		}
	});
});

//手機取信
$(document).on('click','#btn_getMailWithPhone',function(){ 
	$("#mail_barCode").val(''); 
	$('#mail_barCode').unbind('keypress');
	$('#modal_function_getMailWithPhone_view').modal('show');
	window.setTimeout("document.getElementById('mail_barCode').focus();", 1000)  ;  

	$("#mail_barCode").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			// outFunction();
			$('#modal_function_getMailWithPhone_view').modal('hide');

			var title = '未取信件';
			App.blockUI({
		        target: '#notice_content',
		        boxed: true,
		        overlayColor: 'none',
		        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
		        textOnly: true
		    });

			$.ajax({
				url:'<?php echo e(route("console::getNoticeMailListByUserID")); ?>',
				type:'GET',
				data:{
					username : $("#mail_barCode").val()
				},
				success: function(sendback){

					if(sendback.message == "no user"){
						toastr['warning']('無此使用者');
						App.unblockUI('#notice_content');
					}else{
						$('#notice_title').html(title);
						$('#notice_content').html(sendback);
						$('#btn_getMail').show();//顯示取件按鈕
						App.unblockUI('#notice_content');
						callMailDataTable();
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					App.unblockUI('#notice_content');
					$('#notice_modal').modal('hide');
				}
			});
		}
	});
});

function closeiframe(){
	$('#modal_function_quick').modal('hide');
}

//住戶取信
$(document).on('click','#btn_getMailWithUser',function(){ 
	App.blockUI({
        target: '#modal_function_getMailWithUser_view_content',
        boxed: true,
        overlayColor: 'none',
        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
        textOnly: true
    });

	$.ajax({
		url:'<?php echo e(route("console::getSelectUserView")); ?>',
		type:'GET',
		success: function(sendback){
			$('#modal_function_getMailWithUser_view_content').html(sendback);
			$('#modal_function_getMailWithUser_view').modal('show');
			getMember();

			App.unblockUI('#modal_function_getMailWithUser_view_content');
		},
		error: function(sendback){
			toastr['warning']('無此使用者');
			App.unblockUI('#modal_function_getMailWithUser_view_content');
			$('#modal_function_getMailWithUser_view').modal('hide');
		}
	});
});

//取信
$(document).on('click','#btn_getMail',function(){ 
	// signpad.open();
	$('#modal_function_webcam').modal('show');
	$('#img_name').val('');
	$("#camera_modal").css('display', 'none');
	$(".buttonPane").css('display', 'none');
	$(".buttonPaneGroup").css('display', 'none');
});

//取信
$(document).on('click','#btn_getElectricMail',function(){ 
	// signpad.open();
	$('#modal_function_webcam').modal('show');
	$('#img_name').val('');
	$("#camera_modal").css('display', 'none');
	$(".buttonPane").css('display', 'none');
	$(".buttonPaneGroup").css('display', 'none');
});

//SetCard Function
$(document).on('click','#btn_setcard_submit',function(){
	var user_id = $('#setcard_user_select').val();
	var card_no = $('#setcard_card_no').val();
	$('#setcard_card_no').val('');
	$.ajax({
		type: 'POST',
		url: '<?php echo e(action('ConsoleController@setcard')); ?>',
		dataType:'json',
		data:{
			mode : 'step1',
			user_id : user_id,
			card_no : card_no,
			_token : '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			toastr['success']('<?php echo app('translator')->get('messages.config_success'); ?>');
			$('#setcard_active').show();
		},
		error : function(sendback){
			toastr['error'](sendback.message);
		}
	})
});

$(document).on('click','#btn_setcard_active',function(){
	var key = $('#setcard_active_key').val();
	$('#setcard_active_key').val('');
	$.ajax({
		type : 'POST',
		url : '<?php echo e(action('ConsoleController@setcard')); ?>',
		dataType: 'json',
		data : {
			mode:'step2',
			key : key,
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			toastr['success']('<?php echo app('translator')->get('messages.verify_code_success'); ?>');
			$('#setcard_active').hide();
		},
		error : function(sendback){
			toastr['error'](sendback.message);
		}
	});
});

//========================================================================
//    門禁系統
//========================================================================
$(document).on('click','.btn-access-open',function(){
	var aid = $(this).attr('aid');
	$.ajax({
		type : 'POST',
		url : '<?php echo e(action('ConsoleController@open_fence')); ?>',
		dataType: 'json',
		data : {
			id 	: aid,
			_token: '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			if(sendback.status == "1"){
				toastr['success']('已成功送出控制');
			}else{
				toastr['warning']('錯誤，設備編號不存在');
			}
		},
		error : function(sendback){
			toastr['error']('連線失敗，請檢查API路徑是否有誤');
		}
	});
});

//========================================================================
//    進出作業
//========================================================================
//按鈕顯示與否
$(document).on('click','#btn_out',function(){
	$('#btn_in').css('visibility', 'hidden');
   $('.inouts_out').css('display','block');
	$('#out_reason').focus();
});
$(document).on('click','#btn_in',function(){
	$('#btn_out').css('visibility', 'hidden');
	$('.inouts_in').css('display','block');
	$('#in_input_code').focus();
});

//外出_輸入卡號及確定
$("#btn_outsure").click(outFunction);
$("#out_input_code").keypress(function(e){
	code = (e.keyCode ? e.keyCode : e.which);
	if (code == 13){
		outFunction();
	}
});

//外出_項目寫入輸入框
$(document).on('click','.btn_out_reason',function(){
	$('#out_reason').val('');
	$('#out_reason').val($(this).val());
	$('#out_input_code').focus();
});

function outFunction(){
		$('#out_input_code').attr('readonly',true);
		inputFocus = 'none';
		var code = $('#out_input_code').val();
		var reason = $('#out_reason').val();
		var remark = $('#out_remark').val();		
		if(code != ''){
			$.ajax({
				type : 'POST',
				url: '<?php echo e(action('InOutsController@store')); ?>',
				dataType: 'json',
				data:{
					code : code,
					reason : reason,
					remark : remark,
					'_token': $('input[name=_token]').val()
				},
				success : function(sendback){
					if (sendback['success']) {
						toastr['success'](sendback['message']);
					}else{
						toastr['error'](sendback['message']);
					}
					$('#modal_function_inouts').modal('hide');
					$('#out_input_code').attr('readonly',false);
				},
				error : function(sendback){
					toastr['error']('卡號不正確');
					$('#out_input_code').focus();
					$('#out_input_code').attr('readonly',false);
				}
			});
		}else{
			toastr['error']('未輸入卡號');
			$('#out_input_code').focus();
			$('#out_input_code').attr('readonly',false);
		}
		$('#out_input_code').val('');
}
//返室_輸入卡號及確定
$("#btn_insure").click(inFunction);
$("#in_input_code").keypress(function(e){
	code = (e.keyCode ? e.keyCode : e.which);
	if (code == 13){
		inFunction();
	}
});
function inFunction(){
		$('#in_input_code').attr('readonly',true);
		inputFocus = 'none';
		var code = $('#in_input_code').val();
		if(code != ''){
			$.ajax({
				type : 'POST',
				url: '<?php echo e(action('InOutsController@back')); ?>',
				dataType: 'json',
				data:{
					code : code,
					'_token': $('input[name=_token]').val()
				},
				success : function(sendback){
					if (sendback['success']) {
						toastr['success'](sendback['message']);
					}else{
						toastr['error'](sendback['message']);
					}
					$('#modal_function_inouts').modal('hide');
					$('#in_input_code').attr('readonly',false);
				},
				error : function(sendback){
					toastr['error']('卡號不正確');
					inputFocus = 'code';
					$('#in_input_code').attr('readonly',false);
				}
			});
		}else{
			toastr['error']('未輸入卡號');
			inputFocus = 'code';
					$('#in_input_code').attr('readonly',false);
		}
		$('#in_input_code').val('');
}
</script>
<script language="JavaScript">
//	2017-02-08 櫃台首頁自動重新Refresh start
refresh_start_date = new Date();
refresh_start_time = refresh_start_date.getTime();

function reciprocal() { 
	var myDate = new Date(); 
	var time_Now = myDate.getTime(); 
	var time_Diff = time_Now - refresh_start_time;
	this.diffSecs = time_Diff / 1000;
	return(this.diffSecs);
}
function getRefreshTime() {
	var Time_Sec = 18001 - reciprocal();
	if(Time_Sec < 60){
		$('#reciprocal_time').css("color","red");
		$('#css_refresh').css("color","red");
	}	
	var Time_Hour = Math.floor((Time_Sec % ( 24 * 3600 )) / 3600 );
	var Time_Min = Math.floor((Time_Sec % 3600 ) / (60));
	var Time_Sec_ = Math.floor(Time_Sec % 60);
	var Time_All = Time_Hour + "時" + Time_Min + "分" + Time_Sec_ + "秒後重整";
	var NowDate = new Date();
	var min = NowDate.getMinutes();
	var sec = NowDate.getSeconds();
	if( (min == 0 && sec < 1) || (min == 30 && sec < 1) ){
		socketAction('update_notice');
	}
	if(Time_Sec_ < 0){
		Time_All = "正在重新載入頁面";
	}
	$('#reciprocal_time').text(Time_All);
	window.setTimeout('getRefreshTime()',1000);
}
//	End


</script>
<script type="text/javascript">
	//notice keeper 2017-03-08
	//刷卡取信
$(document).on('click','#btn_getKeeperWithCard',function(){ 
	$("#keeper_cardNumber").val(''); 
	$('#keeper_cardNumber').unbind('keypress');
	
	$('#modal_function_getKeeperWithCard_view').modal('show');

	window.setTimeout("document.getElementById('keeper_cardNumber').focus();", 1000);  

	$("#keeper_cardNumber").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			// outFunction();
			$('#modal_function_getKeeperWithCard_view').modal('hide');

			var title = '未領寄物';
			App.blockUI({
		        target: '#notice_content',
		        boxed: true,
		        overlayColor: 'none',
		        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
		        textOnly: true
		    });

			$.ajax({
				url:'<?php echo e(route("console::Keeper_DataList")); ?>',
				type:'GET',
				data:{
					cardNumber : $("#keeper_cardNumber").val()
				},
				success: function(sendback){

					if(sendback.message == "no user"){
						toastr['warning']('卡號有誤');
						App.unblockUI('#notice_content');
					}else{
						$('#notice_title').html(title);
						$('#notice_content').html(sendback);
						$('#btn_getKeeper').show();//顯示取件按鈕
						App.unblockUI('#notice_content');
						callKeeperDataTable();
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					App.unblockUI('#notice_content');
					$('#notice_modal').modal('hide');

				}
			});
		}
	});
});

//手機取信
$(document).on('click','#btn_getKeeperWithPhone',function(){ 
	$("#keeper_barCode").val(''); 
	$('#keeper_barCode').unbind('keypress');
	$('#modal_function_getKeeperWithPhone_view').modal('show');
	window.setTimeout("document.getElementById('keeper_barCode').focus();", 1000)  ;  

	$("#keeper_barCode").keypress(function(e){
		code = (e.keyCode ? e.keyCode : e.which);
		if (code == 13){
			// outFunction();
			$('#modal_function_getKeeperWithPhone_view').modal('hide');

			var title = '未領寄物';
			App.blockUI({
		        target: '#notice_content',
		        boxed: true,
		        overlayColor: 'none',
		        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
		        textOnly: true
		    });

			$.ajax({
				url:'<?php echo e(route("console::Keeper_DataList")); ?>',
				type:'GET',
				data:{
					username : $("#keeper_barCode").val()
				},
				success: function(sendback){

					if(sendback.message == "no user"){
						toastr['warning']('無此使用者');
						App.unblockUI('#notice_content');
					}else{
						$('#notice_title').html(title);
						$('#notice_content').html(sendback);
						$('#btn_getKeeper').show();//顯示取件按鈕
						App.unblockUI('#notice_content');
						callKeeperDataTable();
					}
				},
				error: function(sendback){
					toastr['warning']('操作錯誤，請聯繫開發人員');
					App.unblockUI('#notice_content');
					$('#notice_modal').modal('hide');
				}
			});
		}
	});
});

//寄物_住戶取件
$(document).on('click','#btn_getKeeperWithUser',function(){ 
	App.blockUI({
        target: '#modal_function_getKeeperWithUser_view_content',
        boxed: true,
        overlayColor: 'none',
        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
        textOnly: true
    });

	$.ajax({
		url:'<?php echo e(route("console::Keeper_User")); ?>',
		type:'GET',
		success: function(sendback){
			$('#modal_function_getKeeperWithUser_view_content').html(sendback);
			$('#modal_function_getKeeperWithUser_view').modal('show');
			getMember();

			App.unblockUI('#modal_function_getKeeperWithUser_view_content');
		},
		error: function(sendback){
			toastr['warning']('無此使用者');
			App.unblockUI('#modal_function_getKeeperWithUser_view_content');
			$('#modal_function_getKeeperWithUser_view').modal('hide');
		}
	});
});

//寄物_寄件者取件
$(document).on('click','#btn_getKeeperWithSend',function(){ 
	App.blockUI({
        target: '#modal_function_getKeeperWithSend_view_content',
        boxed: true,
        overlayColor: 'none',
        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
        textOnly: true
    });

	$.ajax({
		url:'<?php echo e(route("console::Keeper_Send")); ?>',
		type:'GET',
		success: function(sendback){
			$('#modal_function_getKeeperWithSend_view_content').html(sendback);
			$('#modal_function_getKeeperWithSend_view').modal('show');
			getMember();

			App.unblockUI('#modal_function_getKeeperWithSend_view_content');
		},
		error: function(sendback){
			toastr['warning']('無此使用者');
			App.unblockUI('#modal_function_getKeeperWithSend_view_content');
			$('#modal_function_getKeeperWithSend_view').modal('hide');
		}
	});
});


//密碼取件
$(document).on('click','#btn_getKeeperWithPassword',function(){ 
	$("#keeper_password").val(''); 
	$('#modal_function_getKeeperWithPassword_view').modal('show');
	window.setTimeout("document.getElementById('keeper_password').focus();", 500);
});
$(document).on('click','.keyboard-num',function(){
	$('.keyboard-num').unbind('click');
	var $this = $(this),
		character = $this.attr('num');
	$('#keeper_password').val($('#keeper_password').val() + character);
	$('#keeper_password').focus();
});
$(document).on('click','#modal_function_getKeeperWithPassword_view',function(){
	$('#keeper_password').focus();
});

$(document).on('click','#btn_keeper_clear',function(){
	$('#keeper_password').val('');
});
$('#btn_keeper_password').click(function(){
	$('#modal_function_getKeeperWithPassword_view').modal('hide');
	var title = '未取信件';
	App.blockUI({
        target: '#notice_content',
        boxed: true,
        overlayColor: 'none',
        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
        textOnly: true
    });
    $.ajax({
		url:'<?php echo e(route("console::Keeper_Password")); ?>',
		type:'GET',
		data:{
			password : $("#keeper_password").val()
		},
		success: function(sendback){
			if(sendback.message == "no item"){
				toastr['warning']('查無此密碼之寄物');
				App.unblockUI('#notice_content');
			}else{
				$('#notice_title').html(title);
				$('#notice_content').html(sendback);
				$('#btn_getKeeper').show();//顯示取件按鈕
				App.unblockUI('#notice_content');
				callKeeperDataTable();
			}
		},
		error: function(sendback){
			toastr['warning']('操作錯誤，請聯繫開發人員');
			App.unblockUI('#notice_content');
			$('#notice_modal').modal('hide');
		}
	});
});

//顯示選擇天數之modal
$(document).on('click','.btn_filter_select_number_of_day',function(){
	$('#modal_function_mail_number_of_days').modal('show');
	$('#mail_status').val($(this).data('filter'));
});

//mail  點擊天數按鈕後把資料撈回來
$(document).on('click','.btn_filter_mail_with_day',function(){
	var filter = $('#mail_status').val();
	var day = $(this).data('day');
	$.ajax({
		url:'<?php echo e(route("console::notice_list")); ?>',
		type:'GET',
		data:{
			id : 'mail',
			filter : filter,
			day : day
		},
		success: function(sendback){
			$('#modal_function_mail_number_of_days').modal('hide');
			$('#notice_content').html(sendback);
			callMailDataTable();

          
		},
		error: function(sendback){
			toastr['warning']('操作錯誤，請聯繫開發人員');
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('click','.btn_search_source',function(){
	var source = $(this).attr('stype');
	App.blockUI({
        target: '#notice_content',
        boxed: true,
        overlayColor: 'none',
        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
        textOnly: true
    });
	$.ajax({
		url:'<?php echo e(route("console::notice_list")); ?>',
		type:'GET',
		data:{
			id : 'mail',
			source : source
		},
		success: function(sendback){
			$('#notice_content').html(sendback);
			callMailDataTable();
			App.unblockUI('#notice_content');
		},
		error: function(sendback){
			toastr['warning']('操作錯誤，請聯繫開發人員');
			$('#notice_modal').modal('hide');
			App.unblockUI('#notice_content');
		}
	});
});

$(document).on('click','#btn_function_news_add',function(){
	$('#modal_function_news').modal('hide');
	$('#modal_function_news_add').modal('show');
});

$(document).on('click','#btn_function_matter_add',function(){
	$('#modal_function_matter').modal('hide');
	$('#modal_function_matter_add').modal('show');
});

$(document).on('click','#btn_todolist_bar',function(){
	$('#todolist_bar').slideToggle('slow');
});

$(document).on('change','#todo_door',function(){
    var uid   = $(this).val();
	$.ajax({
		type : 'POST',
        url  : "<?php echo e(route('console::GetToDo_Floor')); ?>",
        data : {
            'id' : uid
        },
        success:function(sendback){
        	$('#todo_floor').prop('disabled',false);
        	$('#todo_floor').empty();
        	$('#todo_floor').append('<option value="">請選擇</option>');
        	$('#todo_household').empty();
        	$('#todo_household').append('<option value="">請選擇</option>');
        	$('#todo_household').prop('disabled',true);
        	for(var i = 0;i < sendback.all_floor.length;i++){
        		$('#todo_floor').append('<option value="' + sendback.all_floor[i].floor + '">' + sendback.all_floor[i].floor + '</option>')
        	}
        	$('#todo_floor').selectpicker('refresh');
        	$('#todo_household').selectpicker('refresh');
        },
        error  :function(sendback){
			toastr['error']('發生錯誤請重新整理後再次操作。');
        }
	});
});

$(document).on('change','#todo_floor',function(){
	var uid   = $('#todo_door').val();
	var floor = $(this).val();
	$.ajax({
		type : 'POST',
        url  : "<?php echo e(route('console::GetToDo_House')); ?>",
        data : {
            'id' : uid,
            'fl' : floor
        },
        success:function(sendback){
        	$('#todo_household').prop('disabled',false);
        	$('#todo_household').empty();
        	$('#todo_household').append('<option value="">請選擇</option>');
        	for(var i = 0;i < sendback.all_household.length;i++){
        		$('#todo_household').append('<option value="' + sendback.all_household[i].household + '">' + sendback.all_household[i].household + '</option>')
        	}
        	$('#todo_household').selectpicker('refresh');
        },
        error  :function(sendback){
			toastr['error']('發生錯誤請重新整理後再次操作。');
        }
	});
});

$(document).on('change','#todo_household',function(){
	var uname = $('#todo_door').val() + "-" + $('#todo_floor').val() + "-" + $(this).val();
	$('#btn_todolist_search').attr('data-filter',uname);
	$('#btn_todolist_search').click();
});

$(document).on('click','#btn_show_mail',function(){
	$('#modal_show_mail').modal('show');
});

$(document).on('click','#btn_mail_message',function(){
	$.ajax({
		url  : '<?php echo e(route("console::Send_Mail")); ?>',
		type : 'POST',
		data : {
			title   : $('#mail_title').val(),
			info    : $('#mail_user_id').val() + "(" + $('#mail_user').val() + ")",
			content : $('#mail_info').val(),
			mail    : $('#mail_return').val(),
			phone   : $('#mail_phone').val(),
			_token  : '<?php echo e(csrf_token()); ?>',
		},
		success: function(sendback){
			if(sendback.message == 'OK'){
				toastr['success']('已成功寄出信件');
				window.location.reload();
			}else{
				toastr['error']('寄出信件失敗');
			}
		},
		error  : function(sendback){
			toastr['error']('寄出信件失敗');
		}
	});
});

//訪客 篩選 日期判斷
$(document).on('click','.btn_filter_select_number_of_day_guest',function(){
	$('#modal_function_guest_number_of_days').modal('show');
	$('#guest_status').val($(this).data('filter'));
});

//訪客  按鈕點擊後把值回傳
$(document).on('click','.btn_filter_guest_with_day',function(){
	var filter = $('#guest_status').val();
	var day = $(this).data('day');
	$.ajax({
		url:'<?php echo e(route("console::notice_list")); ?>',
		type:'GET',
		data:{
			id : 'guest',
			filter : filter,
			day : day
		},
		success: function(sendback){
			$('#modal_function_guest_number_of_days').modal('hide');
			$('#notice_content').html(sendback);
			callGuestDataTable();
		},
		error: function(sendback){
			toastr['warning']('操作錯誤，請聯繫開發人員');
			$('#notice_modal').modal('hide');
		}
	});
});

//寄委物 篩選 日期判斷
$(document).on('click','.btn_filter_select_number_of_day_keeper',function(){
	$('#modal_function_keeper_number_of_days').modal('show');
	$('#keeper_status').val($(this).data('filter'));
}); 

//寄委物  按鈕點擊後把值回傳
$(document).on('click','.btn_filter_keeper_with_day',function(){
	var filter = $('#keeper_status').val();
	var day = $(this).data('day');
	$.ajax({
		url:'<?php echo e(route("console::notice_list")); ?>',
		type:'GET',
		data:{
			id : 'keeper',
			filter : filter,
			day : day
		},
		success: function(sendback){
			$('#modal_function_keeper_number_of_days').modal('hide');
			$('#notice_content').html(sendback);
			callKeeperDataTable();
		},
		error: function(sendback){
			toastr['warning']('操作錯誤，請聯繫開發人員');
			$('#notice_modal').modal('hide');
		}
	});
});

$(document).on('keypress','#keeper_password',function(e){
	if(e.which == 13){
		$('#modal_function_getKeeperWithPassword_view').modal('hide');
		var title = '未取信件';
		App.blockUI({
	        target: '#notice_content',
	        boxed: true,
	        overlayColor: 'none',
	        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
	        textOnly: true
	    });
	    $.ajax({
			url:'<?php echo e(route("console::Keeper_Password")); ?>',
			type:'GET',
			data:{
				password : $("#keeper_password").val()
			},
			success: function(sendback){
				if(sendback.message == "no item"){
					toastr['warning']('查無此密碼之寄物');
					App.unblockUI('#notice_content');
				}else{
					$('#notice_title').html(title);
					$('#notice_content').html(sendback);
					$('#btn_getKeeper').show();//顯示取件按鈕
					App.unblockUI('#notice_content');
					callKeeperDataTable();
				}
			},
			error: function(sendback){
				toastr['warning']('操作錯誤，請聯繫開發人員');
				App.unblockUI('#notice_content');
				$('#notice_modal').modal('hide');
			}
		});
	}
});

//寄物取件
$(document).on('click','#btn_getKeeper',function(){ 
	
	$('#modal_function_webcam').modal('show');
	$('#img_name').val('');
	$("#camera_modal").css('display', 'none');
	$(".buttonPane").css('display', 'none');
	$(".buttonPaneGroup").css('display', 'none');
});
$(document).on('click','#btn_signimage',function(){
	signpad.open();
	$('#modal_function_webcam').modal('hide');
	$("#camera_modal").css('display', 'none');
	$(".buttonPane").css('display', 'none');
	$(".buttonPaneGroup").css('display', 'none');

	if ($(document).height() > $(window).height()) {
        $("html").addClass("noscroll");
    }else{
        $("html").addClass("fixWindow"); 
    }
});

$(document).on('click','.btn_meal_status',function(){
	var mid = $(this).attr('mid');
	$.ajax({
		url : '<?php echo e(route("console::meal_status")); ?>',
		type: 'GET',
		data:{
			id  : mid
		},
		success:function(sendback){			
			$('#btn_meal_status_'+mid).hide();
			$('#meal_status_'+mid).removeClass('label-danger').addClass('label-info').html('已出餐');
			toastr['success']('資料已送出');
		}
	});
});

$(document).on('click','.btn_meal_check',function(){
	var mid = $(this).attr('mid');
	$.ajax({
		url : '<?php echo e(route("console::meal_check")); ?>',
		type: 'GET',
		data:{
			id  : mid
		},
		success:function(sendback){			
			$('#modal_function_meal').modal('show');
			$('#meal_check_content').html(sendback);
		}
	});
});

//========================================================================
//    處理拍照的觸發
//========================================================================
var isload = false;
$(document).on('click','#console_btn_webcam',function(){
	$("#camera_modal").css('display', 'block');
	$(".buttonPane").css('display', 'block');
	var number = "";
	if(isload){
		resetWebcamReset();
		resetHost();
		return;
	}
	isload = true;
	var screen = $('#screen');
	var template = '<img src="../images/mailImage/{src}" style="width:auto;height:100%;margin-left:25px" 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表示上傳完成
			// alert(msg);
			// This response is returned by upload.php
			// and it holds the name of the image in a
			// JSON object format:
			msg = $.parseJSON(msg);	//解析JSON
			$('#img_name').val(msg.mail_image);
			signpad.open();
			$('#modal_function_webcam').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();
});


// notice keeper end

//notice 計時制離場
	//按離場後，跳出離場視窗，並自動focus在刷卡位置
	$(document).on('click','#inst_btn_leave',function(){
		$.ajax({
			url : '<?php echo e(route("console::inst_timing_leave")); ?>',
			type: 'POST',
			data:{

			},
			success:function(sendback){
				$('#notice_modal').modal('hide');
				$('#modal_notice_inst_timing_content').html(sendback);
				$('#modal_notice_inst_timing').modal('show');
				window.setTimeout("document.getElementById('leave_user_query').focus();", 500);
			},
			error:function(sendback){
				toastr['warning']('操作錯誤，請聯繫開發人員');
			}
		});
	});
	// 離場: 用戶查詢(按查詢紐)
	$(document).on('click','#btn_leave_user_query',function(){
		leave_user_query();
		$("#leave_user_query").focus();
	});
	// 離場: 用戶查詢(下拉選單)
	$(document).on('change','#leave_user_query_id',function(){
		var username = $(this).val();
		$('#leave_user_query').val(username);
		leave_user_query();
	});
	// 離場: 用戶查詢(按leave)
	$(document).on('keypress','#leave_user_query',function(e){
		if(e.which == 13){
			leave_user_query();
		}
	});
	var leave_user_query = function(){
		var user = $('#leave_user_query').val();
		$.ajax({
			type: 'GET',
			url: '<?php echo e(action("InstOrderTimeController@getLeaveUser")); ?>',
			dataType:'json',
			data:{
				user : user
			},
			success: function(sendback){
				$('#leave_display_username').html(sendback.username+' - '+sendback.name);
				$('#return_user_id').val(sendback.user_id);
				$("#order_id").val(sendback.result.id);
				$("#equipment_order").val(sendback.result.equipment_order);
				$("#cost_point").val(sendback.result.cost);
				$("#return_pawn").val(sendback.result.pawn);
				$('#point_buy').html(sendback.point_buy.useable_point);
				$('#point_free').html(sendback.point_free.useable_point);
				
				$.each(sendback.result, function (key, data) {
					$("#"+key).html(data);
				});
				$('#leave_display').show();
			},
			error: function(sendback){
				clear_leave_display();
				toastr["error"](sendback.responseText);
			}
		});
	}


	//櫃台 notice頁面 註銷js
	$('#notice_modal').on('hidden.bs.modal', function () {
		$(document).off('click','.leave_inst');
	})

	//資料登錄欄位清除
	var clear_leave_display = function(){
		$('#leave_display_username').html('');
		$('#leave_user_query').val('');
		$('#leave_user_id').val('');
		$('#person').val('');
		$("#equipments").val('');
		$('#point_cost').html('');
		$('#leave_display').hide();
	}
	//按離場的離場按鈕後，將資料送出
	$(document).on('click','#btn_leave_send',function(){
		$.ajax({
			type:'POST',
			url:'<?php echo e(action("InstOrderTimeController@postLeaveSend")); ?>',
			dataType:'json',
			data:{
				_token:'<?php echo e(csrf_token()); ?>',
				user_id : $('#return_user_id').val(),
				order_id : $('#order_id').val(),
				equipment_order: $('#equipment_order').val(),
				pawn: $('#return_pawn').val(),
				point_free: $('#point_free').val(),
				point_buy: $('#point_buy').val(),
				cost_point: $('#cost_point').val()
			},
			success: function(sendback){
				if(sendback.success == true){
					if(sendback.equipment != ''){
						toastr['info'](sendback.equipment);
					}
					if(sendback.pawn != ''){
						toastr['warning'](sendback.pawn);
					}
					toastr['success'](sendback.message);
					$('#modal_notice_inst_timing').modal('hide');
					clear_leave_display();
				}else{
					toastr['error']("【"+sendback.message+"】，<br>請補足點數後再完成離場手續！");
				}
			},
			error: function(){
				toastr["error"]('資料送出失敗，請重新確認。');
			}
		});
	});
//notice end 計時制離場
	$(document).on('click','#btn_clear_give_point',function(){
		$.ajax({
			url:'<?php echo e(action("ConsoleController@clearpoint")); ?>',
			type:'GET',
			data:{
			},
			success: function(sendback){
				toastr['success']('已成功清除所有點數資料');
				window.location.reload();
			},
			error: function(sendback){
				toastr['error']('Error');
			}
		});
	});

//圖片放大 點擊
function show_Image(url){
	$('#show_image_src').attr("src",url)
	$('#modal_show_image').modal('show');
}
//圖片關閉 點擊
function close_Image(){
	$('#modal_show_image').modal('hide');
}
//檢查是否有建立氣象站
function getWeatherStation(){
	$.ajax({
		type : 'POST',
		url : '<?php echo e(action('Manage\WeatherStation\WeatherStationController@getWeatherStation')); ?>',
		dataTyep:'json',
		data : {
			_token : '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			if(sendback.count > 0){
				getWeather();
				getapi = setInterval(getWeather,300000);
			}
		},
		error : function(sendback){
			// toastr['error']('No Connect');
		}
	});
}
//取得氣象資料
function getWeather(){
	$.ajax({
		type : 'POST',
		url : '<?php echo e(action('Manage\WeatherStation\WeatherStationController@getAPI')); ?>',
		dataTyep:'json',
		data : {
			_token : '<?php echo e(csrf_token()); ?>'
		},
		success : function(sendback){
			$('#weather_li').css('display','block');
			$('#weather_station_control').html(sendback.temperature + ' ℃');
		},
		error : function(sendback){
			// toastr['error']('取得氣象資料失敗');
			clearInterval(getapi);
		}
	});
}

	function getViewByTypeAndId(type,id){
		App.blockUI({
	        target: '#notice_content',
	        boxed: true,
	        overlayColor: 'none',
	        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
	        textOnly: true
	    });

		$.ajax({
			type : 'GET',
			url : '<?php echo e(route("console::showViewByTypeAndId")); ?>',
			data : {
				id   : id,
				type : type
			},
			success : function(sendback){
				App.unblockUI('#notice_content');
				$('#modal_function_getViewByTypeAndId_view_content').html(sendback);
				$('#modal_function_getViewByTypeAndId_view').modal('show');
			},
			error : function(sendback){
				App.unblockUI('#notice_content');
				$('#modal_function_getViewByTypeAndId_view').modal('hide');
			}
		});
	}

	function setprompt(type,id,status){
		App.blockUI({
	        target: '#notice_content',
	        boxed: true,
	        overlayColor: 'none',
	        message: '<?php echo app('translator')->get('messages.reading_data'); ?>',
	        textOnly: true
	    });
	    $.ajax({
			type : 'GET',
			url : '<?php echo e(route("console::setprompt")); ?>',
			data : {
				id   : id,
				type : type,
				status : status
			},
			success : function(sendback){
				App.unblockUI('#notice_content');
				if(type == "calendar"){
					if(status == '1'){
						$('#'+type+'_setprompt_'+ id).hide();
					}else{
						$('#'+type+'_tr_' + id).hide();
					}
				}else{
					if(status == '2'){
						$('#'+type+'_span_' + id).removeClass('label-danger').addClass('label-success').html('處理中');
						$('#'+type+'_setprompt_'+ id).hide();
					}else{
						$('#'+type+'_tr_' + id).hide();
					}
				}
				toastr['success']('變更成功');
			},
			error : function(sendback){
				App.unblockUI('#notice_content');
				toastr['error']('系統異常，請聯繫管理員');
			}
		});
	}

</script>


<script type="text/javascript">
	
//========================================================================
//    處理拍照的觸發
//========================================================================
var isload = false;
$(document).on('click','.camera_Button',function(){
	var number = "";
	if(isload){
		resetWebcamReset();
		resetHost();
		return;
	}
	isload = true;
	var screen = $('#screen');
	var template = '<img src="../images/mailImage/{src}" style="width:auto;height:100%;margin-left:25px" 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表示上傳完成
			// alert(msg);
			// This response is returned by upload.php
			// and it holds the name of the image in a
			// JSON object format:

			msg = $.parseJSON(msg);	//解析JSON
			$('#img_name').val(msg.mail_image);
			$('#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();
});

</script>


<?php echo $__env->make('console.js.cardset', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
<!--
    ================================================== -->
    <!-- Main jQuery Plugins -->
    <script type='text/javascript' src="<?php echo e(asset('front/js/date.js')); ?>"></script>
	<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-fancybox/jquery.fancybox.pack.js')); ?>"></script>

    <!--
    ================================================== -->
    <!-- Main jQuery Plugins -->
    <script type='text/javascript' src="<?php echo e(asset('front/js/date.js')); ?>"></script>


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