@extends('layout.manage')

@section('css_page_level')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/icheck/skins/all.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-tagsinput/bootstrap-tagsinput.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="#">@lang('messages.homepage')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#">@lang('messages.reserve_facility')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#">@lang('messages.pt_manage')</a>
					</li>
				</ul>
				<div class="page-toolbar">

				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN DASHBOARD STATS -->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN EXAMPLE TABLE PORTLET-->
					<div class="portlet light bordered">
						<div class="portlet-body">
							<div class="table-toolbar">
								<div class="row">
									<div class="col-md-12" style="margin-bottom:10px;">
										<a id="btn_setting" class="btn blue">@lang('messages.pt_config')<i class="fa fa-cogs"></i></a>
										<a id="btn_allgive"  class="btn green">@lang('messages.total_free_pt_submit')<i class="fa fa-gift"></i></a>
										<a id="btn_allgive_list" class="btn purple">@lang('messages.query_issue_pt_log')<i class="fa fa-eye"></i></a>
										<a id="btn_row_bar2" class="btn purple pull-right" style="margin-right: 5px;">報表列印 <i class="glyphicon glyphicon-list-alt"></i></a>
										<a id="btn_row_bar" class="btn green pull-right" style="margin-right: 5px;">月卡篩選 <i class="fa fa-credit-card"></i></a>
										<a id="btn_clear_cardnumber" class="btn red pull-right" style="margin-right: 5px;">註銷卡號 <i class="fa fa-credit-card"></i></a>
										<a id="btn_tag" class="btn blue pull-right" style="margin-right:5px;"> @lang('messages.item_manage') <i class="fa fa-cog"></i></a>
									</div>
									<div id="row_bar" class="col-md-12" style="margin-bottom: 10px;display: none;">
										<form id="form_query">
											<input type="hidden" name="mooncard_type" id="mooncard_type">
											@foreach($mooncard_type as $one)
											<a class="btn purple pull-right btn_mooncard_type" uid="{{$one->id}}" style="margin-right: 5px;">{{$one->name}}</a>
											@endforeach
											<a class="btn yellow pull-right btn_mooncard_type" uid="0" style="margin-right: 5px;">全部月卡</a>
										</form> 
									</div>
									<div id="row_bar2" class="col-md-12" style="margin-bottom: 10px;display: none;">
										<form id="form_query2">
											<a id="btn_print" class="btn pull-right purple" style="margin-right: 5px;">購買月卡 月報表 </a>
											<a id="btn_print2" class="btn pull-right green" style="margin-right: 5px;">購買月卡 本日報表 </a>
											<a id="btn_print3" class="btn pull-right red" style="margin-right: 5px;">點數購買 月紀錄 </a>
											<a id="btn_print4" class="btn pull-right blue" style="margin-right: 5px;">點數購買 本日紀錄 </a>
										</form> 
									</div>

									<form id="form_page" method="get" name="form_page_url" action="{{ action('PointController@index') }}" class="form-horizontal">
	                					<div class="col-md-6">
											<div class="dataTables_length" id="table_guest_length">
	                        					<label>顯示</label>
	                        					<select onchange="$('#form_page').submit();" name="prepage" aria-controls="table_guest" class="form-control input-sm input-xsmall input-inline">
	                          						<option value="10" {{Input::get('prepage')==10? 'selected':''}}>10</option>
	                          						<option value="20" {{Input::get('prepage')==20? 'selected':''}}>20</option>
	                          						<option value="50" {{Input::get('prepage')==50? 'selected':''}}>50</option>
	                        					</select> 則
	                      					</div>
	                    				</div>
										<div align="right" style="margin-right:20px;">

											<select onchange="$('#form_page').submit();" id="select_door" name="select_door" style="height:30px;" class="form-control input-sm input-xsmall input-inline">
												<option value="">請選擇</option>
												@foreach ($all_doorplate as $all_doorplates)
												<option value="{{$all_doorplates->doorplate}}" {{Input::get('select_door')==$all_doorplates->doorplate? 'selected':''}}>{{$all_doorplates->doorplate}}</option>
												@endforeach
											</select>
											<label style="margin-right:10px;">號</label>
											@if($s_d == "true")
											<select onchange="$('#form_page').submit();" id="select_floor" name="select_floor" style="height:30px;" class="form-control input-sm input-xsmall input-inline">
											@else
											<select onchange="$('#form_page').submit();" id="select_floor" name="select_floor" style="height:30px;" class="form-control input-sm input-xsmall input-inline" disabled="true">
											@endif
												<option value="">請選擇</option>
												@foreach ($all_floor as $all_floors)
												<option value="{{$all_floors->floor}}" {{Input::get('select_floor')==$all_floors->floor? 'selected':''}}>{{$all_floors->floor}}</option>
												@endforeach
											</select>
											<label style="margin-right:10px;">樓</label>
											@if($s_f == "true" && $s_d == "true")
											<select onchange="$('#form_page').submit();" id="select_house" name="select_house" style="height:30px;" class="form-control input-sm input-xsmall input-inline">
											@else
											<select onchange="$('#form_page').submit();" id="select_house" name="select_house" style="height:30px;" class="form-control input-sm input-xsmall input-inline" disabled="true">
											@endif
												<option value="">請選擇</option>
												@foreach ($all_household as $all_households)
												<option value="{{$all_households->household}}" {{Input::get('select_house')==$all_households->household? 'selected':''}}>{{$all_households->household}}</option>
												@endforeach
											</select>
											<label>室</label>
	                    					<input type="text" id="search_name" name="search_name" class="form-control input-sm input-xsmall input-inline" placeholder="輸入姓名">
											<input type="submit" value="查詢" class="btn blue" style="height:30px;padding:0px 10px 0px 10px;">
											<input id="clear_submit" type="submit" value="搜尋條件清空" class="btn red" style="height:30px;padding:0px 10px 0px 10px;">
										</div>
	                    				@foreach(Input::all() as $key => $v)
	                      					@if(is_array($v))
	                        					@foreach($v as $k1 => $v1)
	                          						<input type="hidden" name="{{ $key.'[]'}}" value="{{$v1}}">
	                        					@endforeach
	                    		  			@else
	            		            			@if($key!='prepage' && $key!='select_door' && $key!='select_floor' && $key!='select_house' && $key!='page' && $key!='search_name')
	    		                	      			<input type="hidden" name="{{$key}}" value="{{$v}}">
			                        			@endif
	                      					@endif
	                    				@endforeach
	                  				</form>
								</div>
							</div>

							<table class="table table-striped table-bordered table-hover" id="table_guest">
								<thead>
									<tr>
										<th>
											 @lang('messages.plate_no')
										</th>
										<th>
											 @lang('messages.members')
										</th>
										<th>
											 @lang('messages.member_name')
										</th>
										<th>
											 @lang('messages.rest_free_pt')
										</th>
										<th>
											 @lang('messages.rest_buy_pt')
										</th>
										<th>
											 月卡類型
										</th>
										<th>
											 到期日
										</th>
										<th style="width:8%">
											 @lang('messages.action')
										</th>
									</tr>
								</thead>
								<tbody>
									@foreach($users as $one)
										<tr class="odd gradeX">
											<td>
												{{$one->groupid}}
											</td>
											<td>
												<a href="{{ action('PointController@show',['id' => $one->id]) }}">{{$one->username}}</a>
											</td>
											<td>
												{{$one->name}}
											</td>
											<td>
												{{$one->point_free}}
											</td>
											<td>
												{{$one->point_buy}}
											</td>
											<td>
												@if($one->mooncard_name != '')
												<span class="label" style="    background-color: #CCAA00;"> {{$one->mooncard_name}} </span>
												@else

												@endif
											</td>
											<td>
												{{$one->mooncard_over_date}}
											</td>
											
											<td>
												<div class="btn-group">
													<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
													@lang('messages.action') <i class="fa fa-angle-down"></i>
													</button>
													<ul class="dropdown-menu pull-right" role="menu">
														<li>
															<a href="{{ action('PointController@show',['id' => $one->id]) }}">
															<i class="fa fa-pencil"></i>
															@lang('messages.query_issue_pt') </a>
														</li>

													@if($one->mooncard_name != '')
														<li>
															<a class="btn_mooncard_set" uid="{{$one->mooncard_id}}" href="javascript:;">
															<i class="fa fa-credit-card"></i>
															編輯月卡 </a>
														</li>
													@endif
													</ul>
												</div>
											</td>
										</tr>
									@endforeach
								</tbody>
							</table>
						</div>
						<div class="row">
                     		<div class="col-md-5 col-xs-5">
                        		<div class="dataTables_info" id="table_list_info" role="status" aria-live="polite">
                           			<p>顯示第 {{ $users->firstItem() }} 到第 {{ $users->lastItem() }} 則 共有 {{ $users->total() }} 則</p>
                        		</div>
                     		</div>
                     		<div class="col-md-7 col-xs-7">
                        		<div class="pull-right" id="table_list_paginate">
	                           		{!! $users->appends(Input::all())->render() !!}
                        		</div>
							</div>
						</div>
					</div>
					<!-- END EXAMPLE TABLE PORTLET-->

					<!-- /.modal -->
					<div class="modal" id="modal_card" tabindex="-1" role="dialog" 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>
								<div class="modal-body form">
									<!-- BEGIN FORM-->
									<form id="card_add_form">
										<div class="form-body">
											<input name="mooncard_id" type="hidden">
											<div id="card_form_error_alert_nocard" class="alert alert-danger display-hide">
												<button class="close" data-close="alert"></button>
												此使用者尚未有月卡卡號
											</div>
											<blockquote>
												<h4>新增月卡卡號</h4>
											</blockquote>
											<div id="card_form_error_alert_add" class="alert alert-danger display-hide">
												<button class="close" data-close="alert"></button>
												@lang('messages.card_wrong')
											</div>
											<div id="card_form_success_alert_add" class="alert alert-success display-hide">
												<button class="close" data-close="alert"></button>
												@lang('messages.card_wrong')
											</div>
											<div class="form-group">
												<label class="col-md-3 control-label">月卡卡號</label>
												<div class="col-md-6">
													<div class="input-icon">
														<i class="fa fa-credit-card"></i>
														<input id="card_no" name="card_no" type="text" class="form-control" placeholder="@lang('messages.keyin_card_no')">
													</div>
												</div>
											</div>
											<button type="submit" class="btn blue">@lang('messages.add')</button>
											<blockquote>
												<h4>此使用者月卡卡號</h4>
											</blockquote>
											<div id="card_list">

											</div>
										</div>
									</form>
									<!-- END FORM-->
								</div>
								<div class="modal-footer">
									<button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
								</div>
							</div>
							<!-- /.modal-content -->
						</div>
						<!-- /.modal-dialog -->
					</div>
					<!-- /.modal -->
				</div>
			</div>
		</div>

	

	<div class="modal" id="modal_setting" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<form id="form_setting" class="form-horizontal">
			<input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">@lang('messages.pt_config')</h4>
				</div>
				<div class="modal-body form">
					<!-- BEGIN FORM-->
						<div class="form-body">
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.total_free_pt_issue_way')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-8">
									<div class="input-group">
										<div class="icheck-list">
											<label>
												@if($point_setting->allgive_type == 'fix')
												<input type="radio" name="allgive_type" class="icheck" data-radio="iradio_flat-green" value="fix" checked> @lang('messages.fixed_pt_issue') 
												@else
												<input type="radio" name="allgive_type" class="icheck" data-radio="iradio_flat-green" value="fix" > @lang('messages.fixed_pt_issue') 
												@endif
											</label>
											<label>
												@if($point_setting->allgive_type == 'floor')
												<input type="radio" name="allgive_type" class="icheck" data-radio="iradio_flat-green" value="floor" checked> @lang('messages.pt_issue_by_area') 
												@else
												<input type="radio" name="allgive_type" class="icheck" data-radio="iradio_flat-green" value="floor"> @lang('messages.pt_issue_by_area') 
												@endif
											</label>
											<label>
												@if($point_setting->allgive_type == 'manage')
												<input type="radio" name="allgive_type" class="icheck" data-radio="iradio_flat-green" value="manage" checked> @lang('messages.pt_issue_by_manage_fee') 
												@else
												<input type="radio" name="allgive_type" class="icheck" data-radio="iradio_flat-green" value="manage"> @lang('messages.pt_issue_by_manage_fee') 
												@endif
											</label>
										</div>
									</div>
								</div>
							</div>
							@if($point_setting->allgive_type == 'fix')
							<div class="form-group" id="setting_fix">
							@else
							<div class="form-group" id="setting_fix" style="display:none;">
							@endif
								<label class="col-md-3 control-label">@lang('messages.fixed_issue_pt')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-8">
									<input name="point_fix" type="number" class="form-control" placeholder="@lang('messages.enter_pt')" value="{{$point_setting->point_fix}}">
									<span class="help-block">@lang('messages.long_desc2')</span>
								</div>
							</div>
							@if($point_setting->allgive_type == 'floor')
							<div class="form-group" id="setting_floor">
							@else
							<div class="form-group" id="setting_floor" style="display:none;">
							@endif
								<label class="col-md-3 control-label">@lang('messages.by_area')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-4">
									<input name="floor" type="number" class="form-control" placeholder="@lang('messages.sq_m')" value="{{$point_setting->floor}}">
									<span class="help-block">@lang('messages.sq_m')</span>
								</div>
								<div class="col-md-4">
									<input name="point_by_floor" type="number" class="form-control" placeholder="@lang('messages.points')" value="{{$point_setting->point_by_floor}}">
									<span class="help-block">@lang('messages.points')</span>
								</div>
							</div>
							@if($point_setting->allgive_type == 'manage')
							<div class="form-group" id="setting_manage">
							@else
							<div class="form-group" id="setting_manage" style="display:none;">
							@endif
								<label class="col-md-3 control-label">@lang('messages.by_manage_fee')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-4">
									<input name="manage" type="number" class="form-control" placeholder="@lang('messages.admin_cost')" value="{{$point_setting->manage}}">
									<span class="help-block">@lang('messages.admin_cost')</span>
								</div>
								<div class="col-md-4">
									<input name="point_by_manage" type="number" class="form-control" placeholder="@lang('messages.points')" value="{{$point_setting->point_by_manage}}">
									<span class="help-block">@lang('messages.points')</span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.can_give_pt')?<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-8">
									<div class="input-group">
										<div class="icheck-list">
											@if($point_setting->is_give_other == 1)
											<label>
											<input type="radio" name="is_give_other" class="icheck" data-radio="iradio_flat-green"  value="0"> @lang('messages.no_way') </label>
											<label>
											<input type="radio" name="is_give_other" class="icheck" data-radio="iradio_flat-green" value="1"checked> @lang('messages.sure') </label>
											@else
											<label>
											<input type="radio" name="is_give_other" class="icheck" data-radio="iradio_flat-green"  value="0"checked> @lang('messages.no_way') </label>
											<label>
											<input type="radio" name="is_give_other" class="icheck" data-radio="iradio_flat-green" value="1"> @lang('messages.sure') </label>
											@endif
										</div>
									</div>
								</div>
							</div>
							<div class="form-group" id="setting_floor">
								<label class="col-md-3 control-label">@lang('messages.pt_and_cash_percent')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-4">
									<input name="ratio_cash" type="number" class="form-control" placeholder="@lang('messages.cash_nt')" value="{{$point_setting->ratio_cash}}">
									<span class="help-block">@lang('messages.cash_nt')</span>
								</div>
								<div class="col-md-4">
									<input name="ratio_point" type="number" class="form-control" placeholder="@lang('messages.points')" value="{{$point_setting->ratio_point}}">
									<span class="help-block">@lang('messages.points')</span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">@lang('messages.compute_way_pt_save')<span class="required" aria-required="true"> * </span></label>
								<div class="col-md-8">
									<div class="input-group">
										<div class="icheck-list">
											<label>
												@if($point_setting->ratio_type == 'round')
												<input type="radio" name="ratio_type" class="icheck" data-radio="iradio_flat-green" value="round"checked> @lang('messages.round_off')
												@else
												<input type="radio" name="ratio_type" class="icheck" data-radio="iradio_flat-green" value="round"> @lang('messages.round_off')
												@endif
												 
											</label>
											<label>
												@if($point_setting->ratio_type == 'ceil')
												<input type="radio" name="ratio_type" class="icheck" data-radio="iradio_flat-green" value="ceil"checked> @lang('messages.ceil_off') 
												@else
												<input type="radio" name="ratio_type" class="icheck" data-radio="iradio_flat-green" value="ceil"> @lang('messages.ceil_off') 
												@endif
												
											</label>
											<label>
												@if($point_setting->ratio_type == 'floor')
												<input type="radio" name="ratio_type" class="icheck" data-radio="iradio_flat-green" value="floor" checked> @lang('messages.round_down')
												@else
												<input type="radio" name="ratio_type" class="icheck" data-radio="iradio_flat-green" value="floor"> @lang('messages.round_down')
												@endif
											</label>
										</div>
									</div>
								</div>
							</div>
						</div>
					<!-- END FORM-->
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
					<button type="button" class="btn green" id="btn_setting_submit">@lang('messages.update')</button>
				</div>
			</div>
			</form>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>

	<div class="modal bs-modal-lg" id="modal_allgive_list" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title">@lang('messages.pt_all_issue_log')</h4>
				</div>
				<div class="modal-body">
					<table class="table table-condensed table-hover">
					<thead>
						<tr>
							<th>
								@lang('messages.time')
							</th>
							<th>
								@lang('messages.title')
							</th>
							<th>
								@lang('messages.total_people')
							</th>
							<th>
								@lang('messages.total_points')
							</th>
							<th>
								@lang('messages.action')
							</th>
						</tr>
					</thead>
					<tbody id="tbody_allgive_list">
					</tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal-dialog -->
	</div>


