@extends('layout.basic_front')

@section("content")
        <!--LOOKER 資料-->
        <div class="container inline-content">
            <div class="row">
                <div class="col-md-6">
                    <h2>{{$category->title}}<br/>LOOKNOW</h2>
                </div>
                <div class="col-md-6">
                    <div class="media">
                        <div class="media-left">
			    <a href="{{URL::to('admin/front/lookerinfo/'.$looker->id)}}">
				{{ HTML::image($looker->photo,"",['class'=>"media-object img-circle",'style'=>'width:50px;height:50px']) }}
                                <!--img class="media-object" src="../../images/head.jpg"--><!--大頭照-->
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">{{$looker->name}}</h4>
                            <p>{{$looker->follow_num}} followers</p>
                        </div>
                        <div class="media-right">
			@if($isfollow)
                            <a href="{{URL::to('admin/front/actions/LOOKER/'.$article->blogger_id.'/FOLLOW/'.$article->blogger_id)}}" class="btn btn-primary">   <!--追蹤-->
                                FOLLOW
			@else
                            <a href="{{URL::to('admin/front/actions/LOOKER/'.$article->blogger_id.'/FOLLOW/'.$article->blogger_id)}}" class="btn btn-default">   <!--追蹤-->
                                +FOLLOW
			@endif
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 文章顯示 -->
        <div class="container">
            <div class="row">
                <div class="col-md-6">
			{{ HTML::image($article->img_path,"",['class' => "col-md-offset-4 col-md-8"]) }}
                    <!--img src="../../images/video.jpg" class="col-md-offset-4 col-md-8"-->
                </div>
                <div class="col-md-6">
                    <p>
                    <a href="{{URL::to('admin/article/like/'.$article->id.'/'.$article->blogger_id)}}"><span class="glyphicon glyphicon-heart"></span>{{$like_this}}</a>   <!--文章按讚人數-->

                    </p>   
                    <h1>{{$article->title}}</h1>   <!---文章title-->
                    <hr/>
			<p>{{$article->description}}</p>
                    <div>   <!--Tag -->
			@if(isset($article->tag1))
                        <span class="label label-default">{{$article->tag1}}</span>@endif
			@if(isset($article->tag2))
                        <span class="label label-default">{{$article->tag2}}</span>@endif
			@if(isset($article->tag3))
                        <span class="label label-default">{{$article->tag3}}</span>@endif
                    </div>
                    <div>
			@if($islike)
                        <a href="{{URL::to('admin/article/like/'.$article->id.'/'.$article->blogger_id)}}" class="btn btn-primary btn-lg">
			   <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Like
			@else
                        <a href="{{URL::to('admin/article/like/'.$article->id.'/'.$article->blogger_id)}}" class="btn btn-default btn-lg">
                            <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Like
			@endif
                        </a>
			@if($is_collect)
                        <a href="{{URL::to('admin/front/actions/ARTICLE/'.$article->id.'/COLLECT/'.$article->blogger_id)}}" class="btn btn-primary btn-lg">
			   <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span> 收藏
			@else
                        <a href="{{URL::to('admin/front/actions/ARTICLE/'.$article->id.'/COLLECT/'.$article->blogger_id)}}" class="btn btn-default btn-lg">
                            <span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span> 收藏
			@endif
                        </a>
                        <button type="button" class="btn btn-default btn-lg" onclick="share('{{URL::to('admin/article/comment/'.$article->id)}}','{{$article->id}}','{{$article->blogger_id}}');">
                            <span class="glyphicon glyphicon-share" aria-hidden="true"></span> 分享
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!--提及商品-->
        <div class="container">
            <div class="row">
                <div class="col-md-offset-2 col-md-8">
                    <img class="col-md-4" src="../../../images/product-480.jpg">
                    <div class="col-md-8">
                        <h2>PRODUCT TITLE</h2>
                        <p>product subname</p>
                        <div class="col-md-6">
                            <span>NT 580</span>
                        </div>
                        <div class="col-md-6">
                            <img src="../../../images/logo-180.jpg">
                        </div>
                    </div>
                    <div class="col-md-8">
                        <a href="#" class="btn btn-lg btn-block btn-default">Search Map</a>
                        @if(1)
                        <a href="#" class="btn btn-lg btn-block btn-default">Buy</a>
                        @endif
                    </div>
                </div>
            </div>
            <!--留言-->
            <div class="row">
                <div class="col-md-offset-2 col-md-8">
                    <!--foreach-->
		    @foreach($comments as $comment)
                    <div class="media well">
                        <div class="media-left">
                            <a href="#">
			{{ HTML::image($comment->img_path,"",['class' => "media-object  img-circle",'style'=>'width:50px;height:50px']) }}
                                <!--img class="media-object" src="../../images/head.jpg"-->
                            </a>
                        </div>
                        <div class="media-body">
			{{$comment->comment_content}}
                        </div>
                    </div>
		    @endforeach
                    <!--endforeach-->

                    <hr/>
                    <!--使用者留言-->
                    <div class="media">
                        <div class="media-left">
                            <a href="#">
			{{ HTML::image($userinfo->img_path,"",['class' => "media-object img-circle",'style'=>'width:50px;height:50px']) }}
                                <!--img class="media-object" src="../../images/head.jpg"-->
                            </a>
                        </div>
                        <div class="media-body">
		    	    {{ Form::open(array('action'=>'ArticleController@postNewcomment', 'class'=>'form-horizontal'))}}
 				    {{Form::hidden('article_id',$article->id)}}   
				    {{Form::hidden('blogger_id',$article->blogger_id)}}
				    {{Form::textarea('comment_content', null, array('placeholder'=> 'Write a comment...','class' => 'form-control','rows' =>'2'))}}  
				    <input type="submit" value="Send" class="btn btn-default"> 
			    {{Form::close()}}	
                        </div>
                    </div>
                </div>
            </div>
        <!--其他文章 指show 四份文章-->
        <div class="container">
            <h2>title</h2>
                <div class="row">
                    <!--foreach-->
		    @foreach($other_articles as $other_article)
                    <div class="window col-md-3">
                        <div class="media">
                            <div class="media-left">
				<a href="{{URL::to('admin/front/lookerinfo/'.$other_article->blogger_id)}}">
			{{ HTML::image($other_article->blogger_img,"",['class' => "media-object img-circle",'style'=>'width:50px;height:50px']) }}
                                    <!--img class="media-object img-circle" src="../../images/head.jpg"-->
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">{{$other_article->blogger_name}}</h4>
				{{date("d M Y",strtotime($other_article->created_at))}}
                            </div>
                            <div class="media-right">
                                <a href="{{URL::to('admin/article/like/'.$other_article->id.'/'.$other_article->blogger_id)}}"><span class="glyphicon glyphicon-heart"></span>
				{{$other_article->likes}}
				</a>
                            </div>
                        </div>
                        <a href="{{URL::to('admin/front/video/'.$other_article->id)}}">{{$other_article->title}}</a>
                        <div class="screen" style="width:250px;height:250px;">
				<a href="{{URL::to('admin/front/video/'.$other_article->id)}}">
                            <div class="product">
				{{ HTML::image($other_article->img_path,"",['class' => "media-object",'style'=>'width:250px;height:250px']) }}
                                <!--img src="../../images/product.jpg"-->
                            </div>
                            <div class="cover" style="width:250px;height:250px;">
        	                        <h4>生意盎然的夏日搭配！</h4>
	                                <hr/>
					<p>{{--{{$other_article->description}}--}} LOOKNOW</p>
                            </div>
				</a>
                        </div>
                    </div>
		@endforeach
		<!--endforeach-->
                </div>
        </div>

 <script>(function(d, s, id) {
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
   js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=558716530932928";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

 function share(url,article_id,blogger_id) {
   FB.ui({
     method: 'share',
     href: url,
   }, function(response){});
         action = "SHARE";
         location_url = "{{URL::to('admin/article/actions/')}}"+'/'+article_id+'/'+action +'/'+ blogger_id;
        window.location.assign(location_url);
 }


</script>
@stop

