@extends('layouts.master')

 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

@push('cssCode')
 <style type="text/css">





.uploadProfileImage{

/*background: rgba(170, 201, 177, .7);*/

    height: 100px;

    width: 100px;

    margin: 0px auto;

    background-size: cover;

   /* border-radius: 50%;*/

    z-index: 2;

    overflow: hidden;

    border: 2px solid #fff;

    cursor: pointer;

}



#top{

  margin-top: 10px;

}



.col-sm-2{

  margin-top:15px;

}

 .switch {

  position: relative;

  display: inline-block;

   width: 52px;
    height: 27px;
}
.switch input {display:none;}

.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}
.slider:before {

  position: absolute;

  content: "";

height: 20px;
    width: 20px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}



input:checked + .slider {

  background-color: #2196F3;

}



input:focus + .slider {

  box-shadow: 0 0 1px #2196F3;

}



input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}



/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}

  </style>


<style>
.clientTable{
	margin:20px auto;
	font-size:15px;
	font-weight: bold;
}

.clientTable tr td{
	padding: 4px;
	/* text-align: center; */
}
.nav-tabs li.active a{
	background-color: #41B3AB !important;
	color: #ffffff !important;
}
table td .btn{
	margin-right: 0px !important;
}
.text-right-width{
	text-align: right;
	width: 50%;
}
.profile-img{
	width: 150px;
    margin: 20px auto;
    border: 3px solid #000000;
    height: 150px;
}
.dataTables_wrapper .dataTables_length {
	float: right;
	display: none;
}
.dataTables_wrapper .dataTables_filter {
	float: left;
	text-align: left;
}
/*.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0;
}*/
.manage-line{
border: .5px solid gray;
    left: 0px;
    margin-left: 3%;
    top: 71px;
    width: 92%;
    margin-right: 46%;
}


.tab-content
{
	padding:10px;
}

</style>
@endpush

@section('content')
        <div    id="waypoints_handle" class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
                <h3>Manage Waypoints</h3>                
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="">
                  <div class="">
                   <div class="btn btn-primary pull-right" data-toggle = 'modal' data-target = '#addNew' style="border-radius:50px;"> <b>+</b> </div>


{{-- START ADD MODAL --}}
<div class="modal fade" id="addNew" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="modalLabel">Add New</h4>
			</div>

			  {{ Form::open(['route' => 'add_drive_mode', 'files' => true]) }}


			<div class="modal-body"> 
		
			<div class="col-md-6">
				<label >  Name :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="name" class="form-control"  placeholder="">
				</div>	
			</div>

        <div class="col-md-3">
				<label >  Active :</label>			
				<div style="padding: 5px;" class="form-group">
				 <label class="switch">
              <input type="checkbox" name="active"  value="1">
              <span class="slider round"></span>

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



			<div class="col-md-3">
				<label > Clear All:</label>			
				<div style="padding: 5px;" class="form-group">
				 <label class="switch">
              <input type="checkbox" name="clear_all"  value="1">
              <span class="slider round"></span>

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


			<hr class="manage-line">
        

			<div class="col-md-12">
<label >  Waypoint Type :</label>		
<div style="clear: both;"></div>
			
			<div class="col-md-4">	<label><input type="checkbox" checked="" name="mandatory_alert"  value="1" placeholder="">Navigation: Primary</label>
			</div>
			<div class="col-md-4">
				<label><input type="checkbox" name="secondary_alert"  value="1" placeholder="">Navigation: Secondary</label></div>
				<div class="col-md-4">
				<label><input type="checkbox" name="guidance_alert"  value="1" placeholder="">Navigation: Assistance</label></div>
			<div class="col-md-4">	<label><input type="checkbox" name="travel_alert"  value="1" placeholder=""> Alert</label></div>
			<div class="col-md-4">	<label><input type="checkbox" name="interest_alert"  value="1" placeholder="">Interest</label></div>
			<div class="col-md-4">	<label><input type="checkbox"  name="advertisement_alert"  value="1" placeholder="">Advertisement</label></div>
			</div>
			<div style="clear: both;"></div>

			<hr class="manage-line">