<div class="modal fade" id="modal_tag" 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">@lang('messages.item_manage')</h4>
            </div>
            <div class="modal-body">
               <form id="form_type" class="form-horizontal form-bordered ">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="control-label col-md-3">事由</label>
                            <div class="col-md-9">

                                <input name="point_reason" class="tagsinput" type="text" value="{{$point_reason->tags}}">
                            </div>
                        </div>
                        <input type="hidden" id="type" name="type" value="out_reason_item">
                        <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    </div>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                                <button id="btn_type_submit" type="button" class="btn green">
                                    <i class="fa fa-check"></i> @lang('messages.save')</button>
                                <button type="button" class="btn default" data-dismiss="modal">@lang('messages.close')</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="modal_clear_cardnumber" 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>
            <div class="modal-body">
               <form class="form-horizontal form-bordered" id="form_clear">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="control-label col-md-4">卡號</label>
                            <div class="col-md-5">
                                <input type="password" class="form-control" id="input_clear_cardnumber" name="input_clear_cardnumber" placeholder="請刷月卡檢查卡號">
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                            	<button type="button" class="btn default pull-right" data-dismiss="modal">@lang('messages.close')</button>
                                <a id="btn_clear_cardnumber_submit" class="btn red pull-right" style="display: none;margin-right: 10px;"><i class="fa fa-check"></i> 註銷</a>
                                <a id="btn_clear_cardnumber_check" class="btn blue pull-right" style="margin-right: 10px;"><i class="fa fa-check"></i> 檢查</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="modal_print" 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>
            <div class="modal-body">
               <form class="form-horizontal form-bordered" id="form_print" action="">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="control-label col-md-4">選擇時間</label>
                            <div class="col-md-5">
                                <input id="print_date" name="print_date" type="month" class="form-control" value='{{date("Y-m")}}' min="2017-07">
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">關閉</button>
                <a id="btn_print_submit" class="btn green" target="_blank">列印</a>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="modal_print2" 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>
            <div class="modal-body">
               <form class="form-horizontal form-bordered" id="form_print2" action="">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="control-label col-md-4">選擇時間</label>
                            <div class="col-md-5">
                                <input id="print_date2" name="print_date2" type="month" class="form-control" value='{{date("Y-m")}}' min="2017-07">
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="_token" name="_token" value="{{ csrf_token() }}">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">關閉</button>
                <a id="btn_print_submit2" class="btn green" target="_blank">列印</a>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</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/jquery-validation/js/additional-methods.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/icheck/icheck.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-tagsinput/bootstrap-tagsinput.min.js') }}"></script>

