@extends('layouts.master')

@section('content')
<!-- Include Admin Navigation Menu -->
@include('admin.navigation-menu')
<div class="container">
	<div class="white-title">
		<div class="row">
			<div class="col-xl-6" style="margin-top:7px;">
				<h3>Page Content Update</h3>
			</div>
			<div class="col-xl-6" style="margin-top:7px;">
				<a class="btn btn-lg btn-round btn-extempore-edit-story pull-right hidden-xs d-none d-sm-block retina-fix" href="{{url('admin/page-contents')}}"><i class="fa fa-arrow-left"></i>&nbsp;&nbsp;Back to Page Contents</a>
				<a class="btn btn-sm btn-round btn-extempore-edit-story pull-right visible-xs d-block d-sm-none retina-fix" href="{{url('admin/page-contents')}}"><i class="fa fa-arrow-left"></i>&nbsp;&nbsp;Back to Page Contents</a>
			</div>
		</div>
	</div>
	@include('common.alerts')

	<div class="row main-panel main-panel-setting_ extempore_no_margin">
	   	<div class="col-sm-12 main-panel-content mb-20" style="padding-top: 25px;">
			<form method="POST" action="{{url('admin/page-content/update')}}/{{$page_content->id}}">
	            {!! csrf_field() !!}
				<div class="content">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label>ID</label>
								<input type="text" value="{{ $page_content->id }}" name="" class="form-control" disabled="" />
								<input type="hidden" value="{{ $page_content->id }}" name="id" class="form-control">
							</div>  
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label>Content</label>
								<textarea name="content" class="form-control addPageContent" rows="10">{{ $page_content->content }}</textarea>
							</div>  
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<button class="btn btn-extempore-edit-story">Update</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>	
</div>
@stop

@section('scripts')
	<script type="text/javascript">
		$(document).ready(function() {
		hs.summernote.init('.addPageContent', {
			toolbar: [
				['style', ['style', 'bold', 'italic', 'underline']],
				['fontname', ['fontname']],
				['fontsize', ['fontsize']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['link', ['link']],
				['insert', ['picture']],
				['mics', ['codeview']]
			],
			codemirror: {
				lineNumbers: true
			},
			hint: {
			    	words: ['{password}', '{email}'],
			    	match: /({\w*)$/,
			    	search: function (keyword, callback) {
		    			callback($.grep(this.words, function (item) {
		    				return item.indexOf(keyword) === 0;
		    			}));
		    		}
			}
		});	
		
	});
	</script>
@stop

@section('codemirrorjs')
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js"></script>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js"></script>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>
@endsection

@section('codemirrorcss')
	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css">
	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css">
@endsection