@extends('main')


@section('content')

<!---banner start here -->

 <section class="slider">
 
 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="item active"><img class="img-responsive"  src="images/pankaj_banner.jpg"alt="...">
          <div class="container">
            <div class="carousel-caption">
              <div class="row">
                <div class="col-md-12">
                  
    <div class="row">
          <div class="col-md-12">
          @if (Session::get('error_msg'))
              <div class="alert alert-danger clearfix">
                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                   <span aria-hidden="true">&times;</span>
                 </button>
                  {{Session::get('error_msg')}}
              </div>
          @endif
          @if (Session::get('succ_msg'))
              <div class="alert alert-success clearfix">
                 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                   <span aria-hidden="true">&times;</span>
                 </button>
                  {{Session::get('succ_msg')}}
              </div>
          @endif
          </div>
        </div>

										@if($content_text->count() > 0)
                                            @foreach($content_text as $text)
												@if($text->id==1)
													<h1>{{$text->title}}</h1>
													<p>{{ucwords($text->content)}}</p>
												 @endif
                                             @endforeach
                                        @endif
										
                  
                  <div class="videobtn-block">
                  <button class="btn video_btn">Watch Now <i class="fa fa-caret-right"></i></button>
                  
                  </div>
                  <div class="sign-login-btns">
                  <div class="btn-group">
                   @if (Auth::guest())
                  <a  href="{{url('user/login')}}"> <button class="btn hmlogin-btn">Sign In</button></a>
                      
                  <a  href="{{url('user/signup')}}"><button class="btn hmsignup-btn">Sign Up</button></a> 
                  @endif
                  
                  </div>
                  
                  </div>

                  <div class="slider_form">
                    <div class="row">
                      <div class="col-md-12 slider-search">
                          <form class="role" name="login" id="searchForm" action="{{url('/homesearch') }}" method="get">
                             <div class="input-group add-on">
                              <input type="hidden" name="_token" value="{{ csrf_token() }}">
                              <input type="text" class="form-control" placeholder="Search Talent" name="srch-term" id="srch-term" autocomplete="off">
    
                               <div class="input-group-btn">
                               <button class="btn btn-default" type="submit" name="search" value="search"><i class="glyphicon glyphicon-search"></i></button>
                              </div>
      
                           </div>
                         </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="slider_links">
        <ul>
          <li class="one"><span>Search Profiles</span>
            @if(Session::get('auth_selected_profile'))<a href="{{url('search')}}"  class="pull-right" type="button">@else<a href="{{url('user/login')}}" class="pull-right" type="button">@endif<img src="images/link_search.png" alt=""></a>
          </li>
          <li class=""><span>Upload Videos</span>
           @if(Session::get('auth_selected_profile'))<a href="{{url('videos')}}" class="pull-right" type="button">@else<a href="{{url('user/login')}}" class="pull-right" type="button">@endif<img src="images/link_upload.png" alt=""></a>
          </li>
          <li class=""><span>Contact Us</span>
           @if(Session::get('auth_selected_profile'))<a href="{{url('contact')}}" class="pull-right" type="button">@else<a href="{{url('user/login')}}" class="pull-right" type="button">@endif<img src="images/link_email.png" alt=""></a>
          </li>
        </ul>
      </div>
    </div>
 
 </section>
  
<div class="container">
 <section class="hm-content">
 <div class="hm-heading-block">
 @if($content_text->count() > 0)
                                            @foreach($content_text as $text)
												@if($text->id==2)
													<h1>{{$text->title}}</h1>  
													<p>{{ucwords($text->content)}}</p>
												 @endif
                                             @endforeach
                                        @endif
 </div>
 <section class="about_us">
    <div class="container">
      <div class="row">
        <div class="col-md-1 col-sm-1"></div>
        <div class="col-md-4 col-sm-4">
          <div class="talent">
            <div class="row">
              <div class="col-md-6 col-sm-6"><img src="images/talent_pic_1.png" class="img-responsive" alt="">
                <p>Show Talent</p>
              </div>
              <div class="col-md-6 col-sm-6"><img src="images/talent_pic_2.png" class="img-responsive" alt="">
                <p>Be Mentored</p>
              </div>
              <h3 class="col-md-12">Talent</h3>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-sm-6">
          <div class="org">
            <div class="row">
              <div class="col-md-4 col-sm-4"><img src="images/talent_pic_3.png" class="img-responsive" alt="">
                <p>Find Talent</p>
              </div>
              <div class="col-md-4 col-sm-4"><img src="images/talent_pic_4.png" class="img-responsive" alt="">
                <p>Showcase Businesses</p>
              </div>
              <div class="col-md-4 col-sm-4"><img src="images/talent_pic_5.png" class="img-responsive" alt="">
                <p>Raise Funding</p>
              </div>
              <h3 class="col-md-12">Organizations</h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
 
 
 
 
 
 </section>
 
 
