@extends('layouts.admin.master')
@section('style')
	<link rel="stylesheet" href="{{asset('assets/frontend/plugins/sky-forms-pro/skyforms/css/sky-forms.css')}}">
	<link rel="stylesheet" href="{{asset('assets/frontend/plugins/sky-forms-pro/skyforms/custom/custom-sky-forms.css')}}">
	<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	<style type="text/css">
	.inline-block{
		padding:0px;
		margin: 0px;
	}
	.border-0{
		border: 0px solid #bdbdbd !important;
	}
	.border-bottom-1{
		border-bottom: 1px solid #bdbdbd !important;
	}
	.ui-widget.ui-widget-content{
		width:250px;
	}
	.profilephoto img{
		width:200px;
	}
	header span{
		color: green;
	}

     #map_wrapper {
        height: 600px;
    }

	#map_canvas {
        width: 100%;
        height: 100%;
    }
    .img_status{
		width: 35px;
	}
	.table > tbody > tr > td,  .table > thead > tr > th{
		text-align: center;
     	vertical-align: middle;
	}
	th{
		padding: 10px;
		height: 40px;
		text-transform: uppercase;
		background-color: #80e5ff;
		color: #0088cc;
		font-size: 16px;
	}
	.search{
		margin-bottom: 5px;
		padding:10px;
		background-color: #e6eeff;
		border:1px groove orange;
	}
	.search .label{
		color:#0088cc;
		font-size: 14px;
	}
	.table > tbody > tr > td, .table > thead > tr > th{
		text-align: left;
	}


	
	</style>