<button id="add" type="button"><i class="fa fa-plus"></i></button>


  <ul id="nav-tab" class="nav nav-tabs">
  
    <li class="active"><a data-toggle="tab" href="#home">GPS-1</a></li>
   
  </ul>

  <div id="tab-content" class="tab-content">
    <div id="home" class="tab-pane fade in active">
    		
			<div class="col-md-6">
				<label >  GPS Lat :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="latitude[]" class="form-control"  placeholder="">
				</div>	
			</div>
				<div class="col-md-6">
				<label >  GPS Long :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="longitude[]" class="form-control"  placeholder="">
				</div>	
			</div>
			

			<div class="col-md-6">
				<label >  GPS radius (meters) :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="radius[]" class="form-control"  placeholder="">
				</div>	
			</div>



      <div class="col-md-6">
				<label > Is Continous :</label>			
				<div style="padding: 5px;" class="form-group">
			
							<div class="checkbox">
 							   <label><input id="check_continous1" name="iscontinous[]" type="checkbox" value="True" onchange="valueChanged(1)" checked> Is Continous :</label>
							
							</div>					
				</div>	
			</div>

   
   
   
    </div>
   



</div>


			<hr class="manage-line">
<div class="col-md-12">
				<label >  Travel Direction :</label>			
				<div style="padding: 5px;" class="form-group">
				

				<select name="travel_direction"  class="form-control">
						<option value="">Select</option>

						
						<option value="WB">WB</option>
						<option value="EB">EB</option>
						<option value="Any">Any</option>


					</select>



				</div>	
			</div>


<hr class="manage-line">

<div class="col-md-12">
				<label >  PLAY SOUND :</label>	
<div style="clear: both;"></div>

				<div class="form-group col-md-6">
				 <label class="switch">

              <input type="checkbox" name="play_sound"  class="play_sound"   id="play_sound" value="1">

              <span class="slider round"></span>

           		 </label>
				</div>

				<div class="form-group col-md-6 play_soundid"  id="play_soundid" style="display: none;">
					<select name="play_sound_id"  class="form-control">
						<option value="">Select</option>

						@foreach($play as $this_play)
						<option value="{{ $this_play->id }}">{{ $this_play->name }}</option>

						@endforeach

					</select>


				</div>

</div>



<hr class="manage-line">



<div class="col-md-12">
				<label >  Pop-up Title:</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="popup_title" class="form-control"  placeholder="">
				</div>	
			</div>
<div class="col-md-12">
						<label > Pop-up Message:</label>		
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="popup_text" class="form-control"  placeholder="">
				</div>	
			</div>

			<hr class="manage-line">

<div class="col-md-12">
				<label >  Canned Audio :</label>	
<div style="clear: both;"></div>

				<div class="form-group col-md-6">
				 <label class="switch">

              <input type="checkbox" name="canned_audio"  id="canned_audio" class="canned_audio" value="1">

              <span class="slider round"></span>

           		 </label>
				</div>

				<div class="form-group col-md-6 canned_audio_id"  id="canned_audio_id" style="display: none;">
				<label>First Audio</label>
					<select name="canned_audio_id1"  class="form-control">
						<option value="">Select</option>

						@foreach($canned as $this_play)
						<option value="{{ $this_play->id }}">{{ $this_play->name }}</option>

						@endforeach

					</select>
					<label>Second Audio</label>
					<select name="canned_audio_id2"  class="form-control">
						<option value="">Select</option>

						@foreach($canned as $this_play)
						<option value="{{ $this_play->id }}">{{ $this_play->name }}</option>

						@endforeach

					</select>
					<label>Third Audio</label>
					<select name="canned_audio_id3"  class="form-control">
						<option value="">Select</option>

						@foreach($canned as $this_play)
						<option value="{{ $this_play->id }}">{{ $this_play->name }}</option>

						@endforeach

					</select>


				</div>

</div>



<div style="clear: both;"></div>
<div class="col-md-12">
				<label >  Audio :</label>			
				<div style="padding: 5px;" class="form-group">
				 <input type="file" name="audio_file"   class="form-control"   value="" >
</div>
</div>

<hr class="manage-line">

