@extends('layouts.master')



  

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

}

#border{	

	border-radius: 100px 15px 15px 100px;

    border-color: #73AD21;

    border-style: solid double dotted dashed;

    padding: 20px;    

    height: auto;

}

#border2{	

	border-radius: 15px 100px 100px 15px;

    border-color: #73AD21;

    border-style: solid double dotted dashed;

    padding: 20px;    

    height: auto;

}



label{

	padding: 5px;

}



 .switch {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 34px;

}



.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: 26px;

  width: 26px;

  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>





@section('content')

<div class="right_col" role="main">

  <div class="">

    <div class="page-title">

      <div class="col-sm-5">

       <a href="{{ url('poi') }}"> <i class="fa fa-arrow-left" style="font-size:32px;"></i> </a> 

      </div>

      <div class="col-sm-6">

        <h3>Poi Details</h3> 

      </div>

    </div>

    <div class="clearfix"></div>

    <div class="row">

      <div class="col-md-12 col-sm-12 col-xs-12">

       

  	@if(isset($getPoi))

		<div class="x_panel">

			<div class="modal-body">

				<div class="col-sm-6" id="border">

					<br>

					<label class="col-sm-3">ID: </label>

					<label class="col-sm-9">{{ $getPoi->id or 'NA' }}</label>  

					<label class="col-sm-3">POI Name Long : </label>

					<label class="col-sm-9">{{ $getPoi->poi_name_long or 'NA' }}</label>  

					<label class="col-sm-3">POI Name Small : </label> 

					<label class="col-sm-9">{{ $getPoi->poi_name_small or 'NA' }}</label> 

					<label class="col-sm-3">Address : </label> 

					<label class="col-sm-9">{{ $getPoi->address or 'NA' }}</label> 

					<label class="col-sm-3">State : </label> 

					<label class="col-sm-9">{{ $getPoi->state_name or 'NA' }}</label> 

					<label class="col-sm-3">Zip Code : </label>

			 		<label class="col-sm-9">{{ $getPoi->zip_code or 'NA' }}</label> 

					<label class="col-sm-3">Community : </label> 

					<label class="col-sm-9">{{ $getPoi->community_name or 'NA' }}</label> 

					<label class="col-sm-3">Email : </label>

					<label class="col-sm-9">{{ $getPoi->email or 'NA' }}</label> 

					<label class="col-sm-3">Facebook : </label> 

					<label class="col-sm-9">{{ $getPoi->facebook or 'NA' }}</label> 

					<label class="col-sm-3">Latitude : </label> 

			 		<label class="col-sm-9">{{ $getPoi->latitude or 'NA' }}</label> 

			 		<label class="col-sm-3">Altitude : </label> 

					<label class="col-sm-9">{{ $getPoi->altitude or 'NA' }}</label> 

 					<label class="col-sm-3">Description : </label> 

					<label class="col-sm-9">{{ $getPoi->description or 'NA' }}</label>

					<label class="col-sm-3">Tags : </label> 

					<label class="col-sm-9">{{ $getPoi->tags or 'NA' }}</label> 

					<label class="col-sm-3">Main Categories : </label> 

					<label class="col-sm-9">{{ $getPoi->main_cat_title or 'NA' }}</label> 

					<label class="col-sm-3">Services : </label> 

					<label class="col-sm-9">{{ $getPoi->services or 'NA' }}</label> 

			 		<label class="col-sm-3">Admission : </label> 

					<label class="col-sm-9">{{ $getPoi->admission or 'NA' }}</label>

			 		<label class="col-sm-3">Awards : </label> 

					<label class="col-sm-9">{{ $getPoi->awards or 'NA' }}</label> 

					<label class="col-sm-3">Rating : </label> 

		 			<label class="col-sm-9">{{ $getPoi->rating or 'NA' }}</label> 

		 			<label class="col-sm-3">Alignment : </label> 

					<label class="col-sm-9">{{ $getPoi->alignment or 'NA' }}</label> 

					<label class="col-sm-3">Image Thumb : </label> 

					<label class="col-sm-9">

						@if(is_null($getPoi->image_thumb))

							{{ 'NA' }}

						@else

						<img src="{{'storage/thumb/'.$getPoi->image_thumb}}" style="width:50px;height:50px;">

						@endif

					</label>  

			 		<label class="col-sm-3">Image Header 2 : </label> 

			 		<label class="col-sm-9">

			 			@if(is_null($getPoi->image_header2))

							{{ 'NA' }}

						@else

			 			<img src="{{'storage/header/'.$getPoi->image_header2}}" style="width:50px;height:50px;">

			 			@endif

			 		</label> 

			 		<label class="col-sm-3">Image Header 4 : </label>

					<label class="col-sm-9">

						@if(is_null($getPoi->image_header4))

							{{ 'NA' }}

						@else

						<img src="{{'storage/header/'.$getPoi->image_header4}}" style="width:50px;height:50px;">

			 			@endif

					</label>  

			 		<label class="col-sm-3">Image Passport : </label> 

			 		<label class="col-sm-9">

			 			@if(is_null($getPoi->image_passport))

							{{ 'NA' }}

						@else

			 			<img src="{{'storage/passport/'.$getPoi->image_passport}}" style="width:50px;height:50px;">

			 			@endif

			 		</label> 

			 		<label class="col-sm-3">Tue Start Time : </label> 

			 		<label class="col-sm-9">{{ $getPoi->tue_start_time or 'NA' }}</label>  

 					<label class="col-sm-3">Tue End Time : </label> 

					<label class="col-sm-9">{{ $getPoi->tue_end_time or 'NA' }}</label> 

					<label class="col-sm-3">Thu Start Time : </label> 

			 		<label class="col-sm-9">{{ $getPoi->thu_start_time or 'NA' }}</label>  

 					<label class="col-sm-3">Thu End Time : </label> 

					<label class="col-sm-9">{{ $getPoi->thu_end_time or 'NA' }}</label>

					<label class="col-sm-3">Sat Start Time : </label> 

			 		<label class="col-sm-9">{{ $getPoi->sat_start_time  or 'NA'}}</label>  

 					<label class="col-sm-3">Sat End Time : </label> 

					<label class="col-sm-9">{{ $getPoi->sat_end_time or 'NA' }}</label> 				

					<label class="col-sm-3">Types of Radius : </label> 

					<label class="col-sm-9">{{ ($getPoi->radius == 1) ? 'GPS' : 'QR Code' }}</label>  

				</div>



				<div class="col-sm-6" id="border2">

					<br>					

					<label class="col-sm-3">Active : </label> 

					<label class="col-sm-9">{{ ($getPoi->active == 1) ? 'Yes' : 'No' }}</label>

					<label class="col-sm-3">Sub Title : </label> 

					<label class="col-sm-9">{{ $getPoi->sub_title or 'NA' }}</label>  

					<label class="col-sm-3">City : </label> 

					<label class="col-sm-9">{{ $getPoi->city or 'NA' }}</label> 

					<label class="col-sm-3">Highway : </label> 

			        <label class="col-sm-9">{{ $getPoi->highway_name or 'NA' }}</label>  

					<label class="col-sm-3">Phone No : </label>

					<label class="col-sm-9">{{ $getPoi->phone_no or 'NA' }}</label> 

					<label class="col-sm-3">Website : </label>

					<label class="col-sm-9">{{ $getPoi->website or 'NA' }}</label>

					<label class="col-sm-3">Twitter : </label>

			 		<label class="col-sm-9">{{ $getPoi->twitter or 'NA' }}</label>  

			 		<label class="col-sm-3">Longitude : </label> 

					<label class="col-sm-9">{{ $getPoi->longitude or 'NA' }}</label>  

					<label class="col-sm-3">Time Zone : </label>

					<label class="col-sm-9">{{ $getPoi->time_zone_name or 'NA' }}</label>

					<label class="col-sm-3">Notebook : </label>

					<label class="col-sm-9">{{ $getPoi->notebook or 'NA' }}</label>

					<label class="col-sm-3">Categories : </label> 

					<label class="col-sm-9">{{ $getPoi->category_name or 'NA' }}</label>  

				 	<label class="col-sm-3">Parking : </label> 

			 		<label class="col-sm-9">{{ $getPoi->parking or 'NA' }}</label> 

					<label class="col-sm-3">Tours : </label>

					<label class="col-sm-9">{{ $getPoi->tours or 'NA' }}</label> 

			 		<label class="col-sm-3">Length : </label>

					<label class="col-sm-9">{{ $getPoi->length or 'NA' }}</label> 

			 		<label class="col-sm-3">Alerts : </label>

					<label class="col-sm-9">{{ $getPoi->alerts or 'NA' }}</label>

					<label class="col-sm-3">Family : </label>

			 		<label class="col-sm-9">{{ $getPoi->family_title or 'NA' }}</label> 

			 		<label class="col-sm-3">Historic Register : </label> 

					<label class="col-sm-9">{{ $getPoi->historic_register or 'NA' }}</label>  

					<label class="col-sm-3">Image Header 1 : </label> 

					<label class="col-sm-9">

						@if(is_null($getPoi->image_header1))

							{{ 'NA' }}

						@else

						<img src="{{'storage/header/'.$getPoi->image_header1}}" style="width:50px;height:50px;">

						@endif

					</label>  

			 		<label class="col-sm-3">Image Header 3 : </label>

					<label class="col-sm-9">

						@if(is_null($getPoi->image_header3))

							{{ 'NA' }}

						@else

							<img src="{{'storage/header/'.$getPoi->image_header3}}" style="width:50px;height:50px;">

						@endif

					</label> 

					<label class="col-sm-3">Image Header 5 : </label> 

			 		<label class="col-sm-9">

			 			@if(is_null($getPoi->image_header5))

							{{ 'NA' }}

						@else

			 			<img src="{{'storage/header/'.$getPoi->image_header5}}" style="width:50px;height:50px;">

			 			@endif

			 		</label>  

			 		<label class="col-sm-3">Mon Start Time : </label> 

			 		<label class="col-sm-9">{{ $getPoi->mon_start_time or 'NA' }}</label>  

 					<label class="col-sm-3">Mon End Time : </label> 

					<label class="col-sm-9">{{ $getPoi->mon_end_time or 'NA' }}</label> 

					<label class="col-sm-3">Wed Start Time : </label> 

			 		<label class="col-sm-9">{{ $getPoi->wed_start_time or 'NA' }}</label>  

 					<label class="col-sm-3">Wed End Time : </label> 

					<label class="col-sm-9">{{ $getPoi->wed_end_time or 'NA' }}</label> 

					<label class="col-sm-3">Fri Start Time : </label> 

			 		<label class="col-sm-9">{{ $getPoi->fri_start_time or 'NA' }}</label>  

 					<label class="col-sm-3">Fri End Time : </label> 

					<label class="col-sm-9">{{ $getPoi->fri_end_time or 'NA' }}</label>

					<label class="col-sm-3">Sun Start Time : </label> 

			 		<label class="col-sm-9">{{ $getPoi->sun_start_time or 'NA' }}</label>  

 					<label class="col-sm-3">Sun End Time : </label> 

					<label class="col-sm-9">{{ $getPoi->sun_end_time or 'NA' }}</label>					

					<label class="col-sm-3">Owner : </label> 

					<label class="col-sm-9">{{ isset($getPoi->owner_first_name) ? ($getPoi->owner_first_name.' '.$getPoi->owner_last_name) : 'NA' }}</label>  

					@if($getPoi->radius == 1) 

					<label class="col-sm-3">GPS Radius : </label> 

					<label class="col-sm-9">{{ $getPoi->gps_radius or 'NA' }}</label>

					@endif

					@if($getPoi->radius == 0) 

					<label class="col-sm-3">QR Code : </label> 

					<label class="col-sm-9">{{ $getPoi->qr_code or 'NA' }}</label>

					@endif 



					@php

						$result = substr($getPoi->audio, 0, 4);						

					@endphp		



					<label class="col-sm-3">Audio File/Link : </label>   

					<label class="col-sm-9" style="top:0px;">

						@if($result == 'http')

							<audio controls>

							  <source src="{{$getPoi->audio}}">						 					

							</audio>

							

						@elseif($result == null)

							{{ 'NA' }}

						@else

						<audio controls>

						  <source src="{{url('/storage/audio').'/'.$getPoi->audio}}">						 					

						</audio>

						@endif

					</label>					



				</div>

			</div>

		</div>

		@else

		<br><br>

		<div class="col-sm-12" align="center"> <i>Data Not Completed. </i> </div>

		@endif







       <!-- highway start -->

     <div class="x_panel">
       <div class="modal-body">
           <div class="col-sm-12" style="margin-top:14px;">  

              <h3 style="text-align: center"> Highway</h3>

            </div>

            @if(isset($hw))
        <div class="col-sm-12">
         <div class="col-sm-4" style="margin-top:-6px;">  

          <label>Highway Name : </label>

        </div>

        <div class="col-sm-8" style="margin-top:-10px;">

            <input type="text" name="highwayName" disabled="" value="{{ $hw->highway_name}}" class="form-control" placeholder=" Highway Name">             

        </div> 
       </div>

