<?php $__env->startSection('css_page_level'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css')); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css')); ?>" />
<?php $__env->stopSection(); ?>

<?php $__env->startSection('page-content-wrapper'); ?>
	<div class="page-content-wrapper" id="main">
		<div class="page-content">
			<!-- BEGIN PAGE HEADER-->
			<h3 class="page-title">
			<?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
			<?php echo e($setting::get('system_name','全方位建築智慧化管理系統')); ?> <small><?php echo e($setting::get('company_name','新保科技')); ?></small>
			</h3>
			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="<?php echo e(route('manage::index')); ?>"><?php echo app('translator')->get('messages.homepage'); ?></a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#"><?php echo app('translator')->get('messages.reserve_facility'); ?></a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="<?php echo e(action('InstOrderController@index')); ?>"><?php echo app('translator')->get('messages.reservation_form_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-6">
										<div class="btn-group">
											<a href="<?php echo e(action('InstOrderController@create')); ?>"  class="btn green">
											<?php echo app('translator')->get('messages.add_book_form'); ?> <i class="fa fa-plus"></i>
											</a>
											<button id="btn_tag" class="btn blue pull-right" style="margin-left:10px;margin-bottom:10px;"> 抵押物管理 <i class="fa fa-cog"></i></button>
										</div>
									</div>
									<div class="col-md-6">
										<div class="btn-group pull-right">
                                            <a id="btn_row_bar" class="btn red" style="margin-right: 10px;">公設排序 <i class="fa fa-angle-down"></i></a>
                                            <a class="btn purple dropdown-toggle pull-right" data-toggle="dropdown" href="javascript:;"> <?php echo app('translator')->get('messages.quick_filter'); ?>
                                                <i class="fa fa-angle-down"></i>
                                            </a>
                                            <ul class="dropdown-menu">
                                                <li>
                                                    <a href="<?php echo e(action('InstOrderController@index')); ?>"><?php echo app('translator')->get('messages.all'); ?></a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(action('InstOrderController@index')); ?>?status[]=0"><?php echo app('translator')->get('messages.not_approved'); ?></a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(action('InstOrderController@index')); ?>?status[]=1"><?php echo app('translator')->get('messages.approved'); ?></a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(action('InstOrderController@index')); ?>?status[]=2"><?php echo app('translator')->get('messages.cancel_return'); ?></a>
                                                </li>
                                                <li>
                                                    <a href="<?php echo e(action('InstOrderController@index')); ?>?status[]=3"><?php echo app('translator')->get('messages.minus_point'); ?></a>
                                                </li>
                                                <li class="divider"></li>
                                                <li>
                                                    <a href="javascript:;" id="btn_query"> <?php echo app('translator')->get('messages.search_'); ?> </a>
                                                </li>
                                            </ul>
                                        </div>
									</div>
                                    <div id="row_bar" class="col-md-12" style="margin-bottom: 10px;display: none;">
                                        <form id="form_query">
                                            <a class="btn blue pull-right" href="<?php echo e(action('InstOrderController@index')); ?>?status[]=7">預約公設</a>
                                            <a class="btn blue pull-right" style="margin-right: 10px;" href="<?php echo e(action('InstOrderController@index')); ?>?status[]=6">戶號</a>
                                            
                                            <a class="btn blue pull-right" style="margin-right: 10px;" href="<?php echo e(action('InstOrderController@index')); ?>?status[]=5">預約日期</a>
                                            <a class="btn blue pull-right" style="margin-right: 10px;" href="<?php echo e(action('InstOrderController@index')); ?>?status[]=4">送出時間</a>
                                        </form> 
                                    </div>
									<form id="form_page" method="get" name="form_page_url" action="<?php echo e(action('InstOrderController@index')); ?>" class="form-horizontal">
		            					<div class="col-md-12">
											<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" <?php echo e(Input::get('prepage')==10? 'selected':''); ?>>10</option>
		                      						<option value="20" <?php echo e(Input::get('prepage')==20? 'selected':''); ?>>20</option>
		                      						<option value="50" <?php echo e(Input::get('prepage')==50? 'selected':''); ?>>50</option>
		                    					</select> 則
		                  					</div>
		                				</div>
			                    	</form>
								</div>
							</div>

							<table class="table table-striped table-bordered table-hover" id="table_one_list">
							<thead>
							<tr>
								<th>
									<?php echo app('translator')->get('messages.submit_time'); ?>
								</th>
								<th>
									 <?php echo app('translator')->get('messages.form_number'); ?>
								</th>
								<th>
									 <?php echo app('translator')->get('messages.date'); ?>
								</th>
								<th>
									 <?php echo app('translator')->get('messages.time_duration'); ?>
								</th>
								<th>
									 <?php echo app('translator')->get('messages.reserved_user'); ?>
								</th>
								<th>
									 <?php echo app('translator')->get('messages.household_no'); ?>
								</th>
								<th>
									 <?php echo app('translator')->get('messages.reserve_facility'); ?>
								</th>
								<th>
									人數
								</th>
								<th>
									 <?php echo app('translator')->get('messages.approve_status'); ?>
								</th>
								<th>
									 <?php echo app('translator')->get('messages.cause'); ?>
								</th>
								<th>
									承辦人
								</th>
								<th style="width:8%">
									 <?php echo app('translator')->get('messages.action'); ?>
								</th>
							</tr>
							</thead>
							<tbody>
							<?php foreach($orders as $one): ?>
							<tr class="odd gradeX">
								<td>
									<?php echo e($one->created_at); ?>

								</td>
								<td>
									#<?php echo e($one->id); ?>

								</td>
								<td>
									<?php echo e($one->date); ?>

								</td>
								<td>
									<?php echo e($one->time_section); ?>

								</td>
								<td>
									<?php echo e($one->user_id); ?>

								</td>
								<td>
									<?php echo e($one->username); ?>

								</td>
								<td>
									<?php echo e($one->inst_id); ?>

								</td>
								<td>
									<?php if($one->person == "999"): ?>
                                        包廂
                                    <?php elseif($one->person < "0"): ?>
                                        <?php
                                            $txt = substr($one->person,1,strlen($one->person));
                                            echo $txt;
                                        ?>
                                    <?php else: ?>
                                        <?php echo e($one->person); ?>

                                    <?php endif; ?>

								</td>
								<td>
									<?php if($one->status == 0): ?>
									<span class="label label-sm label-primary"> <?php echo app('translator')->get('messages.not_approved'); ?> </span>
									<?php elseif($one->status == 1): ?>
									<span class="label label-sm label-success"> <?php echo app('translator')->get('messages.approved'); ?> </span>
									<?php elseif($one->status == 2): ?>
									<span class="label label-sm label-warning"> <?php echo app('translator')->get('messages.cancel_return'); ?> </span>
									<?php elseif($one->status == 3): ?>
									<span class="label label-sm label-info"> <?php echo app('translator')->get('messages.minus_point'); ?> </span>
									<?php endif; ?>
								</td>
								<td>
									<span class="label label-sm label-default show-tooltip" data-toggle="tooltip" data-placement="bottom" title="<?php echo e($one->memo); ?>"> <?php echo app('translator')->get('messages.query'); ?> </span>
								</td>
								<td>
									<?php echo e($one->undertake); ?><?php echo e($one->platform); ?>

								</td>
								<td>
									<?php if($one->status != 2 && $one->status != 3): ?>
									<div class="btn-group">
										<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
										<?php echo app('translator')->get('messages.action'); ?> <i class="fa fa-angle-down"></i>
										</button>
										<ul class="dropdown-menu pull-right" role="menu">
											<?php if($one->status == 0): ?>
											<li>
												<a class="btn_verify" href="javascript:;" uid="<?php echo e($one->id); ?>">
												<i class="fa fa-check"></i>
												<?php echo app('translator')->get('messages.approved'); ?> </a>
											</li>
											<?php endif; ?>

											<?php if($one->status != 2 && $one->status != 3): ?>
											<li>
												<a class="btn_cancel" href="javascript:;" uid="<?php echo e($one->id); ?>">
												<i class="fa fa-remove"></i>
												<?php echo app('translator')->get('messages.cancel_return'); ?> </a>
											</li>
											<?php endif; ?>
											
											<?php if($one->status == 1): ?>
											<li class="divider">
											</li>
											<li>
												<a class="btn_cost" href="javascript:;" uid="<?php echo e($one->id); ?>">
												<i class="fa fa-credit-card"></i>
												<?php echo app('translator')->get('messages.deduct_pt_now'); ?> </a>
											</li>
											<?php endif; ?>
										</ul>
									</div>
									<?php endif; ?>
								</td>
							</tr>
							<?php 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>顯示第 <?php echo e($orders->firstItem()); ?> 到第 <?php echo e($orders->lastItem()); ?> 則 共有 <?php echo e($orders->total()); ?> 則</p>
                        		</div>
                     		</div>
                     		<div class="col-md-7 col-xs-7">
                        		<div class="pull-right" id="table_list_paginate">
	                           		<?php echo $orders->appends(Input::all())->render(); ?>

                        		</div>
							</div>
						</div>
					</div>
					<!-- END EXAMPLE TABLE PORTLET-->
				</div>
			</div>
		</div>

