<div class="modal-content">
	<form id="form_point">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
			<?php if($title == "give_free"): ?>
				<h4 class="modal-title"><?php echo app('translator')->get('messages.issue_given_pt'); ?></h4>
			<?php elseif($title == "give_buy"): ?>
				<h4 class="modal-title"><?php echo app('translator')->get('messages.issue_buy_pt'); ?></h4>
			<?php elseif($title == "cost_free"): ?>
				<h4 class="modal-title"><?php echo app('translator')->get('messages.deduct_given_pt'); ?></h4>
			<?php elseif($title == "cost_buy"): ?>
				<h4 class="modal-title"><?php echo app('translator')->get('messages.deduct_buy_pt'); ?></h4>
			<?php endif; ?>
		</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 id="txt_info" name="info" type="text" class="form-control" placeholder="<?php echo app('translator')->get('messages.enter_change_pt_reason'); ?>">
				</div>
				<?php foreach($point_tags as $one): ?>
				<a class="btn green btn_add_text" value="<?php echo e($one); ?>"><?php echo e($one); ?></a>
				<?php endforeach; ?>
				<input type="hidden" name="type" value="<?php echo e($title); ?>"/>
				<input type="hidden" id="point_user_id" name="user_id" value="<?php echo e($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>

<script type="text/javascript">
	$(document).ready(function(){
		$('#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送出
                App.blockUI({
	                target: '#form_point',
	                boxed: true,
	                overlayColor: 'black',
	                message: '<label style="color:red;">點數處理中...</label>',
	                textOnly: true,
	            });

	            $.ajax({
					type: 'POST',
					dataType: 'json',
					url: "<?php echo e(action('PointController@givePoint')); ?>",
					data: $('#form_point').serialize(),
					success: function(sendback){						
						toastr['success']('資料送出成功');
						$.ajax({
							type : 'post',
							url : '<?php echo e(action('ConsoleController@point_show')); ?>',
							data : {
								id : $('#point_user_id').val(),
								_token:'<?php echo e(csrf_token()); ?>'
							},
							success : function(sendback){
								App.unblockUI('#console_body');
								$('#modal_function_point_view_content').html(sendback);
								$('#modal_function_point_view_edit').modal('hide');
							},
							error :function(sendback){
								App.unblockUI('#console_body');
								toastr['error']('<?php echo app('translator')->get('messages.error'); ?>');
							}
						});
					},
					error   : function ( data ){
			            toastr['error'](data.responseJSON.message);
			        }
				});
	        }
		});
	});

	$(document).on('click','.btn_add_text',function(){
		value = $(this).attr('value');
		$('#txt_info').val(value);
	});
</script>