@endsection

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

    $('.tagsinput').tagsinput();
    

	if(document.getElementById('select_door').value == ""){
		$('#select_floor option[value=""]').attr('selected','selected');
		$('#select_house option[value=""]').attr('selected','selected');
	}
	if(document.getElementById('select_floor').value == ""){
		$('#select_house option[value=""]').attr('selected','selected');	
	}

	$('select[name=form_page_url]').change(function(){
		var url = location.pathname;
		location.href = url.replace(/page=(\d+)/,'page=1');
	});

});

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


$('#card_add_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:{
			card_no:{
				required:true,
			}
		},
		messages:{
			card_no:{
				required:"@lang('messages.not_input_card_no')",
			}
		},

        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: '{{action("PointController@postCardAdd")}}',
				data: {
					_token   : $('#_token').val(),
					mooncard_id  : $('#card_add_form input[name = "mooncard_id"]').val(),
					card_no  : $('#card_add_form input[name = "card_no"]').val(),
				},
				success: function(sendback){
					getCardList($('#card_add_form input[name="mooncard_id"]').val());
					$('#card_add_form input[name = "card_no"]').val('');
					toastr['success']("@lang('messages.card_no_add_success')");
				},
				error   : function (sendback){
					toastr['error'](sendback.responseJSON.message);
		        }
			});
        }
	});