<div class="modal fade draggable-modal" id="modal_query" 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"><?php echo app('translator')->get('messages.reserve_query_filter'); ?></h4>
            </div>
            <form action="<?php echo e(action('InstOrderController@index')); ?>" class="form-horizontal">
            <div class="modal-body">
            	
                    <div class="form-body">
                    	<div class="form-group">
							<label class="col-md-4 control-label"><?php echo app('translator')->get('messages.facility'); ?></label>
							<div class="col-md-8">
								<select id="inst_id" name="inst_id" class="form-control select2me" data-placeholder="<?php echo app('translator')->get('messages.select_facility'); ?>">
									<option value=""></option>
									<?php foreach($insts as $one): ?>
									<option value="<?php echo e($one->id); ?>"><?php echo e($one->name); ?></option>
									<?php endforeach; ?>
								</select>
							</div>
						</div>
                        <div class="form-group">
                            <label class="col-md-4 control-label"><?php echo app('translator')->get('messages.liver_name'); ?></label>
                            <div class="col-md-8">
                                <input type="text" name="name" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label"><?php echo app('translator')->get('messages.liver_acount'); ?></label>
                            <div class="col-md-8">
                                <input type="text" name="username" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label"><?php echo app('translator')->get('messages.reservation_form_status'); ?></label>
                            <div class="col-md-8">
                                <div class="checkbox-list">
                                    <label><input type="checkbox" name="status[]" value="0"> <?php echo app('translator')->get('messages.not_approved'); ?> </label>
                                    <label><input type="checkbox" name="status[]" value="1"> <?php echo app('translator')->get('messages.approved'); ?> </label>
                                    <label><input type="checkbox" name="status[]" value="2"> <?php echo app('translator')->get('messages.cancel_return'); ?> </label>
                                    <label><input type="checkbox" name="status[]" value="3"> <?php echo app('translator')->get('messages.minus_point'); ?> </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label"><?php echo app('translator')->get('messages.service_reserve_num'); ?></label>
                            <div class="col-md-8">
                                <input type="text" name="order_no" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-4 control-label"><?php echo app('translator')->get('messages.reserve_date'); ?></label>
                            <div class="col-md-8">
                                <div class="input-group input-large date-picker input-daterange" data-date="" data-date-format="yyyy-mm-dd">
                                    <input type="text" class="form-control" name="from">
                                    <span class="input-group-addon"> <?php echo app('translator')->get('messages.arrived'); ?> </span>
                                    <input type="text" class="form-control" name="to">
                                </div>
                            </div>
                        </div>

                    </div>
                

            </div>
            <div class="modal-footer">
                <button type="button" class="btn dark btn-outline" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
                <button type="submit" class="btn green"><?php echo app('translator')->get('messages.query'); ?></button>
            </div>
            </form>
        </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">項目管理</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="pawn" class="tagsinput" type="text" value="<?php echo e($pawns->tags); ?>" data-role="tagsinput"> 
                            </div>
                        </div>
                        <input type="hidden" id="_token" name="_token" value="<?php echo e(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> 儲存</button>
                                <button type="button" class="btn default" data-dismiss="modal">關閉</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

	<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('plugins_page_level'); ?>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootbox/bootbox.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/moment.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/select2/js/select2.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-tagsinput/bootstrap-tagsinput.min.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js_page_level'); ?>
