@extends('layouts/home/logined_new')

@section('title')
{{trans('common.title_user')}}
@endsection

@section('content')
<script src="{{URL::asset('assets/js/home/content_zoom.js')}}"></script>
<style>
.status-item ul{list-style:none;margin:0px;padding:0px;}
.status-item ul li.n{display:inline-block;font-size:16px;margin-right:10px;font-weight:bold;background:rgb(90,90,90);padding:8px 16px;cursor:pointer}
.status-item ul li:hover{}
.status-item ul li a{color:#fff}
.xz{background:rgb(30,30,30)}
</style>
<div class='user-ads'>
		<img src='{{Session::get('login_img')}}' style='width:100%;height:160px'>
</div>
<div id='user-child'>
<div class='mbx' style=''>
	<div style='float:left;width:55%'>
		<ul class="btn-list" style="font-size:14px;">
				<li class="spec_btn"><a href="{{URL('project/list/current')}}" style="">Current Campaign</a></li>
				<li class="spec_btn"><a href="{{URL('project/list/past')}}" style=""> &nbsp;&nbsp;Recent Campaign&nbsp;&nbsp; </a></li>
				<li style='display:inline-block'>
				<a href='{{URL('/tutorial')}}' target='_blank'><img src='/images/home/tut.png' style='position:relative;top:-4px'></a>
				</li>
		</ul>
	</div>
		<div class='search' style='float:right;width:45%;margin-top:30px'> 
		<div class="input-group" style='width:98%;margin-left:20px'>
               <input type="text" id='find_prj' name='find_prj' class="form-control" placeholder='Find a Campaign' style=''>
               <span class="input-group-btn">
                  <button class="btn btn-default btn-primary find-c" type="button">
                     >
                  </button>
               </span>
            </div><!-- /input-group -->
		</div>
	</div>
	<div style="border:1px solid rgb(51,51,51)"></div>
	
	<div class="content">
		<div class='status-item' style='margin-bottom:20px'>
		<ul >
		<li class='n'  style='@if($status == 2) background:rgb(30,30,30)  @endif'><a href='/users/signboard/2'>{{trans('common.user_signboard_status2')}}</a></li>
		<li class='n'  style='@if($status == 3) background:rgb(30,30,30)  @endif'><a href='/users/signboard/3'>{{trans('common.user_signboard_status4')}}</a></li>
			<li class='n' style='@if($status == 0) background:rgb(30,30,30)  @endif'><a href='/users/signboard/0'>{{trans('common.user_signboard_status1')}}</a></li>

			<li style='display:inline-block;font-size:16px;margin-left:400px;'>
		<form method='get' action='/users/signboard/0'>
		<input type='text' name='bn' placeholder='campaign name'>
		<button>Search</button>
		</form>
		</li>
		</ul>
		
		
		</div>
				
			<div class="tbl-list">
			
			<table class="table table-bordered" style="text-align: center;font-size:14px">
   <thead>
      <tr style="background:#f2fbff;">
          <th style='text-align:center'>Signboard Picture</th> 
         <th style='text-align:center'>{{trans('common.user_below_prj')}}</th>
         <th style='text-align:center'>{{trans('common.user_project_sn')}}</th>
         <th style='text-align:center'>{{trans('common.user_fix_time')}}</th>
       <!--  <th style='text-align:center'>{{trans('common.user_remove_time')}}</th>
        <th style='text-align:center'>{{trans('common.user_surplus_time')}}</th> -->
        <th style='text-align:center'>{{trans('common.act_status')}}</th>    
        <th style='text-align:center'>{{trans('common.user_act')}}</th>
      </tr>
   </thead>
   <tbody>
   @foreach($work_list as $k=>$v)
   <span style='display: none'>
   {{$sy_time = intval((strtotime('+2 month', strtotime($v->ads_created_at))-strtotime('now'))/(60*60*24))}}
      </span>
      <tr>
           <td style='vertical-align:middle' class='tp'>
           @if(!empty($v->thumb))
		   <a href='{{$v->thumb}}' target="_blank">
           <img style='width:40px;height:30px' src='{{ $v->thumb }}'>
		   </a>
           @else
           <img style='width:100px;max-width:100px' src='/images/home/nopic.jpg'>
           @endif
            <div id="pic{{$k}}" style="display:none;"><img src="{{$v->ads_pic}}" /></div>
           </td>
         <td style='vertical-align:middle'>{{$v->prj_name}}</td>
         <td style='vertical-align:middle'>{{$v->bn}}</td>
         <td style='vertical-align:middle'>{{date('Y-m-d',strtotime($v->ads_created_at))}}</td>
        <!--  <td style='vertical-align:middle'>{{date('Y-m-d H:i:s',strtotime('+2 month', strtotime($v->ads_created_at)))}}</td>
           <td style='vertical-align:middle;@if($sy_time<3)color:red @endif'>
           {{$sy_time>0?$sy_time:0}}
           </td>-->
           
         <td style='vertical-align:middle'>
         @if($v->ads_status == 1)
        {{trans('common.user_signboard_status2')}}
         @elseif($v->ads_status == 2)
				 installed
         @else
        {{trans('common.user_signboard_status4')}}
        @endif
         </td>
        <td style='vertical-align:middle'>
          @if($v->ads_status == 2)
			  @if(empty($v->is_message))
     	<a href='javascript:void(0);' class='remove' data='{{$v->id}}'>Request Sign Removal</a>
				  @else
					<span>Request Sent</span>
				  @endif
     	  @else
     	  -
     	  @endif
        </td> 
      </tr>
   @endforeach
   </tbody>
</table>
			</div>
			</div>
</div>
<script>
$('.remove').click(function(){
	var con = confirm(' Remove this signboard?');
	if(con)
	{
		var id = $(this).attr('data');
		 $.ajax({
		 url:"{{URL('users/sbremove')}}",
		 data:'_token={{csrf_token()}}&works_id='+id,
		 dataType:"JSON",
		 type:"POST",
		 success:function(data){
			 location.href='';
		 },
	
		});
 }
 else
{
	 return false;
}
})
$('.tp a').fancyZoom({scaleImg: true, closeOnClick: true});
</script>
@endsection