<?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')); ?>"/>
<?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 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 app('translator')->get('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-3">
					<div class="panel panel-success">
						<div class="panel-heading">
							<h3 class="panel-title"><?php echo e($user->name); ?>(<?php echo e($user->username); ?>)</h3>
						</div>
						<div class="panel-body">
							 <p><?php echo app('translator')->get('messages.tel2'); ?> : <?php echo e($user->tel); ?></p>
							 <p><?php echo app('translator')->get('messages.mobile'); ?> : <?php echo e($user->mobile); ?></p>
						</div>
						<ul class="list-group">
							<li class="list-group-item">
								 <?php echo app('translator')->get('messages.left_pt'); ?> <span id="point_free" class="badge badge-success"><?php echo e($user->point_free); ?></span>
							</li>
							<li class="list-group-item">
								 <?php echo app('translator')->get('messages.buy_left_pt'); ?> <span id="point_buy" class="badge badge-success"><?php echo e($user->point_buy); ?></span>
							</li>
						</ul>
					</div>
					<button type="button" class="btn green-meadow btn-block btn_point" style="margin-left:0px;" data-type="give_free"><?php echo app('translator')->get('messages.issue_pt_desc1'); ?></button>
					<button type="button" class="btn blue-madison btn-block btn_point" style="margin-left:0px;" data-type="give_buy"><?php echo app('translator')->get('messages.issue_pt_desc2'); ?></button>
					<hr>
					<button type="button" class="btn green-seagreen btn-block btn_point" style="margin-left:0px;" data-type="cost_free"><?php echo app('translator')->get('messages.issue_pt_desc3'); ?></button>
					<button type="button" class="btn blue-steel btn-block btn_point" style="margin-left:0px;" data-type="cost_buy"><?php echo app('translator')->get('messages.issue_pt_desc4'); ?></button>
				</div>
				<div class="col-md-9">
					<!-- BEGIN EXAMPLE TABLE PORTLET-->
					<div class="portlet light bordered">
						<div class="portlet-title">
							<div class="caption">
								<i class="fa fa-gift"></i><?php echo app('translator')->get('messages.pt_record'); ?>
							</div>
							<ul class="nav nav-tabs">
								<li class="active">
									<a href="#tab_1" data-toggle="tab">
									<?php echo app('translator')->get('messages.given_pt'); ?> </a>
								</li>
								<li>
									<a href="#tab_2" data-toggle="tab">
									<?php echo app('translator')->get('messages.buy_pt'); ?> </a>
								</li>
							</ul>
						</div>
						<div class="portlet-body">
							<div class="tab-content">
								<div class="tab-pane active" id="tab_1">
									<table class="table table-striped table-bordered table-hover datatable">
									<thead>
									<tr>
										<th>
											 <?php echo app('translator')->get('messages.time'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.type'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.income'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.outcome'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.left_money'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.note'); ?>
										</th>
									</tr>
									</thead>
									<tbody>
									<?php foreach($free_list as $one): ?>
									<tr class="odd gradeX">
										<td>
											<?php echo e($one['created_at']); ?>

										</td>
										<?php if($one['type'] == 'income'): ?>
										<td>
											<span class="label label-primary"><?php echo app('translator')->get('messages.income'); ?></span>
										</td>
										<td>
											<?php echo e($one['point']); ?>

										</td>
										<td>
											
										</td>
										<?php else: ?>
										<td>
											<span class="label label-info"><?php echo app('translator')->get('messages.outcome'); ?></span>
										</td>
										<td>
											
										</td>
										<td>
											<?php echo e($one['point']); ?>

										</td>
										<?php endif; ?>
										<td>
											<?php echo e($one['left_point']); ?>

										</td>
										<td>
											<?php echo $one['memo']; ?>

										</td>
									</tr>
									<?php endforeach; ?>
									</tbody>
									</table>
								</div>
								<div class="tab-pane" id="tab_2">
									<table class="table table-striped table-bordered table-hover datatable">
									<thead>
									<tr>
										<th>
											 <?php echo app('translator')->get('messages.time'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.type'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.income'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.outcome'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.left_money'); ?>
										</th>
										<th>
											 <?php echo app('translator')->get('messages.note'); ?>
										</th>
									</tr>
									</thead>
									<tbody>
									<?php foreach($buy_list as $one): ?>
									<tr class="odd gradeX">
										<td>
											<?php echo e($one['created_at']); ?>

										</td>
										<?php if($one['type'] == 'income'): ?>
										<td>
											<span class="label label-primary"><?php echo app('translator')->get('messages.income'); ?></span>
										</td>
										<td>
											<?php echo e($one['point']); ?>

										</td>
										<td>
											
										</td>
										<?php else: ?>
										<td>
											<span class="label label-info"><?php echo app('translator')->get('messages.outcome'); ?></span>
										</td>
										<td>
											
										</td>
										<td>
											<?php echo e($one['point']); ?>

										</td>
										<?php endif; ?>
										<td>
											<?php echo e($one['left_point']); ?>

										</td>
										<td>
											<?php echo $one['memo']; ?>

										</td>
									</tr>
									<?php endforeach; ?>
									</tbody>
									</table>
								</div>
							</div>
							
						</div>
					</div>
					<!-- END EXAMPLE TABLE PORTLET-->
				</div>
			</div>
		</div>

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

<div class="modal fade bs-modal-sm" id="modal_point" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<form id="form_point">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
					<h4 class="modal-title"></h4>
				</div>
				<div class="modal-body">
					<div class="form-body">
						<div id="form_point_alert" class="alert alert-danger display-hide">
							<button class="close" data-close="alert"></button>
							<?php echo app('translator')->get('messages.col_invalid'); ?>
						</div>
						<div class="form-group">
							<label class="control-label"><?php echo app('translator')->get('messages.points'); ?><span class="required" aria-required="true"> * </span></label>
							<input name="point" type="number" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_pt'); ?>">
						</div>
						<div class="form-group">
							<label class="control-label"><?php echo app('translator')->get('messages.cause'); ?><span class="required" aria-required="true"> * </span></label>
							<input name="info" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_change_pt_reason'); ?>">
						</div>
						<input type="hidden" name="type" value=""/>
						<input type="hidden" name="user_id" value="<?php echo e($user->id); ?>"/>
						<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn default" data-dismiss="modal"><?php echo app('translator')->get('messages.close'); ?></button>
					<button type="submit" class="btn blue"><?php echo app('translator')->get('messages.sure_submit'); ?></button>
				</div>
			</form>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<?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>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js_page_level'); ?>
<script>
$(document).ready(function(){
	$('.datatable').dataTable({
		// Internationalisation. For more info refer to http://datatables.net/manual/i18n
		"language": {
		    "aria": {
		        "sortAscending": ": activate to sort column ascending",
		        "sortDescending": ": activate to sort column descending"
		    },
		    "emptyTable": "<?php echo app('translator')->get('messages.datatable_no_data'); ?>",
		    "info": "<?php echo app('translator')->get('messages.display_from'); ?> _START_ <?php echo app('translator')->get('messages.display_to'); ?> _END_ <?php echo app('translator')->get('messages.then_total'); ?> _TOTAL_ <?php echo app('translator')->get('messages.records'); ?>",
		    "infoEmpty": "<?php echo app('translator')->get('messages.no_match'); ?>",
		    "infoFiltered": "(<?php echo app('translator')->get('messages.from'); ?> _MAX_ <?php echo app('translator')->get('messages.records_filter'); ?>)",
		    "lengthMenu": "<?php echo app('translator')->get('messages.show'); ?> _MENU_ <?php echo app('translator')->get('messages.records'); ?>",
		    "search": "<?php echo app('translator')->get('messages.quick_filter'); ?>:",
		    "zeroRecords": "<?php echo app('translator')->get('messages.no_data'); ?>",
		    "paginate": {
		        "previous":"<?php echo app('translator')->get('messages.last_page'); ?>",
		        "next": "<?php echo app('translator')->get('messages.next_page'); ?>",
		        "last": "<?php echo app('translator')->get('messages.lastest'); ?>",
		        "first": "<?php echo app('translator')->get('messages.most_previous'); ?>"
		    }
		},

		"lengthMenu": [
		    [10, 20, 50, -1],
		    [10, 20, 50, "All"] // change per page values here
		],
		// set the initial value
		"pageLength": 10,            
		"pagingType": "bootstrap_full_number",
        "order": [
            [0, "desc"]
        ] // set first column as a default sort by asc
	});

	$('#form_point').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:{
			point:{
				required:true,
				number:true
			},
			info:{
				required:true
			}
		},
		messages:{
			point:{
				required:'<?php echo app('translator')->get('messages.enter_issue_pt'); ?>',
				number:'<?php echo app('translator')->get('messages.only_allow_number'); ?>'
			},
			info:{
				required:'<?php echo app('translator')->get('messages.enter_reason_for_pt_change'); ?>'
			}
		},

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

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

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

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

        submitHandler: function (form) {
            //確認表單正確，Ajax送出
            $.ajax({
				type: 'POST',
				dataType: 'json',
				url: "<?php echo e(action('PointController@givePoint')); ?>",
				data: $('#form_point').serialize(),
				success: function(sendback){
					window.location.reload();
				},
				error   : function ( data ){
		            toastr['error'](data.responseJSON.message);
		            $('#form_point input[name="point"]').val('');
		            $('#form_point input[name="info"]').val('');
		        }
			});
        }
	});

});

$(document).on('click','.btn_point',function(){
	switch($(this).data('type')){
		case 'give_free':
			$('#modal_point .modal-title').html('<?php echo app('translator')->get('messages.issue_given_pt'); ?>');
			$('#modal_point input[name="type"]').val($(this).data('type'));
			$('#modal_point').modal('show');
			break;

		case 'give_buy':
			$('#modal_point .modal-title').html('<?php echo app('translator')->get('messages.issue_buy_pt'); ?>');
			$('#modal_point input[name="type"]').val($(this).data('type'));
			$('#modal_point').modal('show');
			break;

		case 'cost_free':
			$('#modal_point .modal-title').html('<?php echo app('translator')->get('messages.deduct_given_pt'); ?>');
			$('#modal_point input[name="type"]').val($(this).data('type'));
			$('#modal_point').modal('show');
			break;

		case 'cost_buy':
			$('#modal_point .modal-title').html('<?php echo app('translator')->get('messages.deduct_buy_pt'); ?>');
			$('#modal_point input[name="type"]').val($(this).data('type'));
			$('#modal_point').modal('show');
			break;


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