<div class="col-md-12">
				<label > Navigation Image: Navigation</label>			
				<div  class="form-group">
				<select class="form-control" name="nav_image_name">
				<option value="">Select</option>
			  @foreach($nav as $user)
				
              <option value="{{$user->id}}">{{$user->nav_name}}</option>
               


	            @endforeach
  </select>
</div>
</div>


<div class="col-md-12">
				<label >Navigation Image: Directions</label>			
				<div style="padding: 5px;" class="form-group">
					 <input type="file" name="nav_image_direction"   class="form-control"   value="">
				</div>
</div>



<div class="col-md-12">
				<label >Navigation Image: Heads-Up</label>			
				<div style="padding: 5px;" class="form-group">
				 <input type="file" name="nav_image_heads_up"   class="form-control"   value="" >
                        
            

			</div>
</div>


<div class="col-md-12">
				<label >Navigation Image: Map</label>			
				<div style="padding: 5px;" class="form-group">
				 	<input type="file" name="nav_image_map"   class="form-control"   value="" >
				</div>
</div>



				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
			</div>
			{{ Form::close() }}
		</div>
	</div>
</div>
{{-- END ADD MODAL --}}




<script type="text/javascript">
  $(function () {
        $(".play_sound").click(function () {
            if ($(this).is(":checked")) {
                $(".play_soundid").show();
            } else {
                $(".play_soundid").hide();
            }
        });
    });

    $(function () {
        $(".canned_audio").click(function () {
            if ($(this).is(":checked")) {
                $(".canned_audio_id").show();
            } else {
                $(".canned_audio_id").hide();
            }
        });
    });

</script>

                    <div class="clearfix"></div>
					{{-- START ALERT BLOCK --}}
					@if(Session::has('successMessage'))
						<div class="alert alert-success" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('successMessage')) !!}
						</div>
					@endif
					@if(Session::has('dangerMessage') || count($errors))
						<div class="alert alert-danger" role="alert">
							<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
							{!! html_entity_decode(session('dangerMessage')) !!}
							{{ $errors->first() }}
						</div>
					@endif
					{{-- END ALERT BLOCK --}}
                  </div>
                  </div>
					<div class="table-responsive col-md-12">  
 
						
						  <table class="table table-striped">
						  <thead>
							<tr>
							  <th>Uid</th>
							 
							  <th>Name</th>
							  <th>Travel Direction</th>
							  <th>Status</th>
							  <th>Action</th>
							</tr>
						  </thead>
						  <tbody>
						  	
							@forelse($users as $user)
							<tr>							
							  <td>{{$user->id}}</td>
							  <td >	{{$user->name }}</td>		
							  <td>	{{$user->travel_direction }}</td>
							   <td>	@if($user->active == '1')
							   active
							   @else
							   --
							   @endif
							  
							   </td>		
							  <td>
								
								


  {!! html_entity_decode(link_to_route('del_drive_mode', '<i  class="fa fa-trash-o btn btn-danger btn-xs" aria-hidden="true"></i>', [$user->id], ['onclick' => 'return checkDelete()', 'title' => 'Delete'])) !!} 


<a href="#" class="fa fa-edit btn-success btn-xs"  data-toggle = 'modal' onclick="index_number(0,{{$user->id }});"     data-target = '#edit{{$user->id }}' title="Edit">
</a>

 





							  </td>
							
		
														
							</tr>
					  </tbody>	


			



{{-- START ADD MODAL --}}
<div  class="modal fade" id="edit{{$user->id }}"    tabindex="-1" role="dialog" aria-labelledby="modalLabel">
	<div class="modal-dialog modal-md" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="modalLabel">Edit</h4>
			</div>
			
			  {{ Form::open(['route' => 'edit_drive_mode', 'files' => true]) }}
			  <input type="hidden" id="edit_id" name="id" class="form-control" value="{{$user->id }}"  placeholder="">
		<div class="modal-body"> 
						<div class="col-md-6">
				<label >  Name :</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="name" class="form-control" value="{{$user->name }}"  placeholder="">
				</div>	
			</div>
