@extends('layouts.admin')

@section('page-header')
Notice
@endsection


@section('content')
	<!-- Summernote CSS  -->
    <link rel="stylesheet" type="text/css" href="/vendor/plugins/summernote/summernote.css">
	<style>
	.note-editable p {margin-bottom:0px;}
	</style>

	<form class="form-horizontal" method="post" role="form">
	  <div class="form-group">
		<label for="title" class="col-lg-3 control-label">Title</label>
		<div class="col-lg-8">
		  <div class="bs-component">
			<input type="text" id="title" class="form-control" placeholder="" value="{{ isset($board->title) ? $board->title : '' }}">
		  </div>
		</div>
	  </div>
	  <div class="form-group">
		<label class="col-lg-3 control-label" for="content">Content</label>
		<div class="col-lg-8">
			<div class="summernote" id="content" style="height: 400px;">{!! isset($board->content) ? $board->content : '' !!}</div>
		</div>
	  </div>
	  <hr class="short alt">
	  @if(isset($board))
	  <div class="form-group">
		<div class="col-lg-8 col-lg-offset-3">
		  <div style="position:absolute;left:11px;">
		    <a href="/admin/board/{{ $page['sub_menu'] }}{{ Request::has('b_q') ? '?'.Request::input('b_q') : '' }}" type="button" class="btn btn-default">List</a>
		  </div>
		  <div class="text-right">
			<button id="btn_delete" type="button" class="btn btn-default">Delete</button>
			<button id="btn_modify" type="button" class="btn btn-primary">Modify</button>
		  </div>
		</div>
	  </div>
	  @else
	  <div class="form-group">
		<div class="col-lg-8 col-lg-offset-3">
		  <div style="position:absolute;left:11px;">
		    <a href="/admin/board/{{ $page['sub_menu'] }}{{ Request::has('b_q') ? '?'.Request::input('b_q') : '' }}" type="button" class="btn btn-default">List</a>
		  </div>
		  <div class="text-right">
			<button id="btn_write" type="button" class="btn btn-primary">Write</button>
		  </div>
		</div>
	  </div>
	  @endif
	</form>
@endsection


@section('script')
  <!-- Summernote Plugin -->
  <script src="/vendor/plugins/summernote/summernote.min.js"></script>
  <!-- Page Javascript -->
  <script type="text/javascript">
  jQuery(document).ready(function() {


    // Init Summernote Plugin
    $('#content').summernote({
      height: 255, //set editable area's height
      focus: false, //set focus editable area after Initialize summernote
      oninit: function() {},
      onChange: function(contents, $editable) {},
    });

	$('#btn_write').on('click', function() {
		$.post('/api/board/{{ $page['sub_menu'] }}', 
			{'title':$('#title').val(), 'content':$('#content').code()}, function() {
				alert('Success write.');
				location.href = '/admin/board/{{ $page['sub_menu'] }}';
			})
		.fail(function( a ) {
			alert(a.responseJSON.msg);
		}, 'json');
	});

	@if(isset($board))
	$('#btn_modify').on('click', function() {
		$.ajax({
			method: "put",
			url: "/api/board/{{ $board->category }}/{{ $board->id }}",
			data: {'title':$('#title').val(), 'content':$('#content').code()}
		})
		.done(function( msg ) {
			alert('Success Modify.');
		})
		.fail(function( a ) {
			alert(a.responseJSON.msg);
		});
	});

	$('#btn_delete').on('click', function() {
		if(confirm('정말 삭제하시겠습니까?')) {
			$.ajax({
				method: "delete",
				url: "/api/board/{{ $board->category }}/{{ $board->id }}"
			})
			.done(function( msg ) {
				alert('Delete Ok.');
				location.href = '/admin/board/{{ $board->category }}{{ Request::has('b_q') ? '?'.Request::input('b_q') : '' }}';
			})
			.fail(function( a ) {
				alert('fail');
			});
		}
	});
	@endif
	

  });
  </script>
@endsection