@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: 50px;

		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;

	}





	

	</style>

@endsection

@section('content')

	<div id="content">

	<div class="wrapper">

		<div class="container" style="margin-top:20px;width:98%;background-color:white">

				<a class="btn btn-primary pull-right" href="{{$layout->menu->toilet_create->url}}"> <i class="fas fa-plus"></i> Add New	</a><hr/>

				<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-12">

						<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_type->title }}										

						</label>

	                     <select value="{{$searchField->toilet_type}}"  class="form-control" name="toilet_type" id="toilet_type" onchange="return this.form.submit()" >

	                           <option value="" selected >{{$layout->label->please_select_below->title}}</option>

	                              @foreach($toilet_type as $type)

	                                   @if($searchField->toilet_type ==$type->term_id)

	                                      <option value="{{$type->term_id}}" selected >{{$type->title}}</option>

	                                   @else

	                                      <option value="{{$type->term_id}}">{{$type->title}}</option>

	                                  @endif

	                              @endforeach

	                      </select>

	                      <i></i>	           

					</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();return this.form.submit()" >

	                           <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();return this.form.submit()" >

	                           <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();return this.form.submit()" >

	                           <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" onchange="return this.form.submit()" >

	                           <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>

				<table class="table table-responsive table-hover table-collapsed table-bordered toilettable">

					<thead>

						<tr>

						<th>ID</th>

						<th>Toilet Title</th>

						<th>Category</th>

						<th>{{ $layout->label->provinces->title }} 	</th>

						<th>{{ $layout->label->districts->title }} 	</th>

						<th>{{ $layout->label->communes->title }} 	</th>

						<th>{{ $layout->label->villages->title }} 	</th>

						<th>Active</th>

						<th>Action</th>

						</tr>

					</thead>

					<tbody>

					@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)

						@if($toilet->toilet_type==134)

							<tr>

						@else

							<tr style="background-color:#e6fff9">

						@endif

						

							<td>TID{{$toilet->id}}</td>

							<td>

								<a target="_blank" href="/xstand/{{$toilet->id}}" >

									{{$toilet->toilet_title}} <br/>[X-Stand]

								</a> 
								
								<a target="_blank" href="/xstands/{{$toilet->id}}" >

									 [TEST]

								</a>
								
								<br/>

								<img src="/google/{{$toilet->id}}" width="100px;height:100px">

							</td>

							<td>{{Helper::term_translate($toilet->toilet_category)}}</td>

							<td>{{Helper::get_address('address_provincecity',$toilet->province_id)}}</td>

							<td>{{Helper::get_address('address_district',$toilet->district_id)}}</td>

							<td>{{Helper::get_address('address_commune',$toilet->commune_id)}}</td>

							<td>{{Helper::get_address('address_village',$toilet->village_id)}}</td>

							<td>

								<center>

								<img class="img img-responsive img_status" src="{{URL::asset('assets/status')}}/{{$toilet->active}}.png"/>

								</center>

							</td>

							<td>

								<button onclick="mypopup('{{ encrypt($toilet->id)}}','{{$toilet->active}}')" 

										        			data-backdrop="static" data-keyboard="false"

										        			data-toggle="modal" data-target="#myModal" 

										        			 class="detail btn btn-primary btn-xs">

										        			<i class="fas fa-edit"></i> &nbsp;Authorized

								</button>

								@if($toilet->toilet_type==134)

								<a target="_blank" href="/mot_survey/{{encrypt($toilet->id)}}" class="btn btn-primary btn-xs">

									<i class="fas fa-retweet"></i> &nbsp;MOT Survey

								</a>

								@else

								<a target="_blank" href="/mot_survey_asean/{{encrypt($toilet->id)}}" class="btn btn-primary btn-xs">

									<i class="fas fa-retweet"></i> &nbsp;MOT Survey Asean

								</a>

								@endif

								<a target="_blank" href="{{ route('toilets.edit', encrypt($toilet->id)) }}" class="btn btn-primary btn-xs">

									<i class="fas fa-edit"></i> &nbsp;Edit

								</a>



								

								

								<form action="{{ route('toilets.destroy', encrypt($toilet->id)) }}" method="post" class="inline-block">

									{{ method_field('delete') }}

									{{ csrf_field() }}

									<button type="button" class="btn btn-danger btn-xs jscfm">

										<i class="fas fa-trash-alt"></i> &nbsp;Delete

									</button>

								</form>





							</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">

						{!! $toilets->appends(Input::except('page'))->links() !!}

					</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="toilets">

          		{{csrf_field()}}

          		<input type="hidden"  class="id" name="id" />

          		<div class="row">

					<section class="col col-6 flexibled-error">

						<label class="label">

							{{$layout->label->please_select_below->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>



<script type="text/javascript">

		  function mypopup(id,active) {	

		  	// $('.guide_id').prop('disabled', false);

	        $(".id").val(id);

	        // $('.status option[value="'+active+'"]').attr("disabled", true);	

	        	      

	    } 

	

	</script>

@endsection