<div class="col-sm-12">
        <div class="col-sm-4" style="margin-top:14px;">  

          <label>Exit WB : </label>

        </div>

        <div class="col-sm-8" style="margin-top:10px;">

            <input type="text" name="exitWB" disabled="" value="{{ $hw->exit_wb}}" class="form-control" placeholder=" Exit WB">             

        </div>
    </div>

<div class="col-sm-12">
        <div class="col-sm-4" style="margin-top:14px;">  

          <label>Exit EB : </label>

        </div>

        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;">

            <input type="text" name="exitEB" disabled="" value="{{ $hw->exit_eb}}" class="form-control" placeholder=" Exit EB">             

        </div>
</div>


<div class="col-sm-12">

         <div class="col-sm-4"  style="margin-top:14px;">  

          <label>Highway Image : </label>

        </div>            

    
      
        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;"> 

        <img src="{{ url('/storage/highway/'.$hw->highway_image) }}" alt="" class="avtarH1 img-responsive" style="height: 100px; width: 100px;" />

        </div>
</div>


<div class="col-sm-12">
        <div class="col-sm-4"  style="margin-top:14px;">  

          <label>Exit WB Image : </label>

        </div>

      

        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;"> 

        <img src="{{ url('/storage/highway/'.$hw->exit_wb_image) }}" alt="" class="avtarH2 img-responsive" style="height: 100px; width: 100px;" >

        </div>