@endsection
@section('content')
	<div id="content">
	<div class="wrapper">
		<div class="container" style="margin-top:20px;width:98%;background-color:white">
				
				<form action="{{ route('toilets.index') }}" id="sky-form5" class="sky-form" class="smart-form" method="get" enctype="multipart/form-data" >
				<div class="row search">
					<div class="col-lg-2">
						<label class="label">
									{{ $layout->label->search_by_title->title }} 											
						</label> 
	                      <input type="text" name="title" class="form-control" value="{{$searchField->title}}" placeholder="{{ $layout->label->search_by_title->title }}">	                   
					</div>
					<div class="col-lg-2">
						<label class="label">
									{{ $layout->label->toilet_standing->title }}										
						</label>
	                     <select value="{{$searchField->toilet_category}}"  class="form-control" name="toilet_standing" id="toilet_standing" onchange="return this.form.submit()" >
	                           <option value="" selected >{{$layout->label->please_select_below->title}}</option>
	                              @foreach($toilet_standing as $standing)
	                                   @if($searchField->toilet_category ==$standing->term_id)
	                                      <option value="{{$standing->term_id}}" selected >{{$standing->title}}</option>
	                                   @else
	                                      <option value="{{$standing->term_id}}">{{$standing->title}}</option>
	                                  @endif
	                              @endforeach
	                      </select>
	                      <i></i>	                  
					</div>
					<div class="col-lg-2">
						<label class="label">
									{{ $layout->label->provinces->title }}										
						</label> 
	                       <select class="form-control" value="{{$searchField->province_id}}" name='province_id' id="province_id" onchange="provinceTrigger()" >
	                           <option value="" selected >{{$layout->label->please_select_below->title}}</option>
	                           {{Helper::select_toilet_province($searchField->province_id)}}
	                      </select>
	                      <i></i>
					</div>
					<div class="col-lg-2">
						<label class="label">
									{{ $layout->label->districts->title }} 											
						</label> 
	                       <select class="form-control" value="{{$searchField->district_id}}" name='district_id' id="district_id" onchange="districtTrigger()" >
	                           <option value="" selected >{{$layout->label->please_select_below->title}}</option>	 
	                            {{Helper::select_toilet_district($searchField->province_id,$searchField->district_id)}}                          
	                      </select>
	                      <i></i>
					</div>
					<div class="col-lg-2">
						<label class="label">
									{{ $layout->label->communes->title }} 											
						</label> 
	                       <select class="form-control" value="{{$searchField->commune_id}}" name='commune_id' id="commune_id" onchange="communeTrigger()" >
	                           <option value="" selected >{{$layout->label->please_select_below->title}}</option>
	                            {{Helper::select_toilet_commune($searchField->district_id,$searchField->commune_id)}}   	                           
	                      </select>
	                      <i></i>
					</div>
					<div class="col-lg-2">
						<label class="label">
									{{ $layout->label->villages->title }} 											
						</label> 
	                       <select class="form-control" value="{{$searchField->village_id}}" name='village_id' id="village_id"  >
	                           <option value="" selected >{{$layout->label->please_select_below->title}}</option>	
	                            {{Helper::select_toilet_village($searchField->commune_id,$searchField->village_id)}}                              
	                      </select>
	                      <i></i>
					</div>

				</div>
				{{ csrf_field() }}
				</form>

				<span class="pull-right text text-primary">Total Score: {{$totalScore}} pt</span>
				<table class="table table-responsive table-hover table-collapsed table-bordered toilettable">					
					<thead>
						<tr>
						<th>ID</th>
						<th>Toilet Title</th>
						<th>{{ $layout->label->address->title }} 	</th>
						<th>{{ $layout->menu->winner_award->title }} 	</th>
						</tr>
					</thead>
					<tbody class="alignleft">
						@if(count($toilets)<=0)
							<tr>
								<td colspan="9">
									<img src="{{URL::asset('assets/admin/search_not_found.png') }}" style="width:400px">
								</td>
							</tr>
						@endif
						@foreach($toilets as $toilet)
							<tr>
								<td><code>#</code>{{$toilet->toilet_id}}</td>
								<td>
									<a target="_blank" href="/toilets/profile/{{encrypt($toilet->toilet_id)}}" >
									{{$toilet->toilet_title}}
									</a> <br/>
									<img src="http://pt.cambodiacleancity.gov.kh/google_qr.php?id={{$toilet->toilet_id}}" width="100px;height:100px">
									<br/>
									<p>[{{Helper::term_translate($toilet->toilet_category)}}]</p>

								</td>
								<td>	
									{{Helper::get_address('address_provincecity',$toilet->province_id)}}---
									{{Helper::get_address('address_district',$toilet->district_id)}}---
									{{Helper::get_address('address_commune',$toilet->commune_id)}}---
									{{Helper::get_address('address_village',$toilet->village_id)}}						
								</td>
								<td>	
									<ul class="list-group" style="background-color:red ">
										  <li class="list-group-item">
										  		<p class="text text-primary" style="font-weight:bold">+ {{ $layout->label->score_by_both->title }} :
													[{{number_format($toilet->TOTALSUM,2)}} %]
												</p>
										  </li>	
										  <li class="list-group-item">
										  		<p>- {{ $layout->label->score_by_mot->title }} :
													[{{number_format($toilet->SCOREBYMOT,2)}} %]
												</p>
										  </li>	
										  <li class="list-group-item">
										  		<p>- {{ $layout->label->score_by_voter->title }} :
										  			[{{number_format($toilet->SCOREBYVOTER,2)}} %]
												</p>
										  </li>													 
										   
										  
									 </ul>
								</td>
							</tr>
						@endforeach
						
					</tbody>
				</table>
				 <div class="col-lg-12" >
					<div class="col-lg-2">
						   <h5>Total Records:<b> {{$totalRecords}}</b></h5>
					</div>
					<div class="col-lg-3">
					
					</div>			
				</div>
					
		
							<!-- End Reg-Form -->
		</div>
			
	</div><!--end wrapper class-->
	</div>
	<!-- END MAIN CONTENT -->












<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">{{ $layout->system->system_title->title }}</h4>
        </div>
        <div class="modal-body">
          	<form id="new_term-frm" class="ajxfrm smart-form" data-validate="true" data-reload="true" method="post">
          	<input type="hidden"  name="cmd" value="winners">
          		{{csrf_field()}}
          		<input type="hidden"  class="id" name="id" />
          		<div class="row">
					<section class="col col-6 flexibled-error">
						<label class="label">
							{{$layout->label->pls_guide_status->title}} <code>*</code>
							@if($errors->has('status'))
								<div class="error-badge" id="for-status">
									{!! Helper::alert('danger', $errors->first('status')) !!}
								</div>
							@endif
						</label>
						<label class="select">
							<select class="input-sm border-0 border-bottom-1 status" name="status" >

								{!! Helper::empty_option() !!}
								{!! Helper::show_status() !!}
								
							</select><i></i>
						</label>
					</section>
				</div>	
        </div>
        <div class="modal-footer">        
          <button type="submit" name="save_detail" value="true" class="bt_save btn btn-default">
				{{ $layout->label->save->title }}
		  </button>
                  
        </div>
        </form>
      </div>      
    </div>
  </div>




@endsection
@section('script')

@include('backend.toilets.inc_toiletscript')
<script type="text/javascript">
	/*$("#toilet_standing").change(function() {
     this.form.submit();
	});*/
</script>
@endsection