@extends('layout.basic_front')

@section("content")
        <!-- start contain -->
    <div class="col-md-12" style="padding-bottom:100px;">    
        <div class="col-md-10 col-md-offset-1">
            <div class="row">
                


                <div class="col-md-10 col-md-offset-1 text-center">
                    <div class="search_result" style="margin:30px 0px;">
                            
                            <h1 style="clear:both;">"{{$search_content}}"的搜尋結果</h1>
                            <span>{{count($brands)}} Brands</span><span>{{count($lookers)}} Lookers</span><span>{{count($articles)}} Videos</span>


                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="col-md-12 look_container">
            <div class="col-md-10 col-md-offset-1">
            <div class="col-md-10 col-md-offset-1 page_title" style="padding-bottom:20px;">
	@foreach($lookers as $looker)
	    @if($col_count % 3 ==1)
            <div class="row">
	    @endif
		<div class="window col-md-4">
		<!--looker-->
                        <div class="col-xs-12 post" style="float:left;">
                            <div class="col-xs-12 search_result_post" style="float:left;    padding: 20px 0px;">
                                <div class="col-xs-12 text-center">
                                    <h2 style="font-size:18px;">{{$looker->name}}</h2>
                                    <h2 style="font-size:18px;">LOOKERS</h2>
                                    <div class="col-xs-10 col-xs-offset-1 text-center">
					<a href="{{URL::to('front/lookerinfo/'.$looker->id)}}">
                                         {{ HTML::image($looker->photo,"",['class'=>"media-object img-circle img-responsive",'style'=>'width:100%;margin-bottom:20px;']) }}
					</a>
                                        <a href="#"><img style="margin-bottom: 2px;" height="16" src="{{asset('images/icons/icon_like_on.png')}}" /><span class="like_count">{{$looker->like_num}}</span></a>
                                        
                                    </div>
                                    <div class="col-xs-12 text-center">
                                        <p>{{$looker->description}}</p>
                                        <div id="post" class="col-xs-6">
                                            <p>Posts</p>
                                            <h2>{{$looker->post_num}}</h2>
                                        </div>
                                        <div id="follower" class="col-xs-6">
                                            <p>Follow</p>
                                            <h2>{{$looker->follow_num}}</h2>
                                        </div>
                            <a onclick="videoAction('LOOKER','{{$looker->id}}','FOLLOW','{{$looker->id}}');" id="LOOKER_FOLLOW_{{$looker->id}}" class="btn btn-default social_btn follow_btn unactive" style="width:100%;">   <!--追蹤-->
                                +LOOK ME
                                        </a>

                                    </div>
                                </div>
                            </div>
                        </div>
		<!--looker-->
                </div>

	    @if($col_count % 3 ==0)
            </div>
	    <br>
	    @endif
			@endforeach


	@foreach($brands as $brand)

	    @if($col_count % 3 ==1)
            <div class="row">
	    @endif

		<div class="window col-md-4">
		<!--Brand-->
                        <div class="col-xs-12 post" style="float:left;">
                            <div class="col-xs-12 search_result_post" style="float:left;    padding: 20px 0px;">
                                <div class="col-xs-12 text-center">
                                    <h2 style="font-size:18px;">{{$brand->name}}</h2>
                                    <h2 style="font-size:18px;">BRANDS</h2>
                                    <div class="col-xs-10 col-xs-offset-1 text-center">
					<a href="{{URL::to('front/brandinfo/'.$brand->id)}}">
                                         {{ HTML::image($brand->img_path,"",['class'=>"media-object img-circle img-responsive",'style'=>'width:100%;margin-bottom:20px;']) }}
					</a>
                                        <a href="#"><img style="margin-bottom: 2px;" height="16" src="{{asset('images/icons/icon_like_on.png')}}" /><span class="like_count">{{$brand->like}}</span></a>
                                    </div>
                                    <div class="col-xs-12 text-center">
                                        <p>{{$brand->description}}</p>
                                        <div id="post" class="col-xs-6">
                                            <p>Posts</p>
                                            <h2>{{$brand->post}}</h2>
                                        </div>
                                        <div id="follower" class="col-xs-6">
                                            <p>Follow</p>
                                            <h2>{{$brand->follow}}</h2>
                                        </div>
                            <a onclick="videoAction('BRAND','{{$brand->id}}','FOLLOW','{{$brand->id}}');" id="BRAND_FOLLOW_{{$brand->id}}" class="btn btn-default social_btn follow_btn unactive" style="width:100%;">   <!--追蹤-->
                                +LOOK ME
                                        </a>

                                    </div>
                                </div>
                            </div>
                        </div>
		<!--Brand-->
                </div>

	    @if($col_count % 3 ==0)
            </div>
	    <br>
	    @endif

			@endforeach
	@foreach($articles as $article)

	    @if($col_count % 3 ==1)
            <div class="row">
	    @endif

		<div class="window col-md-4">
                          <div class="post">
                            <div>
                                <div class="col-xs-2 narrow">
                                <a href="{{URL::to('front/lookerinfo/'.$article->blogger_id)}}">
                                     {{ HTML::image($article->blogger_img,"",['class' => "media-object img-circle img-responsive"]) }}
                                    <!--img class="media-object img-circle" src="../../images/head.jpg"-->
                                </a>

                                </div>
                                <div class="col-xs-6 narrow">
                                    <div style="margin-left:7px;">
                                        <p class="looker_name media-heading">{{$article->blogger_name}}</p>
                                        <p class="post_date">{{date("Y/m/d",strtotime($article->created_at))}}</p>
                                    </div>

                                </div>
                                <div class="col-xs-4 narrow">
                                    <a class='like' href="#like" onclick="oneAction('ARTICLE','{{$article->id}}','LIKE','{{$article->blogger_id}}');">
                                    <img id = "ARTICLE_{{$article->id}}" style="margin-bottom: 2px;" height="16" class="like_btn" src="{{asset('images/icons/icon_like_off.png')}}"/>
                                    <span class="like_count" id="like_{{$article->id}}">{{$article->likes}}</span>
				    </a>
                                </div>
                            </div>
				<div class="text-overflow">
                                    <a href="{{URL::to('front/video/'.$article->id)}}">
                            <span class="post_title">{{$article->title}}</span>
                                    </a>
				</div>
                                    <a href="{{URL::to('front/video/'.$article->id)}}">
                           <div class="screen">
                                <div class="product">
                                    {{ HTML::image($article->img_path,"",['style'=>'width:100%;']) }}

                                     <img  class="newest_post" src="{{asset('images/icons/new_bg.png')}}">
                                    <!--img src="../../images/product.jpg"-->
                                </div>
                                <div class="cover">
                                    <img style="margin-top: 45%;"   src="{{asset('images/icons/logo_white.png')}}" />
                                </div>
                            </div>
                                    </a>
                          </div>
                        </div>
<!---->
	    @if($col_count % 3 ==0)
            </div>
	    <br>
	    @endif

			@endforeach
            </div>
          </div>

        </div>
        <!--div class="container inline-content">
            <a href="#" class="btn btn-default">MORE</a>
        </div-->

        <!--stop contain-->

@stop