@extends('layout.list')

@section('title')
	{{$arcs['title']}}
@endsection

@section('top')
<section class="page-top">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<ul class="breadcrumb">
					<li><a href="#">首页</a></li>
					<li class="active">评测</li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<h2>文章详情</h2>
			</div>
		</div>
	</div>
</section>
@endsection

@section('content')
<div class="col-md-9">
	<div class="blog-posts single-post">

		<article class="post post-large blog-single-post">
			<div class="post-image">
				<div class="owl-carousel" data-plugin-options='{"items":1}'>
					<div>
						<div class="img-thumbnail">
							<img class="img-responsive" src="{{$arcs['pic']}}" alt="">
						</div>
					</div>
				</div>
			</div>

			<div class="post-date">
				<span class="day">{{substr($arcs['created_at'],8,2)}}</span>
				<span class="month">{{substr($arcs['created_at'],5,2)}}月</span>
			</div>

			<div class="post-content">

				<h2><a href="blog-post.html">{{$arcs['title']}}</a></h2>

				<div class="post-meta">
					<span><i class="fa fa-user"></i> <a href="#">{{getUsernameById($arcs['user_id'])}}</a> </span>
					<span><i class="fa fa-flag"></i> <a href="{{url('/list')}}?cate={{$arcs['cate_id']}}">{{$arcs['names']}}</a> </span>
					<span><i class="fa fa-eye"></i> {{$arcs['view']}} </span>
					<span><i class="fa fa-comments"></i>{{getTotalComment($arcs['id'])}}</span>
				</div>

				{!!$arcs['content']!!}

				<div class="post-block post-comments clearfix">
					<h3><i class="fa fa-comments"></i>评论({{getTotalComment($arcs['id'])}})</h3>

					<ul class="comments">
						<li>
						@foreach($comments as $k=>$v)
							<div class="comment">
								<div class="img-thumbnail">
									<img class="avatar" alt="" src="/1/img/0.jpg">
								</div>
								<div class="comment-block">
									<div class="comment-arrow"></div>
									<span class="comment-by">
										<strong>{{$v['username']}}</strong>
									</span>
									<p>{!!$v['content']!!}</p>
								</div>
							</div>
						@endforeach

						</li>
					</ul>

				</div>
				<!-- 引入编辑器js文件 -->
				<script type="text/javascript" charset="utf-8" src="/0/ueditor/ueditor.config.js"></script>
				<script type="text/javascript" charset="utf-8" src="/0/ueditor/ueditor.all.min.js"> </script>
				<script type="text/javascript" charset="utf-8" src="/0/ueditor/lang/zh-cn/zh-cn.js"></script>
				<!-- <p class="bg-success" style="padding:20px">评论成功!</p> -->
				<div class="post-block post-leave-comment">
					<h3>发表评论</h3>
					<form action="{{url('/comment/insert')}}" method="post">
						<div class="row">
							<div class="form-group">
								<div class="col-md-12">
								    <script name="content" id="editor" type="text/plain" style="width:780px;height:300px;">
								    </script>
<!-- 								    		<div class="editor_login" id="editorLogin">
												您需要登录后才能回复&nbsp;&nbsp;&nbsp;
												<a href="" class="">登录</a>
												<a>|</a>
												<a href="" class="">立刻注册</a>
											</div> -->
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
							{{csrf_field()}}
								<input type="hidden" name="article_id" value="{{$arcs['id']}}">
								<input type="submit" value="发表" class="btn btn-primary btn-lg" data-loading-text="Loading...">
							</div>
						</div>
					</form>
					<!-- 实例化编辑器 -->
					<script type="text/javascript">var ue = UE.getEditor('editor',{toolbars:[['source', 'undo','redo','bold','itilic','underline','forecolor'],]});</script>
				</div>

			</div>
		</article>
	</div>
</div>
@endsection