@extends('layouts.admin')

@section('page-header')
Free Board
@endsection


@section('content')
<style>
/* BLOG ARTICLE */
.blog h2 {
  font-weight: 700;
}
.blog h5 {
  margin: 0 0 5px 0;
}
.blog .btn {
  margin: 0 0 5px 0;
}
.article h1 {
  font-size: 48px;
  font-weight: 700;
  color: #2F4050;
}
.article p {
  font-size: 15px;
  line-height: 26px;
}
.article-title {
  text-align: center;
  margin: 40px 0 100px 0;
}
.article .ibox-content {
  padding: 40px;
}

/* Social feed */
.social-feed-separated .social-feed-box {
  margin-left: 62px;
}
.social-feed-separated .social-avatar {
  float: left;
  padding: 0;
}
.social-feed-separated .social-avatar img {
  width: 52px;
  height: 52px;
  border: 1px solid #e7eaec;
}
.social-feed-separated .social-feed-box .social-avatar {
  padding: 15px 15px 0 15px;
  float: none;
}
.social-feed-box {
  /*padding: 15px;*/
  border: 1px solid #e7eaec;
  background: #fff;
  margin-bottom: 15px;
}
.article .social-feed-box {
  margin-bottom: 0;
  border-bottom: none;
}
.article .social-feed-box:last-child {
  margin-bottom: 0;
  border-bottom: 1px solid #e7eaec;
}
.article .social-feed-box p {
  font-size: 13px;
  line-height: 18px;
}
.social-action {
  margin: 15px;
}
.social-avatar {
  padding: 15px 15px 0 15px;
}
.social-comment .social-comment {
  margin-left: 45px;
}
.social-avatar img {
  height: 40px;
  width: 40px;
  margin-right: 10px;
}
.social-avatar .media-body a {
  font-size: 14px;
  display: block;
}
.social-body {
  padding: 15px;
}
.social-body img {
  margin-bottom: 10px;
}
.social-footer {
  border-top: 1px solid #e7eaec;
  padding: 10px 15px;
  background: #f9f9f9;
}
.social-footer .social-comment img {
  width: 32px;
  margin-right: 10px;
}
.social-comment:first-child {
  margin-top: 0;
}
.social-comment {
  margin-top: 15px;
}
.social-comment textarea {
  font-size: 12px;
}
</style>
					<div class="pull-right">
						<a href="/admin/board/{{ $board->category }}{{ Request::has('b_q') ? '?'.Request::input('b_q') : '' }}" class="btn btn-white btn-xs" style="color:#676A6C;background:#fff;border:1px solid #e7eaec;">목록</a>
                        <a href="/admin/board/{{ $board->category }}/{{ $board->id }}/write{{ Request::server('QUERY_STRING') ? '?'.Request::server('QUERY_STRING') : '' }}" class="btn btn-white btn-xs" style="color:#676A6C;background:#fff;border:1px solid #e7eaec;">수정</a>
                        <button id="btn_delete" class="btn btn-white btn-xs" type="button" style="color:#676A6C;background:#fff;border:1px solid #e7eaec;">삭제</button>
                    </div>
                    <div class="text-center article-title">
                        <span class="text-muted"><i class="fa fa-clock-o"></i> {{ $board->created_at }}</span>
                        <h1>
							{{ $board->title }}
                        </h1>
                    </div>

                    <div>{!! $board->content !!}</div>

<!--
                    <hr>
                    <div class="row">
                        <div class="col-lg-12">

                            <h2>Comments:</h2>
                            <div class="social-feed-box">
                                <div class="social-avatar">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="http://fadmin.flybook.kr/bk/img/a1.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                            Andrew Williams
                                        </a>
                                        <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
                                    </div>
                                </div>
                                <div class="social-body">
                                    <p>
                                        Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                        default model text, and a search for 'lorem ipsum' will uncover many web sites still
                                        default model text.
                                    </p>
                                </div>
                            </div>
                            <div class="social-feed-box">
                                <div class="social-avatar">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="http://fadmin.flybook.kr/bk/img/a2.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                            Michael Novek
                                        </a>
                                        <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
                                    </div>
                                </div>
                                <div class="social-body">
                                    <p>
                                        Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                        default model text, and a search for 'lorem ipsum' will uncover many web sites still
                                        default model text, and a search for 'lorem ipsum' will uncover many web sites still
                                        in their infancy. Packages and web page editors now use Lorem Ipsum as their
                                        default model text.
                                    </p>
                                </div>
                            </div>
                            <div class="social-feed-box">
                                <div class="social-avatar">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="http://fadmin.flybook.kr/bk/img/a3.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                            Alice Mediater
                                        </a>
                                        <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
                                    </div>
                                </div>
                                <div class="social-body">
                                    <p>
                                        Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                        default model text, and a search for 'lorem ipsum' will uncover many web sites still
                                        in their infancy. Packages and web page editors now use Lorem Ipsum as their
                                        default model text.
                                    </p>
                                </div>
                            </div>
                            <div class="social-feed-box">
                                <div class="social-avatar">
                                    <a href="" class="pull-left">
                                        <img alt="image" src="http://fadmin.flybook.kr/bk/img/a5.jpg">
                                    </a>
                                    <div class="media-body">
                                        <a href="#">
                                            Monica Flex
                                        </a>
                                        <small class="text-muted">Today 4:21 pm - 12.06.2014</small>
                                    </div>
                                </div>
                                <div class="social-body">
                                    <p>
                                        Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                        default model text, and a search for 'lorem ipsum' will uncover many web sites still
                                        in their infancy. Packages and web page editors now use Lorem Ipsum as their
                                        default model text.
                                    </p>
                                </div>
                            </div>


                        </div>
                    </div>
-->
@endsection


@section('script')

  <!-- Page Javascript -->
  <script type="text/javascript">
  jQuery(document).ready(function() {
	$('#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') : '' }}';
			});
		}
	});
  });
  </script>
@endsection