</div>

<div class="col-sm-12">
        <div class="col-sm-4"  style="margin-top:14px;">  

          <label>Exit EB Image : </label>

        </div>

       

        <div class="col-sm-8" style="margin-top:10px; margin-bottom:10px;"> 

        <img src="{{ url('/storage/highway/'.$hw->exit_eb_image) }}" alt="" class="avtarH3 img-responsive" style="height: 100px; width: 100px;" />

        </div>
        </div>

      @else

  

       @endif
         
       </div>
     </div>


<!--   highway end    -->


<!-- main category start -->
 <div class="x_panel">
    <div class="modal-body">
       <div class="col-sm-12" style="margin-top:14px;">  

          <h3 style="text-align: center"> Main Category</h3>

        </div>

        @if(isset($mainCats))

         <div class="col-sm-3" style="margin-top:14px;">  

          <label>Title : </label>

        </div>




        <div class="col-sm-9" style="margin-top:10px; margin-bottom:10px;">

            <input type="text" name="title" disabled="" class="form-control" value="{{ $mainCats->title }}" placeholder=" Title" required>             

        </div> 



         <div class="col-sm-3" style="margin-top:14px;">  

              <label>Historic : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="historic" @if($mainCats->historic) == 1) checked="true" @endif> 

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

            </label>

          </div>



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Museum : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="m_museum"  @if($mainCats->museum) == 1) checked="true" @endif> 

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Visitor Center : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="visitor_center" @if($mainCats->visitor_center) == 1) checked="true" @endif> 

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

            </label>

          </div>



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Business : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="business" @if($mainCats->business) == 1) checked="true" @endif> 

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Restaurant : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="restaurant" @if($mainCats->restaurant) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Lodging : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="lodging" @if($mainCats->lodging) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Wayside : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="wayside" @if($mainCats->wayside) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Exhibit : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="exhibit" @if($mainCats->exhibit) == 1) checked="true" @endif>

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

            </label>

          </div> 



       <div class="col-sm-3" style="margin-top:14px;">  

              <label>Mural : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="mural" @if($mainCats->mural) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Photo Op : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="photo_op" @if($mainCats->photo_op) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Route Guidance : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="route_guidance"  @if($mainCats->route_guidance) == 1) checked="true" @endif>

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

            </label>

          </div> 

          @else
                            <div class="col-sm-3" style="margin-top:14px;">  

          <label>Title : </label>

        </div>

        <div class="col-sm-9" style="margin-top:10px; margin-bottom:10px;">

            <input type="text" name="title" class="form-control" placeholder=" Title" required>             

        </div> 



         <div class="col-sm-3" style="margin-top:14px;">  

              <label>Historic : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="historic" >

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

            </label>

          </div>



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Museum : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="museum" >

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Visitor Center : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="visitor_center" >

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

            </label>

          </div>



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Business : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="business" >

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Restaurant : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="restaurant" >

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Lodging : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="lodging" >

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Wayside : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="wayside" >

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Exhibit : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="exhibit" >

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

            </label>

          </div> 



       <div class="col-sm-3" style="margin-top:14px;">  

              <label>Mural : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="mural" > 

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Photo Op : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="photo_op" >

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Route Guidance : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="route_guidance" >

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

            </label>

          </div> 

          @endif

    </div>
 </div>