<div class="col-md-3">
				<label >  Active :</label>			
				<div style="padding: 5px;" class="form-group">
				 <label class="switch">

              <input type="checkbox" name="active"  value="1"  @if($user->active == 1) checked="checked" @endif>

              <span class="slider round"></span>

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


			<div class="col-md-3">
				<label > Clear All:</label>			
				<div style="padding: 5px;" class="form-group">
				 <label class="switch">

              <input type="checkbox" name="clear_all"  value="1"  @if($user->clear_all == 1) checked="checked" @endif>

              <span class="slider round"></span>

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


			<hr class="manage-line">

			<div class="col-md-12">
<label > Waypoint Type:</label>		
<div style="clear: both;"></div>
			
			<div class="col-md-4">	<label><input type="checkbox" name="mandatory_alert"  value="1" placeholder=""   @if($user->mandatory_alert == 1) checked="checked" @endif > Navigation: Primary</label>
			</div>
			<div class="col-md-4">
				<label><input type="checkbox" name="secondary_alert"   @if($user->secondary_alert == 1) checked="checked" @endif value="1" placeholder="" > Navigation: Secondary</label></div>
				<div class="col-md-4">
				<label><input type="checkbox" name="guidance_alert"   @if($user->guidance_alert == 1) checked="checked" @endif value="1" placeholder="" > Navigation: Assistance</label></div>
			<div class="col-md-4">	<label><input type="checkbox"  @if($user->travel_alert == 1) checked="checked" @endif name="travel_alert"  value="1" placeholder=""> Alert</label></div>
			<div class="col-md-4">	<label><input type="checkbox"  @if($user->interest_alert== 1) checked="checked" @endif name="interest_alert"  value="1" placeholder=""> Interest</label></div>
			<div class="col-md-4">	<label><input type="checkbox"  @if($user->advertisement_alert == 1) checked="checked" @endif  name="advertisement_alert"  value="1" placeholder="">Advertisement</label></div>
			</div>
			<div style="clear: both;"></div>

			<hr class="manage-line">



		


		
		
		


		
		<select style="opacity:0" class="form_class" id="form_handle">
			   <option>Select</option>

			</select>
<div id="only">
		<ul id="drive_ul{{$user->id }}" class="nav nav-tabs drive_ul">

         </ul>

<div id="drive_tab_section{{$user->id }}" class="tab-content drive_tab">
  

</div><!---MAIN--->

</div>

		



<hr class="manage-line">

<div class="col-md-12">
				<label >  Travel Direction :</label>			
				<div style="padding: 5px;" class="form-group">
				

				<select name="travel_direction"  class="form-control">
						<option value="">Select</option>						
						<option value="WB"  @if($user->travel_direction == 'WB') selected="selected" @endif >WB</option>
						<option value="EB"  @if($user->travel_direction ==  'EB') selected="selected" @endif >EB</option>
						<option value="Any"  @if($user->travel_direction ==  'Any') selected="selected" @endif >Any</option>
					</select>
				</div>	
			</div>

	

<div class="col-md-12">
				<label >  PLAY SOUND :</label>	
<div style="clear: both;"></div>

				<div class="form-group col-md-6">
				 <label class="switch">

              <input type="checkbox" name="play_sound" class="play_sound"  id="play_sound" value="1" @if($user->play_sound == 1) checked="checked" @endif >

              <span class="slider round"></span>

           		 </label>
				</div>

				<div class="form-group col-md-6 play_soundid"  id="play_soundid"  @if($user->play_sound != 1)  style="display: none;" @endif >
					<select name="play_sound_id"  class="form-control">
						<option value="">Select</option>

						@foreach($play as $this_play)
						<option value="{{ $this_play->id }}"  @if($user->play_sound_id == $this_play->id) selected="selected" @endif >{{ $this_play->name }}</option>

						@endforeach

					</select>


				</div>

</div>
<hr class="manage-line">

<div class="col-md-12">
				<label >  Pop-up Title:</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="popup_title" class="form-control" value="{{$user->popup_title }}"   placeholder="">
				</div>	
			</div>
			<div class="col-md-12">
				<label > Pop-up Message:</label>			
				<div style="padding: 5px;" class="form-group">
				<input type="text" name="popup_text" class="form-control" value="{{$user->popup_text }}"  placeholder="">
				</div>	
			</div>
			<hr class="manage-line">
<div class="col-md-12">
				<label >  Canned Audio :</label>	
