@extends('layout.manage')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/clockface/css/clockface.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}"/>

<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/select2/css/select2-bootstrap.min.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css') }}"/>
@endsection

@section('page-content-wrapper')
	<div class="page-content-wrapper" id="main">
		<div class="page-content">
			<!-- BEGIN PAGE HEADER-->
			<h3 class="page-title">
			@inject('setting','anlutro\LaravelSettings\Facade')
			{{ $setting::get('system_name','全方位建築智慧化管理系統') }} <small>{{ $setting::get('company_name','新保科技') }}</small>
			</h3>
			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="{{route('manage::index')}}">@lang('messages.homepage')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="javascript:;">@lang('messages.community_manage')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="{{action('Manage\CommunityController@index')}}">@lang('messages.system_config')</a>
					</li>
				</ul>
				<div class="page-toolbar">

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN DASHBOARD STATS -->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN PORTLET-->
					@if (count($errors) > 0)
						<div id="form_error_alert" class="alert alert-danger">
						<button class="close" data-close="alert"></button>
							<ul>
					            @foreach ($errors->all() as $error)
					                <li>{{ $error }}</li>
					            @endforeach
					        </ul>
						</div>
					@endif
					<div id="form_add_fault_report_error" class="alert alert-danger display-hide">
						<button class="close" data-close="alert"></button>
						@lang('messages.col_invalid')
					</div>
					<div id="form_add_fault_report_success" class="alert alert-success display-hide">
						<button class="close" data-close="alert"></button>
						@lang('messages.add_success')
					</div>
					<div class="portlet box purple-studio">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-album"></i>@lang('messages.system_config')
							</div>
							<ul class="nav nav-tabs">
								<li class="active">
									<a href="#image" data-toggle="tab">
									@lang('messages.community_img_config') </a>
								</li>
                             	@if(Sentinel::check()->username === 'admin')
								<li>
									<a href="#admin" data-toggle="tab">
									@lang('messages.developer_setting') </a>
								</li>
								@endif
								@if(Sentinel::check()->username === 'admin')
								<li>
									<a href="#app" data-toggle="tab">
									@lang('messages.app_futn_options') </a>
								</li>
								<li>
									<a href="#app_icons_image" data-toggle="tab">
									@lang('messages.app_icons_image') </a>
								</li>
								@endif
								

								<li>
									<a href="#system" data-toggle="tab">
									@lang('messages.futn_options') </a>
								</li>
								@if(Sentinel::check()->type === 'admin')
								<li>
									<a href="#intercom" data-toggle="tab">
									@lang('messages.intercom_manage') </a>

								</li>

								<li>
									<a href="#intercom_icons_image" data-toggle="tab">
									對講機Icon設定</a>
								</li>
								@endif
							</ul>
						</div>
						<div class="portlet-body form">
							<form action="{{ action('Manage\CommunityController@updateSetting') }}" method="POST" id="form_add_fault_report" class="form-horizontal form-bordered"  enctype="multipart/form-data">
								<div class="tab-content">
									<div class="tab-pane active" id="image">
										<div class="form-group">
											<label class="col-md-3 control-label">@lang('messages.profile')
												<span class="help-block">@lang('messages.suggest_file_size')50px*50px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 100px; height: 100px;">
												        <img src="{{$data['profile']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="profile">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">@lang('messages.community_logo_upload')
												<span class="help-block">@lang('messages.suggest_file_size')250px*120px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 250px; height: 120px;">
												        <img src="{{$data['pwd_img']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="pwd_img">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">@lang('messages.app_logo_img_upload')
												<span class="help-block">@lang('messages.suggest_file_size')1080px*146px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 500px; height: 68px;">
														<img src="{{$data['app_logo']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="app_logo">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">@lang('messages.app_home_img_upload')
												<span class="help-block">@lang('messages.suggest_file_size')1100px*220px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 500px; height: 100px;">
														<img src="{{$data['app_img']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="app_img">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												</div>
											</div>
										</div>
										@if(Sentinel::check()->username === 'admin')
										<div class="form-group">
											<label class="col-md-3 control-label">公司小LOGO
												<span class="help-block">@lang('messages.suggest_file_size')95px*16px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 95px; height: 16px;">
														<img src="{{$data['logo']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="logo">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												<span class="help-block"><small>系統後台左上角LOGO。</small></span>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">公司大LOGO
												<span class="help-block">@lang('messages.suggest_file_size')125px*20px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 125px; height: 20px;">
														<img src="{{$data['logo_big']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="logo_big">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												<span class="help-block"><small>系統登入頁面上方之LOGO。</small></span>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">公司品牌LOGO
												<span class="help-block">@lang('messages.suggest_file_size')400px*200px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 200px; height: 100px;">
														<img src="{{$data['logo_brand']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="logo_brand">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												<span class="help-block"><small>系統登入頁面上方之LOGO。</small></span>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">iOS App QrCode圖檔
												<span class="help-block">@lang('messages.suggest_file_size')130px*130px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 100px; height: 100px;">
														<img src="{{$data['qrcode_ios']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="qrcode_ios">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												<span class="help-block"><small>請於App Store上取得APP的下載路徑，並使用線上免費QrCode產生器，產生jpg檔並上傳至此。</small></span>
												</div>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">Android App QrCode圖檔
												<span class="help-block">@lang('messages.suggest_file_size')130px*130px</span>
											</label>
											<div class="col-md-9">
												<div class="fileinput fileinput-new" data-provides="fileinput">
													<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 100px; height: 100px;">
														<img src="{{$data['qrcode_android']}}" alt=""/>
													</div>
													<div>
														<span class="btn default btn-file">
														<span class="fileinput-new">
														@lang('messages.select_img') </span>
														<span class="fileinput-exists">
														@lang('messages.change') </span>
														<input type="file" name="qrcode_android">
														</span>
														<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
														@lang('messages.remove') </a>
													</div>
												<span class="help-block"><small>請於Google Play上取得APP的下載路徑，並使用線上免費QrCode產生器，產生jpg檔並上傳至此。</small></span>
												</div>
											</div>
										</div>
										@endif
										<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
									</div>
									<div class="tab-pane" id="admin">
										<div class="form-group">
											<label class="col-md-3 control-label">公司名稱</label>
											<div class="col-md-6">
												<input name="company_name" type="text" class="form-control" placeholder="請輸入公司名稱" value="{{ $setting::get('company_name','新保科技') }}">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">APP名稱</label>
											<div class="col-md-6">
												<input name="app_name" type="text" class="form-control" placeholder="請輸入APP名稱" value="{{ $setting::get('app_name','新保行動社區') }}">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">產品名稱</label>
											<div class="col-md-6">
												<input name="brand" type="text" class="form-control" placeholder="請輸入產品英文名稱" value="{{ $setting::get('brand','NSST') }}">
												<span class="help-block"><small>系統英文名稱</small></span>
												<input name="system_name" type="text" class="form-control" placeholder="請輸入產品名稱" value="{{ $setting::get('system_name','全方位建築智慧化管理系統') }}">
												<span class="help-block"><small>系統中文名稱</small></span>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">公司網址</label>
											<div class="col-md-6">
												<input name="company_web" type="text" class="form-control" placeholder="請輸入公司網址" value="{{ $setting::get('company_web','http://www.nsst.com.tw/') }}">
												<span class="help-block"><small>放置於公司名稱、LOGO上</small></span>
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">著作權</label>
											<div class="col-md-6">
												<input name="copyright_1" type="text" class="form-control" placeholder="請輸入著作權(對講機、登入頁、前台、後台)" value="{{ $setting::get('copyright_1','2015 © NSST 全方位建築智慧化管理系統') }}">
												<span class="help-block"><small>放置對講機、登入頁、前台、後台</small></span>
												<input name="copyright_2" type="text" class="form-control" placeholder="請輸入著作權(櫃台)" value="{{ $setting::get('copyright_2','Copyright. NSST SinBao Technology.') }}">
												<span class="help-block"><small>放置於櫃台</small></span>
												<input name="copyright_company" type="text" class="form-control" placeholder="請輸入放置著作權上的公司名稱" value="{{ $setting::get('copyright_company','新保科技有限公司') }}">
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">財務 URL<span class="required" aria-required="true"> * </span></label>
												<div class="col-md-6">
												<input name="finance_ip" type="text" class="form-control" placeholder="請輸入財務系統IP" value="{{ $setting::get('finance_ip','http://localhost:8081/finance') }}">
												<span class="help-block"><small>範例格式：http://IP位址:8081/finance</small></span>
											</div>
										</div>
                             			<div class="form-group">
											<label class="col-md-3 control-label">多媒體 URL<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-6">
												<input name="digital_ip" type="text" class="form-control" placeholder="請輸入多媒體系統IP" value="{{ $setting::get('digital_ip','http://localhost:8082/digital/cms/login') }}">
												<span class="help-block"><small>範例格式：http://IP位址:8082/digital/cms/login</small></span>
											</div>
                             			</div>
                            			<div class="form-group">
											<label class="col-md-3 control-label">住戶啟用密碼單 URL<span class="required" aria-required="true"></span></label>
											<div class="col-md-6">
                                			   <input name="changePassword_ip" type="text" class="form-control" placeholder="住戶啟用密碼單-變更密碼之路徑" value="{{ $setting::get('changePassword_ip','') }}">
											   						
                                 			   <span class="help-block"><small>範例格式：http://IP位址/代號</small></span>
                                			</div>
											
											<div class="col-md-3">
												@if($setting::get('show_ip',1) == 1)
													<input type="checkbox" name="show_ip" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
												@else
													<input type="checkbox" name="show_ip" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')">
												@endif
											</div>
                             			</div>

                             			<div class="form-group">
											<label class="col-md-3 control-label">是否顯示住戶電話號碼<span class="required" aria-required="true"></span></label>
											<div class="col-md-3">
												@if($setting::get('show_phoneNumber',1) == 1)
													<input type="checkbox" name="show_phoneNumber" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
												@else
													<input type="checkbox" name="show_phoneNumber" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')">
												@endif
											</div>
                             			</div>

                             			<div class="form-group">
											<label class="col-md-3 control-label">信件統計<span class="required" aria-required="true"></span></label>
											<div class="col-md-3">
												@if($setting::get('typeorsource',1) == 0)
													<input type="checkbox" name="typeorsource" class="make-switch" data-on-text="種類" data-off-text="來源　" checked>
												@else
													<input type="checkbox" name="typeorsource" class="make-switch" data-on-text="種類" data-off-text="來源　">
												@endif
											</div>
                             			</div>

                             			<div class="form-group">
											<label class="col-md-3 control-label">信件備註<span class="required" aria-required="true"></span></label>
											<div class="col-md-3">
												@if($setting::get('mailinfo',1) == 1)
													<input type="checkbox" name="mailinfo" class="make-switch" data-on-text="開啟" data-off-text="關閉　" checked>
												@else
													<input type="checkbox" name="mailinfo" class="make-switch" data-on-text="開啟" data-off-text="關閉　">
												@endif
											</div>
                             			</div>

                             			<div class="form-group">
											<label class="col-md-3 control-label">使用者多少天沒有登入app則不發推播<span class="required" aria-required="true"></span></label>
											<div class="col-md-6">
                                			   <input name="push_day" type="text" class="form-control" placeholder="預設為45天" value="{{ $setting::get('push_day','') }}">
                                			</div>
											
                             			</div>

										<div class="form-group">
											<label class="col-md-3 control-label">iOS App QrCode</label>
											<div class="col-md-6">
												<input type="text" class="form-control" placeholder="請輸入iOS App QrCode路徑" value="{{ $setting::get('ios_qrcode','https://appsto.re/tw/4Qia9.i') }}">
												<span class="help-block"><small>請於App Store上取得APP的下載路徑，此處產生之圖檔為png(可由此複製)，會導致產出密碼單耗時增2倍，請慎選。</small></span>
											</div>
											<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(135)->generate($setting::get('ios_qrcode','https://appsto.re/tw/4Qia9.i'))) !!} ">
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">Android App QrCode</label>
											<div class="col-md-6">
												<input name="android_qrcode" type="text" class="form-control" placeholder="請輸入Android App QrCode路徑" value="{{ $setting::get('android_qrcode','https://play.google.com/store/apps/details?id=com.nsst') }}">
												<span class="help-block"><small>請於Google Play上取得APP的下載路徑，此處產生之圖檔為png(可由此複製)，會導致產出密碼單耗時增2倍，請慎選。</small></span>
											</div>
											<img src="data:image/png;base64, {!! base64_encode(QrCode::format('png')->size(130)->generate($setting::get('android_qrcode','https://play.google.com/store/apps/details?id=com.nsst'))) !!} ">
										</div>
									</div>
									<div class="tab-pane" id="app">
										@for($i=0;$i<=$count;$i++)
											<!--以2個為一列-->
                                            @if($i%2==0)

											<div class="row">
											@endif
												<div class="col-md-6">
													<div class="portlet light" style="margin:5%;">
														@foreach($icons as $key => $value)
															@if($i == $icons_layer[$key][0])
																<!--第一層icon-->
																@if($icons_layer[$key][1] == '0')
																<div class="portlet-title" style="padding: 3%;background-color: #FFFFDF;">
																	<label class="control-label col-md-4">{{$icons_name[$key]}}</label>
																	<div class="col-md-8">
																		@if($setting::get('icon_'.$value,0) == 0)
																		<input type="checkbox" name="icon_{{$value}}" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')">
																		@else
																		<input type="checkbox" name="icon_{{$value}}" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
																		@endif
																	</div>
																</div>
																@else
																<!--第二層icon-->
																<div class="tabbable">
																	<label class="control-label col-md-6">{{$icons_name[$key]}}</label>
																	<div class="col-md-6">
																		@if($setting::get('icon_'.$value,0) == 0)
																		<input type="checkbox" name="icon_{{$value}}" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')">
																		@else
																		<input type="checkbox" name="icon_{{$value}}" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
																		@endif
																	</div>
																</div>
																@endif
															@endif
														@endforeach
													</div>
												</div>
											<!--以2個為一列-->
											@if($i%2!==0)
											</div>
											@endif
											
											<!--以2個為一列： 如果為奇數個補<div>，如果沒補位跑版-->
											@if($i==$count && $count%2==0)
											</div>
											@endif
										@endfor
									</div>

									<div class="tab-pane" id="app_icons_image">
										@for($i=0;$i<=$count;$i++)
											<!--以2個為一列-->
                                            @if($i%2==0)
											<div class="row">
											@endif
												<div class="col-md-6">
													<div class="portlet light" style="margin:5%;">
														@foreach($icons as $key => $value)
															@if($i == $icons_layer[$key][0])
																<!--第一層icon-->
																@if($icons_layer[$key][1] == '0')
																<div class="form-group" style="padding: 3%;background-color: #FFFFDF;">
																	<label class="col-md-3 control-label">{{$icons_name[$key]}}
																		<span class="help-block">@lang('messages.suggest_file_size')294px*336px</span>
																	</label>
																	<div class="col-md-9">
																		<div class="fileinput fileinput-new" data-provides="fileinput" style="width:146px; height: 167px;">
																			<div class="fileinput-preview thumbnail" data-trigger="fileinput" name="icon{{$i}}" style="width:146px; height: 167px;">
																				@if (!file_exists(storage_path('app/app_icon/146×167/'.$value.'.png')))
																				<img data-src="" alt=""/>
																				@else
																				<img src="{{url().'/images/app_icon/146×167/'.$value.'.png'}}" alt="..."/>
																				@endif
																			</div>
																			<div>
																				<span class="btn default btn-file">
																				<span class="fileinput-new">
																				@lang('messages.select_img') </span>
																				<span class="fileinput-exists">
																				@lang('messages.change') </span>
																				<input type="file" name="{{$value}}">
																				</span>
																				<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
																				@lang('messages.remove') </a>
																			</div>
																		</div>
																	</div>
																</div>
																@else
																<!--第二層icon-->
																<div class="tabbable">
																	<label class="col-md-6 control-label">{{$icons_name[$key]}}
																		<span class="help-block">@lang('messages.suggest_file_size')294px*336px</span>
																	</label>
																	<div class="col-md-6">
																		<div class="fileinput fileinput-new" data-provides="fileinput" >
																			<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 146px; height: 167px;">
																				@if (!file_exists(storage_path('app/app_icon/146×167/'.$value.'.png')))
																				<img data-src="" alt=""/>
																				@else
																				<img src="{{url().'/images/app_icon/146×167/'.$value.'.png'}}" alt="..."/>
																				@endif
																			</div>
																			<div>
																				<span class="btn default btn-file">
																				<span class="fileinput-new">
																				@lang('messages.select_img') </span>
																				<span class="fileinput-exists">
																				@lang('messages.change') </span>
																				<input type="file" name="{{$value}}">
																				</span>
																				<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
																				@lang('messages.remove') </a>
																			</div>
																		</div>
																	</div>
																</div>
																@endif
															@endif
														@endforeach
													</div>
												</div>
											<!--以2個為一列-->
											@if($i%2!==0)
											</div>
											@endif
											
											<!--以2個為一列： 如果為奇數個補<div>，如果沒補位跑版-->
											@if($i==$count && $count%2==0)
											</div>
											@endif
										@endfor
									</div>
									
									<div class="tab-pane" id="system">
										<div class="form-group">
											<label class="control-label col-md-3">@lang('messages.letter_writing_board')</label>
											<div class="col-md-3">
												@if($setting::get('mail_sign_open','1') == '1')
												<input type="checkbox" name="mail_sign_open" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" checked>
												@else
												<input type="checkbox" name="mail_sign_open" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')">
												@endif
											</div>
										</div>
										<div class="form-group">
											<label class="control-label col-md-3">app取件拍照</label>
											<div class="col-md-3">
												@if($setting::get('app_need_photo','0') == '0')
												<input type="checkbox" name="app_need_photo" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')">
												@else
												<input type="checkbox" name="app_need_photo" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" checked>
												@endif
											</div>
										</div>

										<div class="form-group">
											<label class="control-label col-md-3">帳號條碼列印</label>
											<div class="col-md-3">
												@if($setting::get('barcode_name','0') == '0')
												<input type="checkbox" name="barcode_name" class="make-switch" data-on-text="姓名" data-off-text="帳號">
												@else
												<input type="checkbox" name="barcode_name" class="make-switch" data-on-text="姓名" data-off-text="帳號" checked>
												@endif
											</div>
										</div>

										<div class="form-group">
											<label class="control-label col-md-3">信件類型 依名稱排序</label>
											<div class="col-md-3">
												@if($setting::get('mail_orderBy','0') == '0')
												<input type="checkbox" name="mail_orderBy" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')">
												@else
												<input type="checkbox" name="mail_orderBy" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" checked>
												@endif
											</div>
										</div>

										<div class="form-group">
											<label class="control-label col-md-3">信件位置改流水號</label>
											<div class="col-md-3">
												<div class="portlet-title">
														@if($setting::get('mail_location','0') == '0')
														<input type="checkbox" name="mail_location" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" >
														@else
														<input type="checkbox" name="mail_location" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
														@endif
												</div>
												
											</div>
										</div>

										<div class="form-group">
											<label class="control-label col-md-3" style="margin-left: 5%">開啟月歸零模式</label>
											<div class="col-md-3">
													@if($setting::get('mail_month_clear','0') == '0')
													<input type="checkbox" name="mail_month_clear" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')">
													@else
													<input type="checkbox" name="mail_month_clear" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
													@endif
											</div>
										</div>
										
										<div class="form-group">
											<label class="control-label col-md-3" style="margin-left: 5%">用電類別</label>
											<div class="col-md-3">
													<input type="checkbox" name="electronic_type" class="make-switch" data-on-text="住宅" data-off-text="商用" data-on="default" data-off="primary"/>
											</div>
											

										</div>	

										<div class="form-group">
											<label class="col-md-3 control-label">@lang('messages.interphone_pwd')<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-6">
												<input name="monitor_logout_password" type="password" class="form-control" placeholder="">
											</div>
										</div>
										@if(Sentinel::check()->username === 'admin')
										<div class="form-group">
											<label class="col-md-3 control-label">跑馬燈是否關聯門禁<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-3">
												@if($setting::get('access_to_subtitle','hide') == 'hide')
												<input type="checkbox" name="access_to_subtitle" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')">
												@else
												<input type="checkbox" name="access_to_subtitle" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
												@endif
											</div>
										</div>
										<div class="form-group">
											<label class="col-md-3 control-label">跑馬燈資訊<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-6">
												<input name="marquee_information" type="text" class="form-control" placeholder="請輸入跑馬燈資訊" value="{{ $setting::get('marquee_information','') }}">
											</div>
										</div>

										<div class="form-group">
											<label class="col-md-3 control-label">中華BA是否開啟<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-3">
												@if($setting::get('CHT_BA','false') == 'false')
												<input type="checkbox" name="CHT_BA" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')">
												@else
												<input type="checkbox" name="CHT_BA" class="make-switch" data-on-text="@lang('messages.show')" data-off-text="@lang('messages.not_show')" checked>
												@endif
											</div>
										</div>

										<div class="form-group">
											<label class="col-md-3 control-label">MQTT路徑<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-6">
												<input name="MQTT_IP" type="text" class="form-control" placeholder="請輸入MQTT路徑" value="{{ $setting::get('MQTT_IP','') }}">
											</div>
										</div>
										@endif
										<div class="form-group">
											<label class="control-label col-md-3">點數管理</label>
											<div class="col-md-3">
												@if($setting::get('management.point','hide') == 'hide')
												<input type="checkbox" name="management.point" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')">
												@else
												<input type="checkbox" name="management.point" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" checked>
												@endif
											</div>
										</div>
									</div>


									<div class="tab-pane" id="intercom">
										<div class="form-group">
											<label class="control-label col-md-3">對講機管理</label>
											<div class="col-md-3">
												@if($setting::get('manage.intercom.display','hide') == 'hide')
												<input type="checkbox" name="intercom_display" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" >
												@else
												<input type="checkbox" name="intercom_display" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" checked>
												@endif
											</div>
										</div>
										<div class="form-group">
											<label class="control-label col-md-3">對講機公告伺服器路徑<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-9">
												
												@if($setting::get('intercom_news_server_url_open','0') == '0')
												<input type="checkbox" name="intercom_news_server_url_open" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')">
												@else
												<input type="checkbox" name="intercom_news_server_url_open" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" checked>
												@endif
												
												<div class="col-md-6" style="padding-left: 0px">
													<input name="intercom_news_server_url" type="text" class="form-control" placeholder="請輸入對講機公告伺服器路徑" value="{{ $setting::get('intercom_news_server_url','') }}">
													
												</div>
											</div>
										</div>

										<div class="form-group">
											<label class="control-label col-md-3">對講機帳號整合伺服器路徑<span class="required" aria-required="true"> * </span></label>
											<div class="col-md-9">
												
												@if($setting::get('intercom_account_server_url_open','0') == '0')
												<input type="checkbox" name="intercom_account_server_url_open" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')">
												@else
												<input type="checkbox" name="intercom_account_server_url_open" class="make-switch" data-on-text="@lang('messages.open')" data-off-text="@lang('messages.not_open')" checked>
												@endif
												
												<div class="col-md-6" style="padding-left: 0px">
													<input name="intercom_account_server_url" type="text" class="form-control" placeholder="請輸入對講機帳號整合伺服器路徑" value="{{ $setting::get('intercom_account_server_url','') }}">
												</div>
											</div>
										</div>
									</div>
									<div class="tab-pane" id="intercom_icons_image">
										@for($i=0;$i<=$monitor_count;$i++)
											<!--以2個為一列-->
                                            @if($i%2==0)
											<div class="row">
											@endif
												<div class="col-md-6">
													<div class="portlet light" style="margin:5%;">
														@foreach($monitor_icons as $key => $value)
															@if($i == $monitor_icons_layer[$key][0])
																<!--第一層icon-->
																@if($monitor_icons_layer[$key][1] == '0')
																<div class="form-group" style="padding: 3%;background-color: #FFFFDF;">
																	<label class="col-md-3 control-label">{{$monitor_icons_name[$key]}}
																		@if($key==0)
																		<span class="help-block">@lang('messages.suggest_file_size')1833px*947px</span>
																		@else
																		<span class="help-block">@lang('messages.suggest_file_size')386px*140px</span>
																		@endif
																	</label>
																	<div class="col-md-9">
																		<div class="fileinput fileinput-new" data-provides="fileinput" style="width:146px; height: 167px;">
																			<div class="fileinput-preview thumbnail" data-trigger="fileinput" name="monitor_icon{{$i}}" style="width:146px; height: 167px;">
																				@if (!file_exists(storage_path('app/app_icon/146×167/monitor_'.$value.'.png')))
																				<img data-src="" alt=""/>
																				@else
																				<img src="{{url().'/images/app_icon/146×167/monitor_'.$value.'.png'}}" alt="..."/>
																				@endif
																			</div>
																			<div>
																				<span class="btn default btn-file">
																				<span class="fileinput-new">
																				@lang('messages.select_img') </span>
																				<span class="fileinput-exists">
																				@lang('messages.change') </span>
																				<input type="file" name="intercom_{{$value}}">
																				</span>
																				<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
																				@lang('messages.remove') </a>
																			</div>
																		</div>
																	</div>
																</div>
																@else
																<!--第二層icon-->
																<div class="tabbable">
																	<label class="col-md-6 control-label">{{$monitor_icons_name[$key]}}
																		<span class="help-block">@lang('messages.suggest_file_size')294px*336px</span>
																	</label>
																	<div class="col-md-6">
																		<div class="fileinput fileinput-new" data-provides="fileinput" >
																			<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 146px; height: 167px;"name="intercom_icon{{$i}}" >
																				@if (!file_exists(storage_path('app/app_icon/146×167/monitor_'.$value.'.png')))
																				<img data-src="" alt=""/>
																				@else
																				<img src="{{url().'/images/app_icon/146×167/monitor_'.$value.'.png'}}" alt="..."/>
																				@endif
																			</div>
																			<div>
																				<span class="btn default btn-file">
																				<span class="fileinput-new">
																				@lang('messages.select_img') </span>
																				<span class="fileinput-exists">
																				@lang('messages.change') </span>
																				<input type="file" name="intercom_{{$value}}">
																				</span>
																				<a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput">
																				@lang('messages.remove') </a>
																			</div>
																		</div>
																	</div>
																</div>
																@endif
															@endif
														@endforeach
													</div>
												</div>
											<!--以2個為一列-->
											@if($i%2!==0)
											</div>
											@endif
											
											<!--以2個為一列： 如果為奇數個補<div>，如果沒補位跑版-->
											@if($i==$monitor_count && $monitor_count%2==0)
											</div>
											@endif
										@endfor
									</div>
                                    <div class="form-actions">
                                        <div class="row">
                                            <div class="col-md-offset-3 col-md-9">
                                                <button type="submit" class="btn purple pull-right"><i class="fa fa-check"></i> @lang('messages.submit')</button>
                                            </div>
                                        </div>
                                    </div>
								</div>
							</form>
						</div>
					</div>
					<!-- END PORTLET-->
				</div>
			</div>
		</div>

	
@endsection

@section('plugins_page_level')
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/clockface/js/clockface.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/moment.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-fileinput/additional-methods.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/select2/js/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
@endsection

@section('js_page_level')
<script>
$(document).ready(function(){

    $(".form_datetime").datetimepicker({autoclose: true});
	
	//驗證送出表單
	$('#form_add_fault_report').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:{
			title:{
				required:true 
			},
			type:{
				required:true
			}
		},
		messages:{
			title:{
				required:"@lang('messages.keyin_title')" 
			},
			type:{
				required:"@lang('messages.keyin_title')"
			}
		},

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

        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) {
			$('textarea.ckeditor').each(function () {
			   var $textarea = $(this);
			   $textarea.val(CKEDITOR.instances[$textarea.attr('name')].getData());
			});
			form.submit();
		},
	});
});
</script>
@endsection