@extends('layout.basic_front')

@section("content")
        <!--start contain -->
    <div class="col-md-12 look_container" style="padding-bottom:100px;">    
        <div class="col-md-10 col-md-offset-1">
            <div class="row">
                <div class="col-md-3 page_title" style="padding-right:40px;">
                    <a href="{{URL::to('front/lookers')}}"><h2>LOOKER</h2><h2 style="margin-top:-10px;">INFO</h2></a>
                </div>

                <div class="col-md-6 text-center">
                    <div style="margin:30px 0px;">
                            <a href="#" >
                                {{ HTML::image($looker->photo,"",['class'=>"img-circle",'style'=>'width:100px;height:100px']) }}
                            </a>
                            <h1 style="clear:both;">{{$looker->name}}</h1>
                            <a class="" style="margin-bottom:15px;" 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-md-12">
			<div class="text_justify">
                        {{$looker->description}}
                        <br>
                        </div>

	 <div class="main_button col-xs-12 text-center" style="padding-top:50px;">

                       <!--div id="buynow" class="col-xs-4" style="margin-top:40px;"-->
                        @if($looker->buy_now != "")
                        <a class="info_btn  text-overflow" onclick="action('goShop','LOOKER','{{$looker->id}}')" href="{{$looker->buy_now}}" target="_blank"><img style="margin-bottom: 2px;" height="34" src="{{asset('images/icons/icon_store.png')}}" /><span class="like_count_button liked" id="like">SERVICE</span></a>   
                        @endif
                       <!--/div-->
                       <!--div id="website" class="col-xs-4" style="margin-top:40px;"-->
                        @if($looker->website != "")
                        <a class="info_btn text-overflow" onclick="action('goWeb','LOOKER','{{$looker->id}}')" href="{{$looker->website}}"target="_blank"><img style="margin-bottom: 2px;" height="34" src="{{asset('images/icons/icon_website.png')}}" /><span class="like_count_button">WEBSITE</span></a>                           
                        @endif
                       <!--/div-->
                       <!--div id="location" class="col-xs-4" style="margin-top:40px;"-->
                        @if($looker->location != "")
                        <a class="info_btn text-overflow" onclick="action('goStore','LOOKER','{{$looker->id}}')" href="{{$looker->location}}" target="_blank"><img style="margin-bottom: 2px;" height="34" src="{{asset('images/icons/icon_location.png')}}" /><span class="like_count_button">LOCATION</span></a>
                        @endif  
                       <!--/div-->
	</div>
                       <br>
                       <br>
                            <div class="col-md-12"  style="clear:both;">
                            @if($isfollow)
                            <a onclick="return (chk_login());" href="{{URL::to('front/actions/LOOKER/'.$looker->id.'/FOLLOW/'.$looker->id)}}" class="btn btn-default social_btn actived" style="margin-top:40px;clear:both;">
                               LOOK ME
                            @else    
                            <a onclick="return (chk_login());" href="{{URL::to('front/actions/LOOKER/'.$looker->id.'/FOLLOW/'.$looker->id)}}" class="btn btn-default social_btn unactive" style="margin-top:40px;clear:both;">
                               + LOOK ME
                            @endif
                            </a>
                            </div>

                            <div class="col-md-12 social_link" style="margin-top:40px;clear:both;">
                                @if($looker->Facebook_url != "")
                                <a href="{{$looker->Facebook_url}}"><img src="{{asset('images/icons/icon_fb_02.png')}}"></a>@endif
                                @if($looker->Instagram_url != "")
                                <a href="{{$looker->Instagram_url}}"><img src="{{asset('images/icons/icon_instagram.png')}}"></a>@endif
                                @if($looker->Youtube_url != "")
                                <a href="{{$looker->Youtube_url}}"><img src="{{asset('images/icons/icon_youtube.png')}}"></a>@endif
                            </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-12 looker_info_ban">
        <div class="col-md-4 col-md-offset-4 text-center">

            <div class="col-xs-6 left_wave">
                <a href="#post_tab" id ="posts_tab" ><p>Posts</p>
                <h2>{{$video_num}}</h2>
		</a>
            </div>
            <div id="follower" class="col-xs-6">
                <a href="#follow_tab"  id="followers_tab">
		<p>Followers</p>
                <h2>{{$looker->follow_num}}</h2>
		</a>
            </div>

        </div>
    </div>

        <!--end looker contain -->

        <div class="col-md-12 comments 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;">
                <!--article-->
	<div id="articles">
        @foreach($articles as $article)

            @if($_FRONTCONST["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' 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($_FRONTCONST["COL_COUNT"] % 3 ==0 || $_FRONTCONST["COL_COUNT"] == count($articles))
	            </div><br>
		@endif
				@endforeach
                <!-- end foreach-->

		@if($load_start != 'all')
	        <div class="col-xs-12 text-center text_wave" style="margin-top:50px;">
        	    <a href="{{URL::to('front/lookerinfo/'.$looker->id.'/'.$load_start)}}"><span>LOOK&nbsp;&nbsp;MORE</span></a>
	        </div>
		@endif
	</div> <!--id = article-->
<!--end all article-->
        
        <!-- follower -->
	<div id="follower" class="col-md-12">
	<div id="follower2">
		@foreach($followers as $follower)	
		<div class="follower_list text-center">
			 <a href="#">
			{{ HTML::image($follower->img_path,"",['class' => "img-circle",'style'=>'width:100%;']) }}
			</a>
                </div>
		@endforeach
            </div>
       </div>
        <!-- end follow -->
            </div>

        </div>
            
        </div>
        <!-- stop contain -->
<script>
function action(action,thisObject,object_id){
	location_url = "{{URL::to('front/actions')}}"+"/"+thisObject+"/"+object_id+"/"+action+"/"+object_id;
//	window.location.assign(location_url);
	$.get(location_url,{},function(isOK){
		if(isOK ==1)
			return true;
	});	
}
</script>
<script>
$(function(){
$('#follower2').fadeOut();
});
	$("#posts_tab").click(function(){
		$('#articles').fadeIn();
		$('#follower2').fadeOut();
	});	
	$("#followers_tab").click(function(){
		$('#articles').fadeOut();
		$('#follower2').fadeIn();
	});	
</script>
@stop