<!--  main category end -->







     <!-- options start -->

   <div class="x_panel">

         <div class="modal-body">

          <div class="col-sm-12" style="margin-top:14px;">  

          <h3 style="text-align: center"> Options</h3>

        </div>

          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Parking : </label>

          </div>


          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="opt_parking" @if($option->parking) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>No Parking : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="noParking" @if($option->no_parking) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>RV Parking : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="rvParking" @if($option->rv_parking) == 1) checked="true" @endif>

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

            </label>

          </div>   



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Restrooms : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="restrooms" @if($option->restrooms) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Alerts : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="opt_alerts" @if($option->alerts) == 1) checked="true" @endif>

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

            </label>

          </div> 





          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Tours : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="opt_tours" @if($option->tours) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Tours Walking : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="toursWalking" @if($option->tours_walking) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Tours Selfguided : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="toursSelftGuided" @if($option->tours_selfguided) == 1) checked="true" @endif>

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

            </label>

          </div> 





          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Tour Virtual : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="tourVirtual" @if($option->tour_virtual) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Audio Tour : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="audioTour" @if($option->audio_tour) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Shopping : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="shopping" @if($option->shopping) == 1) checked="true" @endif> 

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Gift Shop : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="giftShop" @if($option->gift_shop) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Museum : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="museum" @if($option->museum) == 1) checked="true" @endif>

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

            </label>

          </div> 





          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Ticket : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="ticket" @if($option->ticket) == 1) checked="true" @endif>

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

            </label>

          </div> 



        <div class="col-sm-3" style="margin-top:14px;">  

              <label>Awards : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="opt_awards" @if($option->awards) == 1) checked="true" @endif>

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

            </label>

          </div> 

          

          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Coupons : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="coupons" @if($option->coupons) == 1) checked="true" @endif>

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

            </label>

          </div> 

        

         <div class="col-sm-3" style="margin-top:14px;">  

              <label>Route66 : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="route66" @if($option->route66) == 1) checked="true" @endif>

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

            </label>

          </div> 

          

          <div class="col-sm-3" style="margin-top:14px;">  

              <label>nrhp : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="nrhp" @if($option->nrhp) == 1) checked="true" @endif>

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

            </label>

          </div> 



           <div class="col-sm-3" style="margin-top:14px;">  

              <label>wifi : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="wifi" @if($option->wifi) == 1) checked="true" @endif>

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

            </label>

          </div> 
         

         </div>
   </div>