<div style="clear: both;"></div>

				<div class="form-group col-md-6">
				 <label class="switch">

              <input type="checkbox" name="canned_audio"  class="canned_audio"  id="canned_audio" value="1"  @if($user->canned_audio == 1) checked="checked" @endif >

              <span class="slider round"></span>

           		 </label>
				</div>

				<div class="form-group col-md-6 canned_audio_id"  id="canned_audio_id"   @if($user->canned_audio != 1)  style="display: none;" @endif >
					<label>First audio</label>
					<select name="canned_audio_id1"  class="form-control">
						<option value="">Select</option>

						@foreach($canned as $this_play)
						<option value="{{ $this_play->id }}"   @if($user->canned_audio_id1 == $this_play->id) selected="selected" @endif >{{ $this_play->name }}</option>

						@endforeach

					</select>

					<label>Second audio</label>
					<select name="canned_audio_id2"  class="form-control">
						<option value="">Select</option>

						@foreach($canned as $this_play)
						<option value="{{ $this_play->id }}"   @if($user->canned_audio_id2 == $this_play->id) selected="selected" @endif >{{ $this_play->name }}</option>

						@endforeach

					</select>

					<label>Third audio</label>
					<select name="canned_audio_id3"  class="form-control">
						<option value="">Select</option>

						@foreach($canned as $this_play)
						<option value="{{ $this_play->id }}"   @if($user->canned_audio_id3 == $this_play->id) selected="selected" @endif >{{ $this_play->name }}</option>

						@endforeach

					</select>

				</div>

</div>

<div style="clear: both;"></div>
<div class="col-md-12">
				<label >  Audio :</label>			
				<div style="padding: 5px;" class="form-group">
				 <input type="file" name="audio_file"   class="form-control"   value="" >
				</div>	


				@if(is_null($user->audio_file))
           
           @else
			<audio id="audio_here" style="float:left" controls>
  			<source src="{{ url('storage/drive_audio/'.$user->audio_file) }}" type="audio/ogg">
 			 <source src="{{ url('storage/drive_audio/'.$user->audio_file) }}" type="audio/mpeg">
  			Your browser does not support the audio tag.
			</audio>
			<i id="del_audio"  style="float:left;font-size:30px;margin:10px;" data-id="{{ $user->id }}" class="fa fa-trash"></i>
		   
		   @endif
		   
			
</div>
<hr class="manage-line">




		   

<div class="col-md-12">
				<label > Navigation Image: Navigation</label>			
				<div  class="form-group">
				
				<select class="form-control" name="nav_image_name">
				<option value="">Select</option>
				@foreach($nav as $this_play)
						<option value="{{ $this_play->id }}"   @if($user->nav_image_name == $this_play->id) selected="selected" @endif >{{ $this_play->nav_name }}</option>

						@endforeach
  </select>
</div>
</div>


<div class="col-md-12">
				<label >Navigation Image: Directions</label>			
				<div style="padding: 5px;" class="form-group">
				 <input type="file" name="nav_image_direction"   class="form-control"   value="" >
			     @if(is_null($user->nav_image_direction))
            <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar4 img-responsive" style="height: 100px; width: 100px;float:left;background:gray;padding:10px" />
           @else
            <img id="nav_d" src="{{ url('storage/drive_nav_image/'.$user->nav_image_direction) }}" alt="" class="avtar4 img-responsive" style="height: 100px; width: 100px;float:left;background:gray;padding:10px" />
           @endif

		   <i id="delRecord"  style="float:left;font-size:30px;margin:39px;" data-id="{{ $user->id }}" class="fa fa-trash"></i>

      

</div>
</div>

<div class="col-md-12">
				<label >Navigation Image: Heads-Up</label>			
				<div style="padding: 5px;" class="form-group">
				 <input type="file" name="nav_image_heads_up"   class="form-control"   value="" >
				 @if(is_null($user->nav_image_heads_up))
            <img  src="{{ url('images/logo/plus.png') }}" alt="" class="avtar4 img-responsive" style="height: 100px; width: 100px;float:left;background:gray;padding:10px" />
           @else
            <img id="nav_d2" src="{{ url('storage/drive_nav_image/'.$user->nav_image_heads_up) }}" alt="" class="avtar4 img-responsive" style="height: 100px; width: 100px;float:left;background:gray;padding:10px" />
           @endif
			
		  
		   <i id="delRecord2"  style="float:left;font-size:30px;margin:39px;" data-id="{{ $user->id }}" class="fa fa-trash"></i>