</div>
<section class="profiles">
    <div class="container">
	
	
	
      <div class="row">
        <div class="col-md-6 col-sm-6">
            <span class="mostresent"><h3>Most Recent Design Talents.</h3></span>
            <span class="mostpopular"><h3>Most Popular Design Talents.</h3></span>
            <span class="mosttreand"><h3>Trending Design Talents.</h3></span>
        </div>
        <div class="col-md-6 col-sm-6">
          <ul>
            <li><a id="mostrec" class="btn btn-default home-tab-active" >Most Recent</a></li>
            <li><a id="mostpop" class="btn btn-default" >Most Popular</a></li>
            <li><a id="mostre" class="btn btn-default" >Trending</a></li>
          </ul>
        </div>
        <div class="clearfix"></div>
		<div class="mostresent">
       @if(count($data)>0)
              @foreach($data as $video)
		  <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic">  
             <!-- <img class="img-responsive" src="images/profile_pic.jpg" alt="">-->
                            <img src="{{$video->thumb_img}}" iframe-src ="https://player.vimeo.com/video/{{$video->path}}" view-id="{{$video->id}}" class="homeup{{$video->id}} img-responsive vid-img234">
              <!---->
               </div>
            <h4>{{$video->pro_name}}</h4>
            <p>{{$video->name}}</p>
          @if(Session::get('auth_selected_profile'))<a href="{{url('profiles/'.$video->profile_id)}}" class="more">@else<a href="{{url('searchprofiles/'.$video->profile_id)}}" class="more">@endif View Profile</a> <a class="link vidup" view-id="{{$video->id}}"><img src="images/profile_link.png" width="64" height="64" alt="" ></a> </div>
        </div>
         @endforeach
           @if(count($data)<$datacnt)<div class="clearfix"></div>
          <div class='rec_more_tal'> @if(Session::get('auth_selected_profile'))<a href="{{url('videos')}}" class="more">@else<a href="{{url('user/login')}}">@endif More Views</a></div>@endif
         @else
         <div class="col-md-3 col-sm-4">
          No Recent Videos Found
         </div>
        @endif
       <!-- <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
		<div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
        <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
		<div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
        <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
		<div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
        <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>-->
       
		</div>
		
		<div class="mostpopular">
		 @if(count($like_data)>0)
     @foreach($like_data as $video)
      <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic">  
             <!-- <img class="img-responsive" src="images/profile_pic.jpg" alt="">-->
                            <img src="{{$video->thumb_img}}" iframe-src ="https://player.vimeo.com/video/{{$video->assets_path}}" view-id="{{$video->id}}" class="homeup{{$video->id}} img-responsive vid-img234">
              <!---->
               </div>
            <h4>{{$video->pro_name}}</h4>
            <p>{{$video->name}}</p>
           @if(Session::get('auth_selected_profile'))<a href="{{url('profiles/'.$video->profile_id)}}" class="more">@else<a href="{{url('searchprofiles/'.$video->profile_id)}}" class="more">@endif View Profile</a> <a class="link vidup" view-id="{{$video->id}}"><img src="images/profile_link.png" width="64" height="64" alt="" ></a> </div>
        </div>
        @endforeach
        @if(count($like_data)<$likecnt) <div class="clearfix"></div>
        <div class='rec_more_tal'> @if(Session::get('auth_selected_profile'))<a href="{{url('mylikes/videos')}}" class="more">@else<a href="{{url('user/login')}}">@endif More Views</a></div>@endif
        @else
         <div class="col-md-3 col-sm-4">
          No Popular Videos Found
         </div>
        @endif
        
      <!--  <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
        <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>
        <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic"> <img class="img-responsive" src="images/profile_pic.jpg" alt=""> </div>
            <h4>Harshal Shah</h4>
            <p>Designer, Illustrator...</p>
            <a href="#" class="more">View Profile</a> <a class="link" href="#"><img src="images/profile_link.png" width="64" height="64" alt=""></a> </div>
        </div>-->
       
		</div>
		<div class="mosttreand">
		
        @if(count($trend_data)>0)
     @foreach($trend_data as $video)
      <div class="col-md-3 col-sm-4">
          <div class="profile">
            <div class="profile_pic">  
             <!-- <img class="img-responsive" src="images/profile_pic.jpg" alt="">-->
                            <img src="{{$video->thumb_img}}" iframe-src ="https://player.vimeo.com/video/{{$video->path}}" view-id="{{$video->id}}" class="homeup{{$video->id}} img-responsive vid-img234">
              <!---->
               </div>
            <h4>{{$video->pro_name}}</h4>
            <p>{{$video->name}}</p>
           @if(Session::get('auth_selected_profile'))<a href="{{url('profiles/'.$video->profile_id)}}" class="more">@else<a href="{{url('searchprofiles/'.$video->profile_id)}}" class="more">@endif View Profile</a> <a class="link vidup" view-id="{{$video->id}}"><img src="images/profile_link.png" width="64" height="64" alt="" ></a> </div>
        </div>
        @endforeach
        @if(count($trend_data)<$sharecnt) <div class="clearfix"></div>
        <div class='rec_more_tal'> @if(Session::get('auth_selected_profile'))<a href="{{url('share')}}" class="more">@else<a href="{{url('user/login')}}">@endif More Views</a></div>@endif
        @else
         <div class="col-md-3 col-sm-4">
          No Trending Videos Found
         </div>
        @endif

		</div>
     <div class="modal fade" id="homeup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
  <div class="modal-dialog">
    <div class="modal-content">
         <iframe src="" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen width="600" height="400" id="modal-iframe"></iframe>
      <div class="modal-footer video-model-foot">
        <button type="button" class="btn-close btn delete-btn clear_form pull-right" id="modal-close" >Close</button>
      </div>
    </div>
  </div>