$(document).on('click','.btn_mooncard_set',function(){
	var uid = $(this).attr('uid');
	$('#card_add_form input[name="mooncard_id"]').val(uid);
	getCardList(uid);
	$('#modal_card').modal('show');
	$("#card_no").focus();

});

var getCardList = function(uid){
		$('#card_list').html('');
		$('#card_form_error_alert_nocard').show();
		$.ajax({
			type  : 'POST',
			dataType : 'json',
			url   : '{{action("PointController@getCardList")}}',
			data  : {
				uid : uid,
				_token:'{{ csrf_token() }}'
			},
			success : function(sendback){
				$('#card_list').html('');
				$.each(sendback.cards, function(i, obj) {
					if(obj.card_number != ''){
						$('#card_form_error_alert_nocard').hide();
						var html = '<div class="row">'+
										'<div class="col-md-offset-2 col-md-8 margin-top-10">'+
											'<div class="input-group">'+
												'<div class="input-group-btn">'+
													'<button type="button" class="btn red btn_card_remove" mooncard_id="'+obj.id+'"> @lang('messages.remove') <i class="fa fa-remove"></i></button>'+
												'</div>'+
												'<input type="text" class="form-control" readonly value="'+obj.card_number+'">'+
											'</div>'+
										'</div>'+
									'</div>';
						$('#card_list').append(html);
					}	
				 });
			},
			error  : function(sendback){
				
			}
		});
	}


	$(document).on('click','.btn_card_remove',function(){
		var id = $(this).attr('mooncard_id');
		bootbox.confirm({
		    size: 'small',
		    message: "你確定要刪除使用者的月卡卡號?",
		    callback: function(result){
		    	if(result === true){
		    		$.ajax({
		    			type: 'POST',
		    			dataType: 'json',
		    			url : '{{action("PointController@removeCard")}}',
		    			data: {
		    				_token : $('#_token').val(),
		    				id : id
		    			},
		    			success: function(sendback){
		    				toastr['success']("@lang('messages.del_card_success')");
		    				getCardList($('#card_add_form input[name="mooncard_id"]').val());
		    			}
		    		})
		    	}
			}
		})
	});