</div>
</div>


<div class="col-md-12">
				<label >Navigation Image: Map</label>			
				<div style="padding: 5px;" class="form-group">
				 <input type="file" name="nav_image_map"   class="form-control"   value="" >

				 @if(is_null($user->nav_image_map))
            <img  src="{{ url('images/logo/plus.png') }}" alt="" class="avtar4 img-responsive" style="height: 100px; width: 100px;float:left;background:gray;padding:10px" />
           @else
            <img  id="nav_d3" src="{{ url('storage/drive_nav_image/'.$user->nav_image_map) }}" alt="" class="avtar4 img-responsive" style="height: 100px; width: 100px;float:left;background:gray;padding:10px" />
           @endif

		   <i id="delRecord3"  style="float:left;font-size:30px;margin:39px;" data-id="{{ $user->id }}" class="fa fa-trash"></i>


</div>
</div>


</div>


				<center> {{ Form::submit('Save', ['class' => 'btn btn-primary']) }} </center>					
			</div>
			{{ Form::close() }}
		</div>
	</div>
</div>
{{-- END ADD MODAL --}}






						@empty							
						<tr> <td colspan="4" class="text-center">No Records Found.</td> </tr>
						@endforelse						
					</table>
				</div>                      
        
      </div>
    </div>
  </div>
</div>  	
	     




@endsection

@push('jsCode')

<script type="text/javascript">

function close_modal() {
    location.reload();
}


	$(document).ready(function(){
	
		$('#btn').click( function(){			
				alert('done');
			var category_name = $('$categoryName').value();
			$.ajax({
				 type: "POST",
				 data: 'category_name=' + 'category_name',
				 url: '{{ url("/") }}/add-category',
				 success: function(data){
				 	console.log(data);
				 }
			});
		});
	}); 
</script>
<style type="text/css">
	

 .switch {

  position: relative;

  display: inline-block;

   width: 52px;
    height: 27px;


}



.switch input {display:none;}

</style>
<script>


$.ajaxSetup({
			headers: {
				'X-CSRF-TOKEN': '{{ csrf_token() }}'
			}
		});

$(document).on('click', '.pagination li a', function(e){
	e.preventDefault();
	var url = $(this).attr('href');
	$('#searchForm').attr('action', url);
	console.log($('#searchForm').attr('action'));
	$('#searchForm').submit();
});

function checkInActive(){
	return confirm("Are you sure you want to Deactivate?");
}

function checkActive(){
	return confirm("Are you sure you want to Activate?");
}

function checkDelete(){
	return confirm("Are you sure you want to delete?");
}

$(document).ready(function(){
	disabledSearchBtn();
	
	$(document).on('change', '#searchForm select', function(){
		disabledSearchBtn();
	});
	
	$(document).on('keyup', '#searchForm input', function(){
		disabledSearchBtn();
	});
	
	function disabledSearchBtn(){
		var searchBtn = false;
		$('.filters').each(function(){
			if($(this).val() != ''){
				searchBtn = true;
				return true;
			}
		});
		
		if(searchBtn){
			$('#searchBtn').removeAttr('disabled');
		}
		else{
			$('#searchBtn').attr('disabled', true);
		}
	}
});


    
</script>


<script type="text/javascript">



 function uploadProfileImage1(fileInput) {

    if (fileInput.files && fileInput.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar1').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput.files[0]);

    }

  }   





 function uploadProfileImage2(fileInput2) {

    if (fileInput2.files && fileInput2.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar2').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput2.files[0]);

    }

  }   





 function uploadProfileImage3(fileInput3) {

    if (fileInput3.files && fileInput3.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar3').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput3.files[0]);

    }

  }   





