{{\App::setLocale(Session::get('locale'))}}
@extends('admin.layouts.app')
@section('title', 'Memo')
@section('content-heading')
	<section class="content-header">
		<h1>@lang('admin.memo')</h1>
		<ol class="breadcrumb">
			<li><a href="{{ route('admindashboard') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
			
			<li class="active">@lang('admin.memo')</li>
      </ol>
    </section>
@endsection
@section('content')

<section class="content">
	<div class="row">
		<div class="col-xs-10">
			<div class="box">
				<div class="box-header"></div>
				<div class="box-body">
					<div class="x_panel">
						<div class="x_title">
							<h2>@lang('admin.memo')</h2>
							<div class="clearfix"></div>
						</div>
						<div class="x_content">
						
							<form class="form-horizontal" role="form" method="post" name="memo_form" id="memo_form">
								{{ csrf_field() }}
								<div class="col-md-12">
									<div class="form-group">
										<label for="comment">English Content:</label>
										<textarea class="form-control" id="en_memo_content" name="en_memo_content" cols="20" rows="14">{{$memo_data['en_memo_content']}}</textarea>
									</div>
									<div class="form-group" id="member_id_txt">
										<label for="comment">Chinese Content:</label>
										<textarea class="form-control" id="ch_memo_content" name="ch_memo_content" cols="20" rows="14">{{$memo_data['ch_memo_content']}}</textarea>
									</div>
									<div class="form-group">
										<label for="comment">Show Memo to Members? :</label>
										@if($memo_data['memo_status'])
											<input type="checkbox" name="memo_status" id="memo_status" checked> Check to show
										@else
											<input type="checkbox" name="memo_status" id="memo_status"> Check to show
										@endif
									</div>
									<button class="btn btn-warning pull-right hvr-rectangle-in" type="submit">Update Memo</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="modal fade" id="en_prev_model" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
					<h3><i class="fa fa-bell" aria-hidden="true"></i> @lang('word.latest_memo')</h3>
				</div>
				<div class="modal-body">
					<div id="en_prev" style="background: #fff;">
					<br>
					<p>@lang('msg.management')</p>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">@lang('word.close')</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade" id="zh_prev_model" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
					<h3><i class="fa fa-bell" aria-hidden="true"></i> @lang('word.latest_memo')</h3>
				</div>
				<div class="modal-body">
					<div id="zh_prev" style="background: #fff;">
					<br>
					<p>@lang('msg.management')</p>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">@lang('word.close')</button>
				</div>
			</div>
		</div>
	</div>	
	
</section>
	<link rel="stylesheet" href="{{asset('css/sweetalert.css')}}">
	<script src="{{asset('js/sweetalert.min.js')}}"></script>
@endsection
@section('extra-script')
<script>
	jQuery('#memo_form').submit(function( event ) {
		jQuery.ajax({
			url:'{{route("admin.memo.submit")}}',
			type:'POST',
			data: $('#memo_form').serialize(),
			success:function(data){
				if(data.erno=="200" || data.erno==200){
					swal("Message", "Memo updated successfully.", "success");
				}
				else{
					swal("Message", "Error to update memo.", "error");
				}
			}
		});
		event.preventDefault();
	});
	$(function() {
		$("#en_memo_content").wysihtml5({
			toolbar: {
				custom1: !0
			},
			customTemplates: {
				custom1: function(n) {
					return "<li><a class='btn btn-info' id='btn_en_prev'>Preview</a></li>"
				}
			}
		});
		$("#ch_memo_content").wysihtml5({
			toolbar: {
				custom1: !0
			},
			customTemplates: {
				custom1: function(n) {
					return "<li><a class='btn btn-info' id='btn_zh_prev'>Preview</a></li>"
				}
			}
		})
	}), $(document).on("click", "#btn_en_prev", function() {
		$("#en_prev").html($("#en_memo_content").val()), $("#en_prev_model").modal()
	}), $(document).on("click", "#btn_zh_prev", function() {
		$("#zh_prev").html($("#ch_memo_content").val()), $("#zh_prev_model").modal()
	});
</script>
@endsection