// $('input').on('change',function(){
// 	var type = $(this).val();
// 	switch(type){
// 		case 'fix':
// 			$('#setting_fix').show();
// 			$('#setting_floor').hide();
// 			$('#setting_manage').hide();
// 			break;
// 		case 'floor':
// 			$('#setting_fix').hide();
// 			$('#setting_floor').show();
// 			$('#setting_manage').hide();
// 			break;
// 		case 'manage':
// 			$('#setting_fix').hide();
// 			$('#setting_floor').hide();
// 			$('#setting_manage').show();
// 			break;
// 	}
// });
$(document).on('change','.icheck', function(){
	console.log('hi');
	var type = $(this).val();
	switch(type){
		case 'fix':
			$('#setting_fix').show();
			$('#setting_floor').hide();
			$('#setting_manage').hide();
			break;
		case 'floor':
			$('#setting_fix').hide();
			$('#setting_floor').show();
			$('#setting_manage').hide();
			break;
		case 'manage':
			$('#setting_fix').hide();
			$('#setting_floor').hide();
			$('#setting_manage').show();
			break;
	}
});

$('.icheck').on('ifChanged', function(event){
	var type = $(this).val();
	switch(type){
		case 'fix':
			$('#setting_fix').show();
			$('#setting_floor').hide();
			$('#setting_manage').hide();
			break;
		case 'floor':
			$('#setting_fix').hide();
			$('#setting_floor').show();
			$('#setting_manage').hide();
			break;
		case 'manage':
			$('#setting_fix').hide();
			$('#setting_floor').hide();
			$('#setting_manage').show();
			break;
	}
});