</div>
		</div>
        </div>
      </div>    
  </section>

<section class="add">
    <div class="container">
      <div class="row">
        <div class="col-md-6 ">
          <h3>Free Ipad Air for every 100th user creating profile.</h3>
          <p>*while supplies last</p>
        </div>
        <div class="col-md-6 "> <img class="img-responsive" src="images/add_pic.png" alt=""> </div>
      </div>
    </div>
  </section>
  <section class="contact">
  
    <div class="row">
      <div class="col-md-6 col-sm-6">
        <div>
		@if($content_text->count() > 0)
                                            @foreach($content_text as $text)
												@if($text->id==3)
													<h4>{{$text->title}}</h4>
													<p>{{ucwords($text->content)}}</p>
												 @endif
                                             @endforeach
                                        @endif

        </div>
      </div>
      <div class="col-md-6 col-sm-6">
        <div class="form">
		<form method="post" id="newsignup" name="newsignup" action="user/signup">
          <input type="hidden" name="_token" value="{{csrf_token()}}">
		  <div class="form-group">
            <input type="text" name="fullname" id="fullname" class="form-control" placeholder="Full Name">
          </div>
          <div class="form-group">
            <input type="text" name="newemail" id="newemail" class="form-control" placeholder="Email Address">
          </div>
          <div class="form-group">
            <input type="password" id="newpassword" name="newpassword" class="form-control" placeholder="Password">
          </div>
          <button type="submit" class="form-control">Sign Up</button>
		  </form>
          <a href="#">Already a member?</a> 
		  
		  </div>
      </div>
    </div>
    </div>
  </section>
</div>
@endsection
@section('js')

<script src="{{asset('js/bootstrap-datepicker.js')}}"></script>
<script src="{{ asset('js/bootstrapValidator.min.js')}}"></script>
<script src="{{ asset('js/maskedinput/jquery.maskedinput.min.js')}}"></script>
<script src="{{ asset('js/validation.js')}}"></script>
@endsection