<!--    options end -->






<!-- option switch start -->
    <div class="x_panel">

         <div class="modal-body">

            <div class="col-sm-12" style="margin-top:14px;">  

          <h3 style="text-align: center"> Options Switches</h3>

        </div>





         <div class="col-sm-3" style="margin-top:14px;">  

              <label> Rating : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_rating" @if($opSwitches->x_rating) == 1) checked="true" @endif>

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

            </label>

          </div>



          <div class="col-sm-3" style="margin-top:14px;">  

              <label> User Rating : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_user_rating" @if($opSwitches->x_user_rating) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label> Categories : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_categories" @if($opSwitches->x_categories) == 1) checked="true" @endif>

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

            </label>

          </div>   



          <div class="col-sm-3" style="margin-top:14px;">  

              <label> Main Categories : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_main_categories" @if($opSwitches->x_main_categories) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label> Display Map : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_display_map" @if($opSwitches->x_display_map) == 1) checked="true" @endif>

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

            </label>

          </div> 



  



          <div class="col-sm-3" style="margin-top:14px;">  

              <label> Passport : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_passport" @if($opSwitches->x_passport) == 1) checked="true" @endif>

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

            </label>

          </div> 






          <div class="col-sm-3" style="margin-top:14px;">  

              <label> Poi News : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_poi_news" @if($opSwitches->x_poi_news) == 1) checked="true" @endif> 

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

            </label>

          </div> 






          <div class="col-sm-3" style="margin-top:14px;">  

              <label> Reviews : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_reviews" @if($opSwitches->x_user_rating) == 1) checked="true" @endif>

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

            </label>

          </div> 



       <div class="col-sm-3" style="margin-top:14px;">  

              <label> Alerts : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_alerts" @if($opSwitches->x_alerts) == 1) checked="true" @endif>

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

            </label>

          </div> 



        <div class="col-sm-3" style="margin-top:14px;">  

              <label> Miles To Ends : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="x_miles_to_ends" @if($opSwitches->x_miles_to_ends) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label> Hours : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="hours" @if($opSwitches->hours) == 1) checked="true" @endif>

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

            </label>

          </div> 


         </div>
    </div>