<script>
$(document).ready(function(){

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

	$('.date-picker').datepicker({
        orientation: "left",
        autoclose: true
    });

	$(document).on('click','.btn_delete_one',function(){
		var url = $(this).attr('url');
		bootbox.confirm("<?php echo app('translator')->get('messages.sure_del_neighberhood_party'); ?>", function(result) {
			if(result == true){
				$.ajax({
					type : 'DELETE',
					dataType : 'json',
					url  : url,
					data : {
						_token   : $('#_token').val(),
					},
					success : function(sendback){
						window.location.reload();
					},
					error : function(sendback){
						bootbox.alert('<?php echo app('translator')->get('messages.del_fail'); ?>');
					}
				})
			}
		}); 
	});

});


$(document).on('click','.btn_cancel',function(){
	var uid = $(this).attr('uid');
	bootbox.prompt("<?php echo app('translator')->get('messages.reservation_form_cancel_reason'); ?>", function(result) {                
		if (result === null) {
			toastr['error']('<?php echo app('translator')->get('messages.enter_reservation_form_cancel_reason'); ?>');
		}else{
			$.ajax({
				type  : 'POST',
				url   : '<?php echo e(action('InstOrderController@action')); ?>',
				dataType:'json',
				data  : {
					order_id : uid,
					mode : 'cancel',
					_token   : $('#_token').val(),
					memo : result
				},
				success : function(sendback){
					if(sendback.success === true){
						toastr['success']('<?php echo app('translator')->get('messages.reservation_return_success'); ?>');
						window.location.reload();
					}else{
						toastr['error'](sendback.message);
					}
				},
				error : function(sendback){
					toastr['error']('<?php echo app('translator')->get('messages.reservation_return_fail'); ?>');
				}
			})
			
		}
	});
});

