@extends('layouts.app')
@section('content')
<div class="container">
   <div class="row">
      <div class="col-md-4 col-sm-12 " style="text-align: center"  >
         <h6>輸出 Excel  : </h6>
         <a href="{{url('/goexcel/All')}}" class="btn btn-default">全部</a>
         <a href="{{url('/goexcel/DV')}}" class="btn btn-default">DV</a>
         <a href="{{url('/goexcel/KEYPO')}}" class="btn btn-default">KEYPO</a>
         <hr>
      </div>
      <div class="col-md-4 col-sm-12 " style="text-align: center"  >
         <h6>排序依照 : </h6>
         @if($m=="level")
         <a href="level" class="btn btn-primary">等級</a>
         @else
         <a href="level" class="btn btn-default">等級</a>
         @endif
         @if($m=="budget")
         <a href="budget" class="btn btn-primary">預算</a>
         @else
         <a href="budget" class="btn btn-default">預算</a>
         @endif
         @if($m=="time")
         <a href="time" class="btn btn-primary">留言時間</a>
         @else
         <a href="time" class="btn btn-default">留言時間</a>
         @endif
         @if($m=="last_modify")
         <a href="last_modify" class="btn btn-primary">修改時間</a>
         @else
         <a href="last_modify" class="btn btn-default">修改時間</a>
         @endif
         <hr>
      </div>
      <div class="col-md-4 col-sm-12 " style="min-height: 120px;  text-align: center"    >

         <button style="display:inline-block;margin-top: 13px; background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;color:#777;" data-toggle="collapse" data-target="#adv-search"><h4 style="padding-bottom: 18px;color:#31B0D5;"> 進階篩選 <i class="fa fa-filter" aria-hidden="true"></i> </h4></button>

        <h4  style="display:inline-block;">\(´ω` )/</h4>


    <br>
         
         <div id="adv-search" class="collapse" style="border-left: 2px solid #efefef; border-right: 2px solid #efefef;">
           
            <form style="display:inline-block;text-align: left;" class="navbar-form" role="search" action="{{ url('/project/filter') }}" method="POST">
            {!! csrf_field() !!}
            <fieldset class="form-group" >
               <label for="exampleSelect1">客戶負責人</label>
               <select class="form-control"  name="user">
                  <option value='1' >N/A</option>
                  <option  value='7' >Reene</option>
                  <option  value='8'>Chris</option>
                  <option  value='2'>Chubby</option>
               </select>
            </fieldset>
            <hr class="style-six">
            <fieldset class="form-group" >
               <label for="exampleSelect1">客戶類型</label>
               <select class="form-control" id="exampleSelect1" name="type">
                  <option>N/A</option>
                  <option>DV</option>
                  <option>KEYPO</option>
               </select>
            </fieldset>
            <hr class="style-six">
            <fieldset class="form-group">
               <label for="exampleSelect1">專案等級</label>
               <select class="form-control" id="exampleSelect1" name="level">
                  <option>N/A</option>
                  <option>A</option>
                  <option>B</option>
                  <option>C</option>
                  <option>D</option>
                  <option>E</option>
                  <option>F</option>
                  <option>G</option>
               </select>
            </fieldset>
            <hr class="style-six">
            <fieldset class="form-group">
               <label  >成交狀態</label>
               <select class="form-control"   name="deal">
                  <option>N/A</option>
                  <option>回傳訂單</option>
                  <option>已付款</option>
                  <option>結案</option>
                  <option>長期追蹤</option>
                  <option>不聯絡</option>
                  <option>聯繫中</option>
               </select>
            </fieldset>
            <hr class="style-six">


            <fieldset class="form-group">
               <label  >排序依照</label>
               <select class="form-control"   name="odby">
                  <option>留言時間</option>
                  <option>修改時間</option>
                  <option>預算</option>
               </select>
            </fieldset>
            <hr class="style-six">


            
            <label  >時間區間</label>
            <div id="reportrange" class="pull-right" style="clear:both;background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
            

               <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
               <span></span> <b class="caret"></b>
            </div>

            <input type="hidden" id = "daterange-hidden" name="daterange-hidden" value="">
            <hr class="style-six">
            <button class="btn btn-info pull-right" id="filter-btn" style="margin-top: 5px;">查詢</button>
         </form>


         </div>
         
         <hr>
      </div>

      @foreach ($projects as $project)
             <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" style="background-color: #eee;padding-top: 20px;" >
         <div class="thumbnail thumbnail-beneficiary" style="border:5px solid {{$bcolor}}  ;min-height:{{$minheight}};padding:0px; font-family: '微軟正黑體'!important;">
            <div class="caption">
               <div class="col-md-6" style='background-color: {{ $dcolor}};color:#fff;height:40px;border:1px solid #eee;'>
                  <h6 style="font-size: 18px;font-family: '微軟正黑體'"> {{$project->type}}</h6>
               </div>
                <div class="col-md-6" style='background-color: {{ $dcolor}};color:#fff;height:40px;border:1px solid #eee;'>
                  <h6 style="font-size: 18px;font-family: '微軟正黑體'"> {{$project->deal}}</h6>
               </div>
                <div class="col-md-12" style='background-color:#666;color:#fff;height:40px;border:1px solid #eee'>
                  <h6 style="font-size: 14px;font-family: '微軟正黑體'"> 修改時間 : {{$project->updated_at}}</h6>
               </div>
               <div class="col-md-7" style='background:#fdff4d;color:#000;height:60px;border:1px solid #eee;'>
                  <h5 style="font-size: 16px;font-family: '微軟正黑體'">{{$project->company}}</h5>
               </div>
               <div class="col-md-5" style='height:60px;border:1px solid #eee'>
                  <h6 style="font-size: 14px;font-family: '微軟正黑體'"> 留言時間 : {{$project->comment_time}}</h6>
               </div>
            </div>
           
            <div class="caption">
               <div class="col-md-3" style='background-color: #efefef;padding-top: 2px;height:60px;border:1px solid #eee'>
                  @if($project->user_id==7)
                  <img src="{{ url('/sysimg/Reene.jpg')   }}" style="height: 50px;" class="  img-rounded" alt="Cinque Terre">
                  @elseif($project->user_id==8)
                  <img src="{{ url('/sysimg/Chris.png')   }}"  style="height: 50px;" class="  img-rounded" alt="Cinque Terre">
                  @elseif($project->user_id==2)
                  <img src="{{ url('/sysimg/Chubby.jpg')   }}" style="height: 50px;" class="  img-rounded" alt="Cinque Terre">
                  @elseif($project->user_id==19)
                  <img src="{{ url('/sysimg/boo.jpg')   }}" style="height: 50px;" class="  img-rounded" alt="Cinque Terre">
                  @else
                  <img src="{{ url('/sysimg/logo.png')   }}" style="height: 50px;" class="  img-rounded" alt="Cinque Terre">
                  @endif
               </div>
               <div class="col-md-3" style='height:60px;border:1px solid #eee'>
                  <h5 style="font-size: 16px;font-family: '微軟正黑體'"> 等級 {{$project->level}}</h5>
               </div>
               <div class="col-md-6" style='height:60px;border:1px solid #eee'>
                  <h6 style="font-size: 16px;font-family: '微軟正黑體'"> 聯絡人 : {{$project->contacter}}</h6>
               </div>
            </div>
            <div class="caption">
               <div class="col-md-4" style='height:60px;border:1px solid #eee'>
                  <h6 style="font-size: 14px;font-family:  '微軟正黑體'"> 職稱 : {{$project->job}}</h6>
               </div>
               <div class="col-md-8" style='height:60px;border:1px solid #eee'>
                  <h6 style="font-size: 14px;font-family: '微軟正黑體'"> 電話 :  {{$project->phone}}</h6>
               </div>
            </div>
            <div class="caption">
               <div class="col-md-12" style='height:60px;border:1px solid #eee'>
                  <h6 style="font-size: 14px;font-family: '微軟正黑體'">Email:  {{$project->email}}</h6>
               </div>
            </div>
            <div class="col-md-12" style='height:60px;border:1px solid #eee'>
               <a href="{{ url('project/'.$project->id) }}" class="btn btn-info">查看</a> 
               <a href="{{ url('project/'.$project->id.'/edit') }}" class="btn btn-success">修改</a>
               <a href="{{ url('project/'.$project->id.'/delete') }}" class="btn btn-danger">刪除</a>
            </div>
         </div>
      </div>
      @endforeach
   </div>
</div>
@endsection
@section('footer')
<script type="text/javascript">
   $(function() {
   
       var start = moment().subtract(29, 'days');
       var end = moment();
   
       function cb(start, end) {
           $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
       }
   
       $('#reportrange').daterangepicker({
           startDate: start,
           endDate: end,
           ranges: {
              'Today': [moment(), moment()],
              'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
              'Last 7 Days': [moment().subtract(6, 'days'), moment()],
              'Last 30 Days': [moment().subtract(29, 'days'), moment()],
              'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
           }
       }, cb);
   
       cb(start, end);


       $("#filter-btn").click(function(){
        

        var t  = $("#reportrange").text();
        t = $.trim(t);
        $("#daterange-hidden").val(t);
        console.log(t);
});
       
   });
</script>




@endsection