<!-- switch button end -->



  <!-- option buttons start -->

    <div class="x_panel">

         <div class="modal-body">

          <div class="col-sm-12" style="margin-top:14px;">  

          <h3 style="text-align: center"> Options Buttons</h3>

        </div>


          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Call : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="call" @if($opButtons->calls) == 1) checked="true" @endif>

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

            </label>

          </div>



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Website : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="opt_website" @if($opButtons->website) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Facebook : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="opt_facebook"  @if($opButtons->facebook) == 1) checked="true" @endif>

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

            </label>

          </div>



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Twitter : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="opt_twitter" @if($opButtons->twitter) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Navigate Direct : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="navigate_direct" @if($opButtons->navigate_direct) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Navigate Route : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="navigate_route" @if($opButtons->navigate_route) == 1) checked="true" @endif>

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

            </label>

          </div> 







          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Photo Gallery : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="photo_gallery" @if($opButtons->photo_gallery) == 1) checked="true" @endif>

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

            </label>

          </div> 



          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Rate : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="rate" @if($opButtons->rate) == 1) checked="true" @endif> 

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

            </label>

          </div> 




          <div class="col-sm-3" style="margin-top:14px;">  

              <label>Favorite : </label>

          </div>

          <div class="col-sm-3" style="margin-top:10px; margin-bottom:10px;">

            <label class="switch">

              <input type="checkbox" name="favorite" @if($opButtons->favorite) == 1) checked="true" @endif>

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

            </label>

          </div> 

         </div>
   </div>

<!-- option button end -->





    



      </div>

    </div>

  </div>

</div>



@endsection





<script type="text/javascript">



$.ajaxSetup({

      headers: {

        'X-CSRF-TOKEN': '{{ csrf_token() }}'

      }

    });





</script>