$(document).on('click','#btn_setting_submit',function(){
	$.ajax({
		type : 'POST',
		url  : '{{action("PointController@updateSetting")}}',
		dataType : 'json',
		data : $('#form_setting').serialize(),
		success : function(sendback){
			toastr['success']('更新點數設定成功');
		},
		error : function(sendback){
			console.log(sendback);
			toastr['error']('更新點數設定失敗，請重新嘗試');
		}
	});
});

$(document).on('click','#btn_allgive',function(){
	toastr["info"]('確定要全部進行贈點發送?<br /><br /><button id="btn_allgive_confirm" type="button" class="btn btn-success clear">確定</button><button type="button" class="btn btn-default clear">取消</button>');
});

$(document).on('click','#btn_allgive_confirm',function(){
	$.ajax({
		type : 'POST',
		url  :  '{{action("PointController@allgive")}}',
		dataType : 'json',
		data : {
			_token : '{{ csrf_token() }}'
		},
		success : function(sendback){
			toastr['success']('@lang('messages.all_issue_pt_success')');
			$('#tbody_allgive_result').html('');
			window.location.reload();
		},
		error  : function(sendback){
			toastr['error']('@lang('messages.all_issue_pt_fail')');
		}
	});
});

$(document).on('click','#btn_allgive_list',function(){
	$.ajax({
		type : 'GET',
		url  : '{{action("PointController@allgiveList")}}',
		dataType : 'json',
		success : function(sendback){
			$('#tbody_allgive_list').html('');
			$.each( sendback, function( key, value ) {
			  	console.log(value);
			  	var html = '<tr><td>'+value.created_at+'</td><td>'+value.title+'</td><td>'+value.count_people+'</td><td>'+value.count_point+'</td>'
			  	if(value.status == 1){
			  		html = html + '<td><a class="btn blue btn-xs btn_allgive_view" href="{{action('PointController@allgiveView',['id'=>''])}}/'+value.id+'">@lang('messages.query')Log<i class="fa fa-eye"></i></a><a class="btn red btn-xs btn_allgive_delete" uid="'+value.id+'">@lang('messages.del_all_pt')<i class="fa fa-remove"></i></a></td></tr>';
			  	}else{
			  		html = html + '<td><a class="btn blue btn-xs btn_allgive_view" href="{{action('PointController@allgiveView',['id'=>''])}}/'+value.id+'">@lang('messages.query')Log<i class="fa fa-eye"></i></a></td></tr>';
			  	}
			  	$('#tbody_allgive_list').append(html);
			  	$('#modal_allgive_list').modal('show');
			});
		},
		error : function(sendback){
			toastr['error']('@lang('messages.error')');
		}

	});
	
});