function uploadProfileImage4(fileInput4) {

    if (fileInput4.files && fileInput4.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar4').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput4.files[0]);

    }

  }   





  function uploadProfileImage5(fileInput5) {

    if (fileInput5.files && fileInput5.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar5').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput5.files[0]);

    }

  }   



  function uploadProfileImage6(fileInput6) {

    if (fileInput6.files && fileInput6.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar6').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput6.files[0]);

    }

  }   





  function uploadProfileImage7(fileInput7) {
	id="nav_d"
    if (fileInput7.files && fileInput7.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtar7').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInput7.files[0]);

    }

  }   





 function uploadProfileImageH1(fileInputH1) {

    if (fileInputH1.files && fileInputH1.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH1').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH1.files[0]);

    }

  }   





 function uploadProfileImageH2(fileInputH2) {

    if (fileInputH2.files && fileInputH2.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH2').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH2.files[0]);

    }

  }   





 function uploadProfileImageH3(fileInputH3) {

    if (fileInputH3.files && fileInputH3.files[0]) {

      var reader = new FileReader();

      reader.onload = function (e) {

        $('.avtarH3').attr('src', e.target.result);

      };

      reader.readAsDataURL(fileInputH3.files[0]);

    }

  }   
</script>




<script>

$("#delRecord").click(function(){

    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");

  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_drive_mode_image" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            console.log("it Works");
			$("#nav_d").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
        }
    });
  } else {
   
  }

   
});

		</script>



<script>

$("#delRecord2").click(function(){

    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");

  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_nav_image_heads_up" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            console.log("it Works");
			$("#nav_d2").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
        }
    });
  } else {
   
  }

   
});

		</script>



<script>

$("#delRecord3").click(function(){

    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");

  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_nav_image_map" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            console.log("it Works");
			$("#nav_d3").attr("src", "https://rt66ug.com/admin/public/images/logo/plus.png");
        }
    });
  } else {
   
  }

   
});

		</script>



<script>

$("#del_audio").click(function(){

    var id = $(this).data("id");
    var token = $("meta[name='csrf-token']").attr("content");

  var r = confirm("Are you sure ");
  if (r == true) {
	$.ajax(
    {
        url: "https://rt66ug.com/admin/public/del_nav_audio" + '/' +id,
        type: 'GET',
        data: {
            "id": id,
            "_token": token,
        },
        success: function (){
            console.log("it Works");
			$("#audio_here").css("display","none");
        }
    });
  } else {
   
  }

   
});

		</script>

<script>


$("#nav-tab li:first").addClass("active");

$(document).ready(function(){


 var i=1;  
  
      $('#add').click(function(){  
		
		i++;   

		   $('#nav-tab').append('<li id="li'+i+'" ><a data-toggle="tab" href="#tab'+i+'">GPS- '+i+'</a><button onclick="remove('+i+')" type="button" id='+i+' style="position:absolute;top:1;right:0"><i   class="fa fa-trash"></i></button></li>');  
		   $('#tab-content').append('<div id="tab'+i+'" class="tab-pane fade in tab'+i+' "><div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"><input type="text" name="latitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS radius (meters) :</label><div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label > Is Continous :</label><div class="checkbox"><label><input id="check_continous'+i+'" name="iscontinous[]" type="checkbox" value="True" onchange="valueChanged('+i+')"checked> Is Continous :</label></div>	</div></div>'); 
	  
		 
          
	  });
	  
	  });




	  function remove(el) {
		
		  var elmnt1 = document.getElementById('li'+el);
		var elmnt = document.getElementById('tab'+el);
		elmnt.remove();
		elmnt1.remove();
	  }
	  
</script>






<script>
function manage_edit_drive(id)
{

	$(document).ready(function(){


var i=1;  
 
	 $('#add'+id).click(function(){  
	   i++;   

		  $('#nav-tab'+id).append('<li id="li'+i+'" ><a data-toggle="tab" href="#tab'+i+'">Form '+i+'</a><button onclick="remove('+i+')" type="button" id='+i+' style="position:absolute;top:1;right:0"><i   class="fa fa-trash"></i></button></li>');  
		  $('#tab-content'+id).append('<div id="tab'+i+'" class="tab-pane fade in tab'+i+' "><div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"><input type="text" name="latitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label >  GPS radius (meters) :</label><div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control"  placeholder=""></div></div><div class="col-md-6"><label > Is Continous :</label><div style="padding: 5px;" class="form-group"><div  style="display:inline" class="radio"><label><input type="radio" value="True" name="iscontinous[]">True</label></div><div style="display:inline;margin-left:30px" class="radio"><label><input type="radio" value="False" name="iscontinous[]" checked>False</label></div></div></div>'); 
	 
		
		 
	 });
	 
	 });




}
	  
