@extends('layout.basic_front')

@section("content")

  
            <div class="col-xs-12 home_video">

                <video preload="auto" loop="loop" autoplay="autoplay" id="pretzel-video" class="video-playing hidden-sm hidden-xs" style="min-width:100%;min-height:100%;position: relative;">
                      <source src="http://www.loisjeans.com/web2013/img/home/lois-SS2013-background-02.mp4" type="video/mp4">
                      <source src="http://www.loisjeans.com/web2013/img/home/lois-SS2013-background-02.mp4" type="video/webm">
                </video>
                
                <div class="home_video_text text-center">
                   
                    <span style="clear:both;font-weight:100;font-size:18px;    display: block;margin-top:50px;color:#fff;">成名不僅僅只有十五分鐘</span>
                </div>
            </div>



<script>


$(function(){
                $(window).resize(function(){    
                    video_height = $(window).height();

                    video_text_left = ($('.home_video').width() - $('.home_video_text').width())/2;
                    video_text_top = (video_height - $('.home_video_text').height())/2;

                    $('.home_video').height(video_height);

                    $('.home_video_text').css('left',video_text_left);
                    $('.home_video_text').css('top',video_text_top);
                });
                $(document).ready(function(){           
                    video_height = $(window).height();
                    video_text_left = ($('.home_video').width() - $('.home_video_text').width())/2;
                    video_text_top = (video_height - $('.home_video_text').height())/2;

                    $('.home_video').height(video_height);

                    $('.home_video_text').css('left',video_text_left);
                    $('.home_video_text').css('top',video_text_top);
                });
            });

</script>




        <div class="col-md-12 look_container" style="background-color: rgb(249, 247, 241);margin-top:-150px;padding-top: 50px;">
            
           

            <div class="container">
           
            <div class="col-md-12 text-center">
                <h1 style="font-size:32px;">為什麼要成為LOOKER?</h1>
                <!--<p style="font-size:16px;">190個國家的房東將旅行者迎入了家中，賺取收入的同時結識來自世界各地的朋友。</p>-->
                <div class="col-md-10 col-md-offset-1" style="padding-top:30px;">
                    <img style="width:100%;" src="{{ Asset('images/icons/be_looker.jpg') }}">
                    <div class="col-md-5">
                        <h3 style="font-size:18px;font-weight:bold;">成為獨一無二的LOOKER</h3>
                        <p>LOOKER即是LOOKNOW專屬女孩，只要你擅長分享自己的生活態度，都有機會成為LOOKER。</p>
                    </div>
                    <div class="col-md-5 col-md-offset-2">
                        <h3 style="font-size:18px;font-weight:bold;">賺取額外收入</h3>
                        <p>只要有廠商因為您的推廣受益，那麼您也可以獲得相對應的分紅。</p>
                    </div>
                    <div class="col-md-5">
                        <h3 style="font-size:18px;font-weight:bold;">更多的代言與曝光機會</h3>
                        <p>平台上的LOOKER有機會能登上知名雜誌，以及獲得品牌產品代言、活動出席、海外聯名的工作機會</p>
                    </div>
                    <div class="col-md-5 col-md-offset-2">
                        <h3 style="font-size:18px;font-weight:bold;">每月新產品免費試用</h3>
                        <p>每月獲得各品牌的新產品試用，獨家，而且完全免費</p>
                    </div>

                    <div class="col-md-12" style="margin:30px 0px;clear:both;">
                       <hr class="point reset">
                    </div>

                    <div class="col-md-12" style="clear:both;">
		    @if(Session::has('apply_success'))
                    <h2 style="font-size:32px;">LOOKER申請已送出，請等候通知!感謝您的申請!</h2>
		    @else
                    <h2 style="font-size:32px;">申請成為LOOKER</h2>
		    @endif

                    <div class="col-md-8 col-md-offset-2 text-left">
                      <form style="padding-bottom:30px;" action="{{URL::to('front/sendbelooker')}}">
                        <div class="form-group">
                          <input name ="apply_name"  type="text" class="form-control input-lg" placeholder="真實姓名" required>
                        </div>
                        <div class="form-group">
                          <input name="apply_phone" type="text" class="form-control input-lg" placeholder="聯絡手機" required>
                        </div>
                        <div class="form-group">
                          <input name="apply_mail" type="email" class="form-control input-lg" placeholder="聯絡E-MAIL" required>
                        </div>
                        <div class="form-group">
                          <input name="apply_url" type="text" class="form-control input-lg" placeholder="社群媒體連結:Instagram, Facebook, Youtube" required>
                        </div>
                        <div class="form-group">
                          <input name="apply_show" type="text" class="form-control input-lg" placeholder="代表作品">
                        </div>
                        <div class="form-group">
                            <select name="apply_who" class="form-control text-center input-lg" style="width:100%;">
                                  <option value="無">請選擇身份</option>
                                  <option value="高中生">高中生</option>
                                  <option value="大學生">大學生</option>
                                  <option value="研究生">研究生</option>
                                  <option value="上班族">上班族</option>
                                  <option value="其他">其它</option>
                               
                            </select>
                        </div>
                        
                        
                        <button type="submit" class="btn btn-default social_btn" style="height:45px;">申請成為LOOKER</button>
                      </form> 
                  </div>
                  </div>




                </div>
            </div>
            

            

                    
                    


           









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


@stop