$(document).on('click','.btn_allgive_delete',function(){
	$.ajax({
		type  : 'POST',
		url   : '{{action('PointController@alldelete')}}',
		dataType : 'json',
		data  : {
			id : $(this).attr('uid'),
			_token:'{{ csrf_token() }}'
		},
		success : function(sendback){
			$.ajax({
				type : 'GET',
				url  : '{{action("PointController@allgiveList")}}',
				dataType : 'json',
				success : function(sendback){
					toastr['success']('@lang('messages.del_all_issue_pt_success')');
					window.location.reload();
				},
				error : function(sendback){
					toastr['error']('@lang('messages.error')');
				}

			});
		},
		error : function(sendback){

		}
	});
});

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

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

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

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

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

$(document).on('click','#btn_type_submit',function(){
    $.ajax({
        type : 'POST',
        dataType: 'json',
        url  : '{{action('PointController@updateType')}}',
        data : $('#form_type').serialize(),
        success : function(sendback){
            toastr['success']('@lang('messages.update_success')');
            window.location.reload();
        },
        error : function(sendback){
        toastr['error']('@lang('messages.sys_error_f5_try')');
        }
    })
}); 

$(document).on('click','#btn_print_submit',function(){
	var datetime = $('#print_date').val();
	if(datetime < '2017-07'){
		toastr['error']('此區段時間不開放查詢');
	}else{
		var form = $('#form_print');
        form.attr("action", '{{ action('PointController@print_buy_mooncard')}}');
        form.submit();
	}
});