$(document).on('click','.btn_verify',function(){
	var uid = $(this).attr('uid');
	bootbox.confirm("<?php echo app('translator')->get('messages.sure_approve_reservation'); ?>?", function(result) {
		$.ajax({
			type  : 'POST',
			url   : '<?php echo e(action('InstOrderController@action')); ?>',
			dataType:'json',
			data  : {
				order_id : uid,
				mode : 'verify',
				_token   : $('#_token').val(),
			},
			success : function(sendback){
				if(sendback.success === true){
					toastr['success']('<?php echo app('translator')->get('messages.approve_reservation_form'); ?>');
					window.location.reload();
				}else{
					toastr['error'](sendback.message);
				}
			},
			error : function(sendback){
				toastr['error']('<?php echo app('translator')->get('messages.fail_to_approve_reservation'); ?>');
			}
		});	
	}); 
});

$(document).on('click','.btn_cost',function(){
	var uid = $(this).attr('uid');
	bootbox.confirm("<?php echo app('translator')->get('messages.long_desc1'); ?>", function(result) {
		$.ajax({
			type  : 'POST',
			url   : '<?php echo e(action('InstOrderController@action')); ?>',
			dataType:'json',
			data  : {
				order_id : uid,
				mode : 'cost',
				_token   : $('#_token').val(),
			},
			success : function(sendback){
				if(sendback.success === true){
					toastr['success']('<?php echo app('translator')->get('messages.complete_reservation_deduct_pt'); ?>');
					window.location.reload();
				}else{
					toastr['error'](sendback.message);
				}
			},
			error : function(sendback){
				toastr['error']('<?php echo app('translator')->get('messages.fail_reservation_deduct_pt'); ?>');
			}
		});	
	}); 
});

$(document).on('click','#btn_tag',function(){
    $('#modal_tag').modal('show');
});
$(document).on('click','#btn_type_submit',function(){
    $.ajax({
        type : 'POST',
        dataType: 'json',
        url  : '<?php echo e(action('InstOrderController@updateType')); ?>',
        data : $('#form_type').serialize(),
        success : function(sendback){
            toastr['success']('更新成功!');
        },
        error : function(sendback){
            toastr['error']('更新失敗，請重新整理後再嘗試');
        }
    })
});

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

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

</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.manage', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>