</script>
<script>
	  function manage_class(id)
	  {
		  

		document.getElementById('#tab'+id).classList.add('active in');
	  }
	

</script>



<script>





function index_number(idd,val)
{
	




$.post("https://rt66ug.com/admin/public/api/get_drive_mode", function(data, status){
	var parsed = JSON.parse(JSON.stringify(data)); 
	var parsing2 = parsed.data;
	
	var parsing = parsed.data[idd].lat_group;


  text ="<option value="+idd+">Form-"+idd+"</option>";

	


  var x = document.getElementById("waypoints_handle");
  var y = x.getElementsByClassName("form_class");
  var i;
  for (i = 0; i < y.length; i++) {
    y[i].innerHTML = text;
  }



  });





$get_id=idd;

$.post("https://rt66ug.com/admin/public/api/get_drive_mode", function(data, status){
	var name="";
	var latitude="";
	var parsed = JSON.parse(JSON.stringify(data)); 
	var parsing2 = parsed.data;
	var parsing = parsed.data[$get_id].lat_group;
           var ull="";
	
	var i;
  for (i = 0; i < parsing.length; i++) {



	ull += '<li ><a data-toggle="tab" href="#'+val+'home'+i+'">GPS-'+i+'</a></li>';
	if(parsing[i].iscontinous=="True"){

  name += '<div id="'+val+'home'+i+'" class="tab-pane fade "> <div  class="col-md-12"><label > Select Form</label><div style="padding: 5px;" class="form-group"></div> </div> <div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"> <input oninput="myget()" type="text" name="latitude[]" id="latitude'+i+'" class="form-control" value='+parsing[i].latitude+' placeholder=""></div></div><div class="col-md-6"> <label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control" value='+parsing[i].longitude+' placeholder="">			</div>	</div><div class="col-md-6"><label >  GPS radius (meters) :</label>	<div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control" value='+parsing[i].radius+' placeholder=""></div></div><div class="col-md-6">	<div style="padding: 5px;" class="form-group"><label > Is Continous :</label><div class="checkbox"><label><input id="check_continous'+i+'" name="iscontinous[]" type="checkbox" value="True" checked  onchange="valueChanged('+i+')"> Is Continous :</label></div></div>	</div></div>';
  
}

  else{
	name += '<div id="'+val+'home'+i+'" class="tab-pane fade "> <div  class="col-md-12"><label > Select Form</label><div style="padding: 5px;" class="form-group"></div> </div> <div class="col-md-6"><label >  GPS Lat :</label><div style="padding: 5px;" class="form-group"> <input oninput="myget()" type="text" name="latitude[]" id="latitude'+i+'" class="form-control" value='+parsing[i].latitude+' placeholder=""></div></div><div class="col-md-6"> <label >  GPS Long :</label><div style="padding: 5px;" class="form-group"><input type="text" name="longitude[]" class="form-control" value='+parsing[i].longitude+' placeholder="">			</div>	</div><div class="col-md-6"><label >  GPS radius (meters) :</label>	<div style="padding: 5px;" class="form-group"><input type="text" name="radius[]" class="form-control" value='+parsing[i].radius+' placeholder=""></div></div><div class="col-md-6">	<div style="padding: 5px;" class="form-group"><label > Is Continous :</label><div class="checkbox"><label><input id="check_continous'+i+'" name="iscontinous[]" type="checkbox" value="False"  onchange="valueChanged('+i+')"> Is Continous :</label></div></div>	</div></div>';
  }



  }


	document.getElementById('drive_ul'+val).innerHTML = ull;
  document.getElementById('drive_tab_section'+val).innerHTML = name;



  



  });




}
</script>
<script type="text/javascript">
function valueChanged(val)
{
 
 val = val;


 if($('#check_continous'+val).is(":checked"))   
        
		document.getElementById("check_continous"+val).value = "True";
		
    else
	 document.getElementById("check_continous"+val).value = "False";
	

}







</script>







@endpush