$(document).on('click','#btn_print_submit2',function(){
	var form = $('#form_print2');
    form.attr("action", '{{ action('PointController@print_buy_point_month_log')}}');
    form.submit();
});

$(document).on('click','#btn_print2',function(){
	var form = $('#form_print');
    form.attr("action", '{{ action('PointController@print_buy_mooncard_today')}}');
    form.submit();
});

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

$(document).on('click','#btn_print4',function(){
	var form = $('#form_print');
    form.attr("action", '{{ action('PointController@print_buy_point_today_log')}}');
    form.submit();
});

$(document).on('click','#clear_submit',function(){
	document.getElementById('select_door').value = "";
	document.getElementById('select_floor').value = "";
	document.getElementById('select_house').value = "";
	document.getElementById('search_name').value = "";
});

$(document).on('keypress','#input_clear_cardnumber',function(e){
	$('#btn_clear_cardnumber_submit').css('display','none');
	code = e.keyCode ? e.keyCode : e.which;
	if(code == 13) {
		if($('#input_clear_cardnumber').val() == ""){
			toastr['warning']('卡號欄位請勿為空');
		}else{
			$.ajax({
		        type : 'POST',
		        dataType: 'json',
		        url: "{{ action('MoonCardController@checkCardnumber') }}",
		        data : {
		        	card_no : $('#input_clear_cardnumber').val(),
		        	_token  : '{{ csrf_token() }}'
		        },
		        success : function(sendback){
		        	if(sendback.status == 0){
		        		toastr['error'](sendback.message);
		        	}else if(sendback.status == 1){
		        		toastr['success'](sendback.message);
		        		$('#btn_clear_cardnumber_submit').css('display','block');
		        	}else{
		        		toastr['info'](sendback.message)
		        	}
		        },
		        error : function(sendback){
		        	toastr['error']('@lang('messages.sys_error_f5_try')');
		        }
		    })
		}
		e.preventDefault();
	}
});

$(document).on('click','#btn_clear_cardnumber_check',function(){
	if($('#input_clear_cardnumber').val() == ""){
		toastr['warning']('卡號欄位請勿為空');
	}else{
	    $.ajax({
	        type : 'POST',
	        dataType: 'json',
	        url: "{{ action('MoonCardController@checkCardnumber') }}",
	        data : {
	        	card_no : $('#input_clear_cardnumber').val(),
	        	_token  : '{{ csrf_token() }}'
	        },
	        success : function(sendback){
	        	if(sendback.status == 0){
	        		toastr['error'](sendback.message);
	        	}else if(sendback.status == 1){
	        		toastr['success'](sendback.message);
	        		$('#btn_clear_cardnumber_submit').css('display','block');
	        	}else{
	        		toastr['info'](sendback.message)
	        	}
	        },
	        error : function(sendback){
	        	toastr['error']('@lang('messages.sys_error_f5_try')');
	        }
	    })
	}
});

$(document).on('click','#btn_clear_cardnumber_submit',function(){
    $.ajax({
        type : 'POST',
        dataType: 'json',
        url: "{{ action('MoonCardController@clearCardnumber') }}",
        data : {
        	card_no : $('#input_clear_cardnumber').val(),
        	_token  : '{{ csrf_token() }}'
        },
        success : function(sendback){
        	if(sendback.status == 0){
        		toastr['error'](sendback.message);
        	}else if(sendback.status == 1){
        		$('#input_clear_cardnumber').val('');
        		$('#btn_clear_cardnumber_submit').css('display','none');
        		toastr['success'](sendback.message);
        	}else{
        		toastr['info'](sendback.message)
        	}
        },
        error : function(sendback){
        	toastr['error']('@lang('messages.sys_error_f5_try')');
        }
    })
});

$(document).on('click','.btn_mooncard_type',function(){
	var uid = $(this).attr('uid');
	$('#mooncard_type').val(uid);
    var form = $('#form_query');
	form.attr("action", '{{ action('PointController@index') }}');
	form.submit();
});

</script>
@endsection