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

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





@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>Add POI</h3> 

            </div>

        </div>

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

        <div class="row">

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





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



                <!-- ,'onsubmit' => 'return myFunction();' -->

                {{ Form::open(['route' => 'admin-add-poi', 'files' => true ,'onsubmit' => 'return myFunction();']) }}

                <div class="x_panel">

                    <div class="modal-body">


                        <div class="col-sm-2" >
                            <label>Type :</label>
                        </div>

                        <div class="col-sm-9" id="top">           


                            <select class="form-control" name="type">
                                <option value="1">Standard</option>
                                <option value="2">Side-Trip</option>
                            </select>             

                        </div>
                        <div class="col-sm-2" >
                            <label>POI Level:</label>
                        </div>

                        <div class="col-sm-9" id="top">           


                            <select class="form-control" name="level">
                                <option value="1" >Essential</option>
                                <option value="2" >Secondary</option>
                                <option value="3" >Commercial</option>
                                <option value="4">Misc</option>
                                <option value="5">Hidden</option>
                            </select>             

                        </div>


                        <div class="col-sm-2" >
                            <label>POI Internal Name :</label>
                        </div>

                        <div class="col-sm-9" id="top">           

                            <input type="text" name="poi_internal_name" value="{{ old('poi_internal_name') }}" class="form-control" >             

                        </div>





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

                            <label>POI Name Long :</label>

                        </div>

                        <div class="col-sm-9" id="top">           

                            <input type="text" name="poiNameLong" value="{{ old('poiNameLong') }}" class="form-control" >             

                        </div>



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

                            <label>POI Name Small :</label>

                        </div>



                        <div class="col-sm-9" id="top">        

                            <input type="text" name="poiNameSmall" value="{{ old('poiNameSmall') }}" class="form-control"  >             

                        </div>  








                        <!--  <div class="col-sm-2" >          
                 
                         </div>
                 
                         <div class="col-sm-10" id="top">      
                 
                           <label class="radio-inline" style="color: #b3b3b3; font-size: 17px;">
                 
                             <input type="checkbox" name="active" value="1" {{ (old("active") == 1 ? "checked":"") }} style="width: 30px; height: 16px; margin-top: 11px;"> Active
                 
                           </label>      
                 
                         </div>  -->



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

                            <label>Active :</label>

                        </div> 

                        <div class="col-sm-10" id="top">

                            <input type="checkbox" name="active" value="1" {{ (old("active") == 1 ? "checked":"") }} style="width: 30px; height: 16px; margin-top: 11px;"> 



                        </div> 

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



                        <div class="col-sm-2" style="display: none;">

                            <label>Diversion POI :</label>

                        </div> 

                        <div class="col-sm-10" id="top" style="display: none;">

                            <input type="checkbox" name="division_poi" value="1" {{ (old("division_poi") == 1 ? "checked":"") }} style="width: 30px; height: 16px; margin-top: 11px;">



                        </div> 
                        <div class="col-sm-12"></div>
                        <div class="col-sm-2" style="display: none;">

                            <label>Start New Community :</label>

                        </div> 

                        <div class="col-sm-10" id="top" style="display: none;">

                            <input type="checkbox" name="diversion_type" value="1" {{ (old("diversion_type") == 1 ? "checked":"") }} style="width: 30px; height: 16px; margin-top: 11px;">



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

                            <label>Parent POI :</label>

                        </div>       

                        <div class="col-sm-9" id="top">
                            <input type="checkbox" name="parentPoi"  {{ (old("parentPoi") == 1 ? "checked":"") }}  style="width: 30px; height: 16px; margin-top: 11px;">
                            <!--  <label class="switch">
                   
                               <input type="checkbox" name="parentPoi">
                   
                               <span class="slider round"></span>
                   
                             </label> -->

                        </div>   


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

                            <label>Searchable :</label>

                        </div> 

                        <div class="col-sm-10" id="top" >

                            <input type="checkbox" name="searchable" value="1" {{ (old("searchable") == 1 ? "checked":"") }} style="width: 30px; height: 16px; margin-top: 11px;">



                        </div> 




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

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

                            <label>Sub Title :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="subTitle" value="{{ old('subTitle') }}" class="form-control"  >             

                        </div> 



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

                            <label>Address :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="address" value="{{ old('address') }}" class="form-control"  >             

                        </div> 



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

                            <label>City :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="city" value="{{ old('city') }}" class="form-control" >             

                        </div> 



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

                            <label>State :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <select class="form-control" name="state" >

                                <option value="">Select</option>

                                @forelse($states as $state)

                                <option value="{{$state->id}}" {{ (old("state") == $state->state_long ? "selected":"") }} >{{$state->state_long}}</option>

                                @empty

                                @endforelse

                            </select>                         

                        </div> 



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

                            <label>Zip Code :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="number" name="zipCode" value="{{ old('zipCode') }}" class="form-control"  >             

                        </div> 




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

                            <label>Community :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <select class="form-control" name="community" >

                                <option value=""> Select</option>

                                @forelse($community as $com)

                                <option value="{{$com->id}}" {{ (old("community") == $com->name ? "selected":"") }} >{{$com->name}}</option>

                                @empty

                                @endforelse

                            </select>                   

                        </div> 



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

                            <label>Phone No. :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="phoneNo" value="{{ old('phoneNo') }}" class="form-control"  >             

                        </div> 



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

                            <label>Email Address :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

            <!-- <input type="email" name="email" id="sample_search" onkeyup="search_func(this.value);" value="{{ old('email') }}" class="form-control" >     -->         
                            <input type="email" name="email"  value="{{ old('email') }}" class="form-control" > 
                            <div id="errordiv"  class="btn btn-danger">This Email Id already taken</div>

                            <!--   <div id="successdiv" class="btn btn-success">This is New Email  </div> -->

                        </div> 











                        <script type="text/javascript">





$("#submitButtonId").attr("disabled", "disabled");

document.getElementById("errordiv").style.display = "none";

/* document.getElementById("successdiv").style.display = "none";
 
 */function search_func(value)

{

    console.log('abbknk hb');

    $.ajax({

        type: "GET",

        url: '{{ url("/") }}/emailId',

        data: {'search_keyword': value},

        dataType: "text",

        success: function (msg) {

            if (msg == 1) {

                document.getElementById("errordiv").style.display = "block";

                $("#submitButtonId").attr("disabled", "disabled");

                /*                     document.getElementById("successdiv").style.display = "none";
                 
                 */                  } else {

                /*                   document.getElementById("successdiv").style.display = "block";
                 
                 */                   document.getElementById("errordiv").style.display = "none";

                $("#submitButtonId").removeAttr("disabled");

            }

        }



    });

}



                        </script>













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

                            <label>Website :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="url" name="website" value="{{ old('website') }}" class="form-control">             

                        </div> 



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

                            <label>Facebook :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="url" name="facebook" value="{{ old('facebook') }}" class="form-control"  >             

                        </div> 



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

                            <label>Twitter :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="url" name="twitter" value="{{ old('twitter') }}" class="form-control"  >             

                        </div> 



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

                            <label>Latitude :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="latitude" pattern="[0-9.-]+" value="{{ old('latitude') }}" class="form-control" >             

                        </div> 



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

                            <label>Longitude :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="longitude" pattern="[0-9.-]+" value="{{ old('longitude') }}" class="form-control" >             

                        </div> 






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

                            <label>Passport Latitude :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="passport_latitude" pattern="[0-9.-]+" value="{{ old('passport_latitude') }}" class="form-control" >             

                        </div> 



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

                            <label>Passport Longitude :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="passport_longitude" pattern="[0-9.-]+" value="{{ old('passport_longitude') }}" class="form-control" >             

                        </div> 






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

                            <label>Altitude :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="altitude" value="{{ old('altitude') }}" class="form-control"  >             

                        </div> 



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

                            <label>Time Zone :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <select class="form-control" name="timeZone" >

                                <option value=""> Select</option>

                                @forelse($timeZone as $tz)

                                <option value="{{$tz->id}}" {{ (old("timeZone") == $tz->time_zone_name ? "selected":"") }} >{{$tz->time_zone_name}}</option>

                                @empty

                                @endforelse

                            </select>        

                        </div> 



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

                            <label>Description :</label>

                        </div>

                        <div class="col-sm-9" id="top">

                            <textarea name="description" class="form-control"  style="height: 200px;">{{ old('description') }}</textarea>

                        </div>



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

                            <label>Notebook :</label>

                        </div>       

                        <div class="col-sm-9" id="top">

                            <textarea name="notebook" class="form-control"  style="height: 200px;">{{ old('notebook') }}</textarea>

                        </div>  

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

                            <label>Internal Notes :</label>

                        </div>       

                        <div class="col-sm-9" id="top">

                            <textarea name="internal_notes" class="form-control"  style="height: 200px;">{{ old('internal_notes') }}</textarea>

                        </div>  






                    </div>

                </div>









                <div class="x_panel">

                    <div class="modal-body">



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

                            <label>Tags :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="tags" value="{{ old('tags') }}" class="form-control"  >             

                        </div> 





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

                            <label>Categories :</label>

                        </div>  

                        <div class="col-sm-9" id="top">

                            <select class="form-control" name="categories" id="category_id">

                                <option value=""> Select</option>

                                @forelse($cats as $cat)

                                <option value="{{$cat->id}}" {{ (old("categories") == $cat->category_name ? "selected":"") }} >{{$cat->category_name}}</option>

                                @empty

                                @endforelse

                            </select> 

                        </div>  
                        <div class="col-sm-2" >

                            <label>Sub Categories :</label>

                        </div>  
                        <div class="col-sm-9" id="top">

                            <select name="sub_cat" id="subcategory_id_data" class="form-control">
                                <option value="">Select Sub Category</option>
                            </select> 

                        </div> 
                        <div class="col-sm-2" >

                            <label>Sub Sub Categories :</label>

                        </div>  
                        <div class="col-sm-9" id="top">

                            <select name="sub_sub_cat" id="subsubcategory_id_data" class="form-control" >
                                <option value="">Select Sub Sub Category</option>
                            </select> 

                        </div>  





                        <script type="text/javascript">
                            $(document).ready(function () {
                                $('#category_id').on('change', function (e) {
                                    console.log(e);
                                    var cat_id = e.target.value;
                                    console.log(cat_id);
                                    //ajax
                                    $.get('{{ url("/") }}/ajax-subcat?cat_id=' + cat_id, function (data) {
                                        //success data
                                        //console.log(data);
                                        var subcatq = $('#subcategory_id_data').empty();
                                        subcatq.append('<option value ="">Select Sub Category</option>');
                                        $.each(data, function (create, subcatObj) {
                                            var option = $('<option/>', {id: create, value: subcatObj});
                                            subcatq.append('<option value ="' + subcatObj['id'] + '">' + subcatObj['sub_category_name'] + '</option>');
                                        });
                                    });
                                });

                                $('#subcategory_id_data').on('change', function (e) {
                                    console.log(e);
                                    var cat_id = e.target.value;
                                    console.log(cat_id);
                                    //ajax
                                    $.get('{{ url("/") }}/ajax-subsubcat?cat_id=' + cat_id, function (data) {
                                        //success data
                                        //console.log(data);
                                        var subcatq = $('#subsubcategory_id_data').empty();
                                        subcatq.append('<option value ="">Select Sub Sub Category</option>');
                                        $.each(data, function (create, subcatObj) {
                                            var option = $('<option/>', {id: create, value: subcatObj});
                                            subcatq.append('<option value ="' + subcatObj['id'] + '">' + subcatObj['sub_sub_category_name'] + '</option>');
                                        });
                                    });
                                });
                            });




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

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

                            <label>Parking :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <textarea name="parking" class="form-control"  style="height: 200px;">{{ old('parking') }}</textarea>
                            <!--  <input type="text" name="parking" value="{{ old('parking') }}" class="form-control"  >   -->           

                        </div> 


                       {{-- FIXME://  add here --}}



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

                        <label>Parking Image :</label>

                    </div> 

                    <div class="col-sm-9" id="top">
                    <div class="row">     
                    <div style="position:relative; margin:0;margin-botttom:10px" class="col-sm-2 px-0" > 
                    <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('parking_image').click();" align="left" title=" Browse Image">
                    <img src="{{ url('images/logo/plus.png') }}" alt="" class="parkingclass img-responsive " style="height: 100px; width: 100px;" />
                    </div>     
                    <input type="file" name="parking_image" class="parking_image" id="parking_image" onChange="uploadParkingLogo(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">       
                    </div>
                    </div>


                    </div> 


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

                            <label>Services :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="services" class="form-control"  style="height: 200px;">{{ old('services') }}</textarea>
                            <!--  <input type="text" name="services" value="{{ old('services') }}" class="form-control"  >  -->            

                        </div> 



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

                            <label>Tours :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="tours" class="form-control"  style="height: 200px;">{{ old('tours') }}</textarea>
                                      <!--  <input type="text" name="tours" value="{{ old('tours') }}" class="form-control"  >   -->           

                        </div> 



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

                            <label>Admission :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="admission" class="form-control"  style="height: 200px;">{{ old('admission') }}</textarea>
                                       <!-- <input type="text" name="admission" value="{{ old('admission') }}" class="form-control"  >   -->           

                        </div> 



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

                            <label>Length :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="length" class="form-control"  style="height: 200px;">{{ old('length') }}</textarea>
                                      <!--  <input type="text" name="length" value="{{ old('length') }}" class="form-control"  >   -->           

                        </div> 



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

                            <label>Awards :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="awards" class="form-control"  style="height: 200px;">{{ old('awards') }}</textarea>
                                    <!--    <input type="text" name="awards" value="{{ old('awards') }}" class="form-control"  >     -->         

                        </div> 



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

                            <label>Alerts :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="alerts" class="form-control"  style="height: 200px;">{{ old('alerts') }}</textarea>
                                      <!--  <input type="text" name="alerts" value="{{ old('alerts') }}" class="form-control"  > -->             

                        </div> 
                        <div class="col-sm-2">

                            <label>Season/Hours :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="season" class="form-control"  style="height: 200px;">{{ old('season') }}</textarea>
                                      <!--  <input type="text" name="alerts" value="{{ old('alerts') }}" class="form-control"  > -->             

                        </div> 
                        <div class="col-sm-2">

                            <label>Credits :</label>

                        </div> 

                        <div class="col-sm-9" id="top">
                            <textarea name="credits" class="form-control"  style="height: 200px;"></textarea>


                        </div> 


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

                            <label>Rating :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <select class="form-control" name="rating" >
                                <option value=""> Select</option>
                                <option value="0.0" {{ (old("rating") == '0.0' ? "selected":"") }} > 0.0</option>
                                <option value="0.5" {{ (old("rating") == '0.5' ? "selected":"") }} > 0.5</option>
                                <option value="1.0" {{ (old("rating") == '1.0' ? "selected":"") }} > 1.0</option>
                                <option value="1.5" {{ (old("rating") == '1.5' ? "selected":"") }} > 1.5</option>
                                <option value="2.0" {{ (old("rating") == '2.0' ? "selected":"") }} > 2.0</option>
                                <option value="2.5" {{ (old("rating") == '2.5' ? "selected":"") }} > 2.5</option>
                                <option value="3.0" {{ (old("rating") == '3.0' ? "selected":"") }} > 3.0</option>
                                <option value="3.5" {{ (old("rating") == '3.5' ? "selected":"") }} > 3.5</option>
                                <option value="4.0" {{ (old("rating") == '4.0' ? "selected":"") }} > 4.0</option>
                                <option value="4.5" {{ (old("rating") == '4.5' ? "selected":"") }} > 4.5</option>
                                <option value="5.0" {{ (old("rating") == '5.0' ? "selected":"") }} >5.0</option>


                                <!-- <option value="1" {{ (old("rating") == 1 ? "selected":"") }} > 1</option>
                    
                                <option value="2" {{ (old("rating") == 2 ? "selected":"") }} > 2</option>
                    
                                <option value="3" {{ (old("rating") == 3 ? "selected":"") }} > 3</option>
                    
                                <option value="4" {{ (old("rating") == 4 ? "selected":"") }} > 4</option>
                    
                                <option value="5" {{ (old("rating") == 5 ? "selected":"") }} > 5</option> -->

                            </select>        

                        </div> 



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

                            <label>Family :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <select class="form-control" name="family" >

                                <option value="" selected=""> Select</option>

                                @forelse($family as $fam)

                                <option value="{{$fam->poi_id}}" {{ (old("family") == $fam->title ? "selected":"") }} >{{$fam->title}} (POI Id: {{$fam->poi_id}})</option>

                                @empty

                                @endforelse

                            </select>        

                        </div> 



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

                            <label>Alignment :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="alignment" value="{{ old('alignment') }}" class="form-control" >             

                        </div> 

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

                            <label>Established Year:</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="established_year" value="{{ old('established_year') }}" class="form-control" >             

                        </div> 



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

                            <label>Historic Register :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="historicRegister" value="{{ old('historicRegister') }}" class="form-control" >             

                        </div> 

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

                            <label>Distance (miles) :</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <input type="text" name="distance" value="{{ old('distance') }}" class="form-control"  >             

                        </div> 

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

                            <label>Route Distance:</label>

                        </div> 

                        <div class="col-sm-9" id="top">

                            <select class="form-control" name="img_route_distance" >

                                <option value="" selected=""> Select</option>

                                @forelse($img_route_distance as $dis)

                                <option value="{{$dis->id}}" {{ (old("img_route_distance") == $dis->route_distance_name ? "selected":"") }} >{{$dis->route_distance_name}}</option>

                                @empty

                                @endforelse

                            </select>        

                        </div> 




                    </div>

                </div>





                <div class="x_panel">



                    <div class="modal-body">

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

                            <h4>Logo </h4>

                        </div>

                        <div style="position:relative" class="col-sm-2"> 
                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_logo').click();" align="left" title=" Browse Image">
                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="logoclass img-responsive " style="height: 100px; width: 100px;" />
                            </div>     
                            <input type="file" name="logo" class="browse_logo" id="browse_logo" onChange="uploadLogo(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">       
                        </div>


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

                            <h4>Social Selfie Overlay </h4>

                        </div>

                        <div style="position:relative" class="col-sm-2"> 
                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_selfie').click();" align="left" title=" Browse Image">
                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="selfieclass img-responsive " style="height: 100px; width: 100px;" />
                            </div>     
                            <input type="file" name="selfie_overlay" class="browse_selfie" id="browse_selfie" onChange="uploadSelfie(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">       
                        </div>

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

                            <h4>FloorPlan Image </h4>

                        </div>

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

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar3a img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="floorplan_image" class="browse_image2" id="browse_image2" onChange="uploadProfileImage3_map(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div>  



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

                            <h4>Map Image </h4>

                        </div>

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

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar2a img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="map_image" class="browse_image2" id="browse_image2" onChange="uploadProfileImage2_map(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div> 



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

                            <h4>Image Thumb</h4>
                        </div>
                        <div class="col-sm-2"> 

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar1 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="imageThumb" value="" class="browse_image" id="browse_image" onChange="uploadProfileImage1(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div> 

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

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image4').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar4 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="imageHeader3" class="browse_image4" id="browse_image4" onChange="uploadProfileImage4(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div> 

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

                            <h4>Image Header</h4>

                        </div>

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

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar2 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="imageHeader1" class="browse_image2" id="browse_image2" onChange="uploadProfileImage2(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div> 



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

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image3').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar3 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="imageHeader2" class="browse_image3" id="browse_image3" onChange="uploadProfileImage3(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div> 

                        <div style="position:relative" class="col-sm-12">
                            <div class="col-sm-2">

                                <label>Overlays Expiration:</label>

                            </div>
                            <div class="col-sm-9" id="top">

                                <input type="date" name="overlay_expiration" value="" class="form-control">             

                            </div>


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

                                <label>Video Header :</label>  

                            </div>

                            <div class="col-sm-3" id="top"> 
                                <input type="file" name="video_header" class="file_multi_video" accept="video/*">
                                <video width="400" controls>
                                    <source src="" id="video_here">
                                    Your browser does not support HTML5 video.
                                </video>
                            </div>
                        </div> 










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

                            <h4>Image Passport</h4>

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image7').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar7 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="imagePassport" class="browse_image7" id="browse_image7" onChange="uploadProfileImage7(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div> 




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

                            <h4>Collector Stamp <span class="text-danger">2025</span></h4>

                            <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image8').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/plus.png') }}" alt="" class="avtar8 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="collector_stamp_image" class="browse_image8" id="browse_image8" onChange="uploadProfileImage8(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">

                        </div> 


                                                                            <div style="position:relative" class="col-sm-12"> 

                                <h4>Collector Stamp <span class="text-danger">2026</span></h4>

                                <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2026').click();" align="left" title=" Browse Image"> 



                                    <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar2026 img-responsive" style="height: 100px;" />



                                </div>

                                <input type="file" name="collector_stamp_image_2026" class="browse_image2026" id="browse_image2026" onChange="uploadcollectoryear(this,2026);" style="height: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">


                            </div> 
                                                        <div style="position:relative" class="col-sm-12"> 

                                <h4>Collector Stamp <span class="text-danger">2027</span></h4>

                                <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2027').click();" align="left" title=" Browse Image"> 



                                    <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar2027 img-responsive" style="height: 100px;" />



                                </div>

                                <input type="file" name="collector_stamp_image_2027" class="browse_image2027" id="browse_image2027" onChange="uploadcollectoryear(this,2027);" style="height: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">


                            </div> 
                                                        <div style="position:relative" class="col-sm-12"> 

                                <h4>Collector Stamp <span class="text-danger">2028</span></h4>

                                <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2028').click();" align="left" title=" Browse Image"> 



                                    <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar2028 img-responsive" style="height: 100px;" />



                                </div>

                                <input type="file" name="collector_stamp_image_2028" class="browse_image2028" id="browse_image2028" onChange="uploadcollectoryear(this,2028);" style="height: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">


                            </div> 
                                                        <div style="position:relative" class="col-sm-12"> 

                                <h4>Collector Stamp <span class="text-danger">2029</span></h4>

                                <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2029').click();" align="left" title=" Browse Image"> 



                                    <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar2029 img-responsive" style="height: 100px;" />



                                </div>

                                <input type="file" name="collector_stamp_image_2029" class="browse_image2029" id="browse_image2029" onChange="uploadcollectoryear(this,2029);" style="height: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">


                            </div> 
                                                        <div style="position:relative" class="col-sm-12"> 

                                <h4>Collector Stamp <span class="text-danger">2030</span></h4>

                                <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image2030').click();" align="left" title=" Browse Image"> 



                                    <img src="{{  url('images/logo/plus.png') }}" alt="" class="avtar2030 img-responsive" style="height: 100px;" />



                                </div>

                                <input type="file" name="collector_stamp_image_2030" class="browse_image2030" id="browse_image2030" onChange="uploadcollectoryear(this,2030);" style="height: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">


                            </div> 
                            

                    </div>

                </div>






                <div class="x_panel">

                    <div class="modal-body">

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

                            <div style="position:relative" class="col-sm-12"> 

                                <h4>Notice Image</h4>


                                <div style="border: 1px solid #E6E9ED; margin-left: -1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_image_notice').click();" align="left" title=" Browse Image"> 

                                    <img src="{{  url('images/logo/plus.png') }}" alt="" class="notice_image  img-responsive" style="height: 100px;" />


                                </div>

                                <input type="file" name="notice_image" class="browse_image_notice" id="browse_image_notice" onChange="uploadProfileImagenotice(this);" style="height: 100px; margin-top: -98px; opacity: 0; cursor: pointer;">


                            </div> 

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

                                <label>Notice:</label>

                            </div>
                            <div class="col-sm-9" id="top">

                                <textarea name="notice_information" class="form-control" ></textarea>

                            </div>

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

                                <label>Expires:</label>

                            </div>
                            <div class="col-sm-9" id="top">

                                <input name="expire_date"  type="date" class="form-control" >

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


                <div class="x_panel">

                    <div class="modal-body">

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

                            <h4>POI Hours</h4>

                        </div> 
                        <div class="extra_checkboxs">
                        <div class="col-sm-12">
                            <div class="row">
                                <div class="col-sm-1">
                                    <label class="">Availability:</label>
                                </div>
                                <div class="col-sm-3">
                            <select class="form-control" name="availability" id="availability" >
                                <option value="0" > Set Hours</option>
                                <option value="1" > Open 24/7</option>
                                <option value="2" > Always Available</option>
                                <option value="3" > Temporary Closed</option>
                                <option value="4" > Permanently Closed</option>
                                <option value="5" > No Longer Available</option>
                            </select>   
                                </div>
                            </div>
                           
                       
                        </div> 
                        </div>
                    
                                                    <div class="col-sm-12 season{{$key}}">
                                <h4>Season {{$key}}</h4>
                                <div class="col-sm-1" >

                                    <span class="">Active:</span>
                                    <input type="checkbox" name="season_active[{{$i}}]" value="1" > 


                                    <input type="hidden" name="season_type[{{$i}}]"  value="season_{{$i}}"> 

                                </div> 

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

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

                                        <span class="">Season Name:</span>
                                    </div>

                                    <div class="col-sm-10">
                                        <input type="text" name="season_name[{{$i}}]" value="" class="form-control" > 
                                    </div>
                                </div>


                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">Start</label>
                                    </div> 
                                    <div class="col-sm-5">
                                        

                                        <select style="display:none;" id="start_year{{$i}}"></select>
                                        
                                        <select name="start_month[{{$i}}]" class="form-control start_month" id="start_month{{$i}}">
                                        </select>
                                    </div>

                                    <div class="col-sm-5">
                                        <select name="start_day[{{$i}}]" class="form-control start_day" id="start_day{{$i}}">

                                        </select>
                                    </div>

                                </div>

                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">End</label>
                                    </div> 
                                    <div class="col-sm-5">

                                        <select style="display:none;" id="end_year{{$i}}"></select>
                                        <select name="end_month[{{$i}}]" class="form-control end_month" id="end_month{{$i}}">
                                        </select>

                                    </div>
                                    <div class="col-sm-5">
                                        <select name="end_day[{{$i}}]" class="form-control end_day" id="end_day{{$i}}">

                                        </select>
                                    </div>
                                </div>


                                <!--                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                                                        <label class="">Start</label>
                                                                    </div> 
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="start_date[{{$i}}]" value="" class="form-control" >  
                                
                                                                    </div>
                                                                </div>
                                
                                                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                
                                                                        <label class="">End</label>
                                                                    </div>
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="end_date[{{$i}}]" value="" class="form-control" >  
                                                                    </div>
                                                                </div>-->

                                <!--                                <div class="col-sm-12"  id="top">
                                                                    <div class="col-sm-1" >
                                
                                                                        <span class="">No YR:</span>
                                                                        <input type="checkbox" name="season_ignore_year[{{$i}}]" value="1" > 
                                
                                
                                
                                
                                                                    </div> 
                                                                </div>-->




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

                                    <div class="col-sm-1" style="padding: 5px 10px;" id="top">

                                        <b>Monday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>



                                            <input type="time" name="poi_hours[{{$i}}][monStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][monEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monHours]" value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]" value="1" > 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Tuesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueStartTime]"  value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][tueHours]" value="1" > 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Wednesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Thursday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Friday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Saturday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satClosed]"   value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Sunday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunClosed]"   value="1" > 



                                        </div>

                                    </div>
                                </div>
                            </div>
                                                    <div class="col-sm-12 season{{$key}}">
                                <h4>Season {{$key}}</h4>
                                <div class="col-sm-1" >

                                    <span class="">Active:</span>
                                    <input type="checkbox" name="season_active[{{$i}}]" value="1" > 


                                    <input type="hidden" name="season_type[{{$i}}]"  value="season_{{$i}}"> 

                                </div> 

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

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

                                        <span class="">Season Name:</span>
                                    </div>

                                    <div class="col-sm-10">
                                        <input type="text" name="season_name[{{$i}}]" value="" class="form-control" > 
                                    </div>
                                </div>


                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">Start</label>
                                    </div> 
                                    <div class="col-sm-5">
                                        

                                        <select style="display:none;" id="start_year{{$i}}"></select>
                                        
                                        <select name="start_month[{{$i}}]" class="form-control start_month" id="start_month{{$i}}">
                                        </select>
                                    </div>

                                    <div class="col-sm-5">
                                        <select name="start_day[{{$i}}]" class="form-control start_day" id="start_day{{$i}}">

                                        </select>
                                    </div>

                                </div>

                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">End</label>
                                    </div> 
                                    <div class="col-sm-5">

                                        <select style="display:none;" id="end_year{{$i}}"></select>
                                        <select name="end_month[{{$i}}]" class="form-control end_month" id="end_month{{$i}}">
                                        </select>

                                    </div>
                                    <div class="col-sm-5">
                                        <select name="end_day[{{$i}}]" class="form-control end_day" id="end_day{{$i}}">

                                        </select>
                                    </div>
                                </div>


                                <!--                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                                                        <label class="">Start</label>
                                                                    </div> 
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="start_date[{{$i}}]" value="" class="form-control" >  
                                
                                                                    </div>
                                                                </div>
                                
                                                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                
                                                                        <label class="">End</label>
                                                                    </div>
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="end_date[{{$i}}]" value="" class="form-control" >  
                                                                    </div>
                                                                </div>-->

                                <!--                                <div class="col-sm-12"  id="top">
                                                                    <div class="col-sm-1" >
                                
                                                                        <span class="">No YR:</span>
                                                                        <input type="checkbox" name="season_ignore_year[{{$i}}]" value="1" > 
                                
                                
                                
                                
                                                                    </div> 
                                                                </div>-->




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

                                    <div class="col-sm-1" style="padding: 5px 10px;" id="top">

                                        <b>Monday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>



                                            <input type="time" name="poi_hours[{{$i}}][monStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][monEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monHours]" value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]" value="1" > 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Tuesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueStartTime]"  value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][tueHours]" value="1" > 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Wednesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Thursday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Friday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Saturday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satClosed]"   value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Sunday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunClosed]"   value="1" > 



                                        </div>

                                    </div>
                                </div>
                            </div>
                                                    <div class="col-sm-12 season{{$key}}">
                                <h4>Season {{$key}}</h4>
                                <div class="col-sm-1" >

                                    <span class="">Active:</span>
                                    <input type="checkbox" name="season_active[{{$i}}]" value="1" > 


                                    <input type="hidden" name="season_type[{{$i}}]"  value="season_{{$i}}"> 

                                </div> 

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

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

                                        <span class="">Season Name:</span>
                                    </div>

                                    <div class="col-sm-10">
                                        <input type="text" name="season_name[{{$i}}]" value="" class="form-control" > 
                                    </div>
                                </div>


                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">Start</label>
                                    </div> 
                                    <div class="col-sm-5">
                                        

                                        <select style="display:none;" id="start_year{{$i}}"></select>
                                        
                                        <select name="start_month[{{$i}}]" class="form-control start_month" id="start_month{{$i}}">
                                        </select>
                                    </div>

                                    <div class="col-sm-5">
                                        <select name="start_day[{{$i}}]" class="form-control start_day" id="start_day{{$i}}">

                                        </select>
                                    </div>

                                </div>

                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">End</label>
                                    </div> 
                                    <div class="col-sm-5">

                                        <select style="display:none;" id="end_year{{$i}}"></select>
                                        <select name="end_month[{{$i}}]" class="form-control end_month" id="end_month{{$i}}">
                                        </select>

                                    </div>
                                    <div class="col-sm-5">
                                        <select name="end_day[{{$i}}]" class="form-control end_day" id="end_day{{$i}}">

                                        </select>
                                    </div>
                                </div>


                                <!--                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                                                        <label class="">Start</label>
                                                                    </div> 
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="start_date[{{$i}}]" value="" class="form-control" >  
                                
                                                                    </div>
                                                                </div>
                                
                                                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                
                                                                        <label class="">End</label>
                                                                    </div>
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="end_date[{{$i}}]" value="" class="form-control" >  
                                                                    </div>
                                                                </div>-->

                                <!--                                <div class="col-sm-12"  id="top">
                                                                    <div class="col-sm-1" >
                                
                                                                        <span class="">No YR:</span>
                                                                        <input type="checkbox" name="season_ignore_year[{{$i}}]" value="1" > 
                                
                                
                                
                                
                                                                    </div> 
                                                                </div>-->




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

                                    <div class="col-sm-1" style="padding: 5px 10px;" id="top">

                                        <b>Monday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>



                                            <input type="time" name="poi_hours[{{$i}}][monStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][monEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monHours]" value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]" value="1" > 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Tuesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueStartTime]"  value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][tueHours]" value="1" > 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Wednesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Thursday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Friday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Saturday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satClosed]"   value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Sunday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunClosed]"   value="1" > 



                                        </div>

                                    </div>
                                </div>
                            </div>
                                                    <div class="col-sm-12 season{{$key}}">
                                <h4>Season {{$key}}</h4>
                                <div class="col-sm-1" >

                                    <span class="">Active:</span>
                                    <input type="checkbox" name="season_active[{{$i}}]" value="1" > 


                                    <input type="hidden" name="season_type[{{$i}}]"  value="season_{{$i}}"> 

                                </div> 

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

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

                                        <span class="">Season Name:</span>
                                    </div>

                                    <div class="col-sm-10">
                                        <input type="text" name="season_name[{{$i}}]" value="" class="form-control" > 
                                    </div>
                                </div>


                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">Start</label>
                                    </div> 
                                    <div class="col-sm-5">
                                        

                                        <select style="display:none;" id="start_year{{$i}}"></select>
                                        
                                        <select name="start_month[{{$i}}]" class="form-control start_month" id="start_month{{$i}}">
                                        </select>
                                    </div>

                                    <div class="col-sm-5">
                                        <select name="start_day[{{$i}}]" class="form-control start_day" id="start_day{{$i}}">

                                        </select>
                                    </div>

                                </div>

                                <div class="col-sm-12" id="top" >
                                    <div class="col-sm-1">

                                        <label class="">End</label>
                                    </div> 
                                    <div class="col-sm-5">

                                        <select style="display:none;" id="end_year{{$i}}"></select>
                                        <select name="end_month[{{$i}}]" class="form-control end_month" id="end_month{{$i}}">
                                        </select>

                                    </div>
                                    <div class="col-sm-5">
                                        <select name="end_day[{{$i}}]" class="form-control end_day" id="end_day{{$i}}">

                                        </select>
                                    </div>
                                </div>


                                <!--                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                                                        <label class="">Start</label>
                                                                    </div> 
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="start_date[{{$i}}]" value="" class="form-control" >  
                                
                                                                    </div>
                                                                </div>
                                
                                                                <div class="col-sm-12" id="top" >
                                                                    <div class="col-sm-1">
                                
                                
                                                                        <label class="">End</label>
                                                                    </div>
                                                                    <div class="col-sm-11">
                                
                                                                        <input type="date" name="end_date[{{$i}}]" value="" class="form-control" >  
                                                                    </div>
                                                                </div>-->

                                <!--                                <div class="col-sm-12"  id="top">
                                                                    <div class="col-sm-1" >
                                
                                                                        <span class="">No YR:</span>
                                                                        <input type="checkbox" name="season_ignore_year[{{$i}}]" value="1" > 
                                
                                
                                
                                
                                                                    </div> 
                                                                </div>-->




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

                                    <div class="col-sm-1" style="padding: 5px 10px;" id="top">

                                        <b>Monday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>



                                            <input type="time" name="poi_hours[{{$i}}][monStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][monEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monHours]" value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]" value="1" > 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Tuesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueStartTime]"  value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][tueEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][tueHours]" value="1" > 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][monClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-12"  id="top">

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Wednesday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][wedEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][wedClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Thursday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float: left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][thuEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][thuClosed]"  value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Friday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][friEndTime]" value="" class="form-control" >  

                                        </div> 
                                        <div class="col-sm-3" >

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][friClosed]"  value="1" > 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Saturday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][satEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satHours]"  value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][satClosed]"   value="1"> 



                                        </div>

                                    </div>

                                </div>

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

                                    <div class="col-sm-1" style="padding: 5px 10px;">

                                        <b>Sunday</b>

                                    </div> 

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

                                        <div class="input-group col-sm-3">

                                            <span class="input-group-addon">Start Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunStartTime]" value="" class="form-control" >  

                                        </div> 

                                    </div>

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

                                        <div class="input-group col-sm-3" style="float:left;">

                                            <span class="input-group-addon">End Time</span>

                                            <input type="time" name="poi_hours[{{$i}}][sunEndTime]" value="" class="form-control" >  

                                        </div> 

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

                                            <span class="">24 hours:</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunHours]"   value="1"> 



                                        </div>

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

                                            <span class="">Closed</span>

                                            <input type="checkbox" name="poi_hours[{{$i}}][sunClosed]"   value="1" > 



                                        </div>

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

                    </div>

                </div>


                <div class="x_panel">

                    <div class="modal-body">

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

                            <h4>Special Dates</h4>
                            <table class="table">
                                <tr>

                                    <th scope="col">

                                        Active
                                    </th>


                                    <th scope="col">

                                        No YR
                                    </th>


                                    <th scope="col">

                                        Date
                                    </th>

                                    <th scope="col">


                                        Name


                                    </th>
                                    <th scope="col">

                                        Start Time

                                    </th>
                                    <th scope="col">

                                        End Time
                                    </th>


                                    <th scope="col">

                                        Closed

                                    </th>
                                </tr>
                                
                                    <tr>
                                        <td>
                                            <input type="hidden" name="special_dates[{{$r}}][special_date_type]"  value="special_date_type_{{$r}}"> 

                                            <input type="checkbox" name="special_dates[{{$r}}][active]" value="1" > 
                                        </td>
                                        <td>

                                            <input type="checkbox" name="special_dates[{{$r}}][ignore_year]" value="1" > 
                                        </td>
                                        <td>
                                            <input type="date" name="special_dates[{{$r}}][date]" value="" class="form-control" >  
                                        </td>

                                        <td>

                                            <input type="text" name="special_dates[{{$r}}][name]" value="" class="form-control" >  
                                        </td>
                                        <td>

                                            <input type="time" name="special_dates[{{$r}}][open_time]" value="" class="form-control" >  
                                        </td>
                                        <td>
                                            <input type="time" name="special_dates[{{$r}}][end_time]" value="" class="form-control" > 
                                        </td>
                                        <td>
                                            <input type="checkbox" name="special_dates[{{$r}}][closed]" value="1" > 
                                        </td>
                                    </tr>
                                
                                    <tr>
                                        <td>
                                            <input type="hidden" name="special_dates[{{$r}}][special_date_type]"  value="special_date_type_{{$r}}"> 

                                            <input type="checkbox" name="special_dates[{{$r}}][active]" value="1" > 
                                        </td>
                                        <td>

                                            <input type="checkbox" name="special_dates[{{$r}}][ignore_year]" value="1" > 
                                        </td>
                                        <td>
                                            <input type="date" name="special_dates[{{$r}}][date]" value="" class="form-control" >  
                                        </td>

                                        <td>

                                            <input type="text" name="special_dates[{{$r}}][name]" value="" class="form-control" >  
                                        </td>
                                        <td>

                                            <input type="time" name="special_dates[{{$r}}][open_time]" value="" class="form-control" >  
                                        </td>
                                        <td>
                                            <input type="time" name="special_dates[{{$r}}][end_time]" value="" class="form-control" > 
                                        </td>
                                        <td>
                                            <input type="checkbox" name="special_dates[{{$r}}][closed]" value="1" > 
                                        </td>
                                    </tr>
                                
                                    <tr>
                                        <td>
                                            <input type="hidden" name="special_dates[{{$r}}][special_date_type]"  value="special_date_type_{{$r}}"> 

                                            <input type="checkbox" name="special_dates[{{$r}}][active]" value="1" > 
                                        </td>
                                        <td>

                                            <input type="checkbox" name="special_dates[{{$r}}][ignore_year]" value="1" > 
                                        </td>
                                        <td>
                                            <input type="date" name="special_dates[{{$r}}][date]" value="" class="form-control" >  
                                        </td>

                                        <td>

                                            <input type="text" name="special_dates[{{$r}}][name]" value="" class="form-control" >  
                                        </td>
                                        <td>

                                            <input type="time" name="special_dates[{{$r}}][open_time]" value="" class="form-control" >  
                                        </td>
                                        <td>
                                            <input type="time" name="special_dates[{{$r}}][end_time]" value="" class="form-control" > 
                                        </td>
                                        <td>
                                            <input type="checkbox" name="special_dates[{{$r}}][closed]" value="1" > 
                                        </td>
                                    </tr>
                                
                                    <tr>
                                        <td>
                                            <input type="hidden" name="special_dates[{{$r}}][special_date_type]"  value="special_date_type_{{$r}}"> 

                                            <input type="checkbox" name="special_dates[{{$r}}][active]" value="1" > 
                                        </td>
                                        <td>

                                            <input type="checkbox" name="special_dates[{{$r}}][ignore_year]" value="1" > 
                                        </td>
                                        <td>
                                            <input type="date" name="special_dates[{{$r}}][date]" value="" class="form-control" >  
                                        </td>

                                        <td>

                                            <input type="text" name="special_dates[{{$r}}][name]" value="" class="form-control" >  
                                        </td>
                                        <td>

                                            <input type="time" name="special_dates[{{$r}}][open_time]" value="" class="form-control" >  
                                        </td>
                                        <td>
                                            <input type="time" name="special_dates[{{$r}}][end_time]" value="" class="form-control" > 
                                        </td>
                                        <td>
                                            <input type="checkbox" name="special_dates[{{$r}}][closed]" value="1" > 
                                        </td>
                                    </tr>
                                
                                    <tr>
                                        <td>
                                            <input type="hidden" name="special_dates[{{$r}}][special_date_type]"  value="special_date_type_{{$r}}"> 

                                            <input type="checkbox" name="special_dates[{{$r}}][active]" value="1" > 
                                        </td>
                                        <td>

                                            <input type="checkbox" name="special_dates[{{$r}}][ignore_year]" value="1" > 
                                        </td>
                                        <td>
                                            <input type="date" name="special_dates[{{$r}}][date]" value="" class="form-control" >  
                                        </td>

                                        <td>

                                            <input type="text" name="special_dates[{{$r}}][name]" value="" class="form-control" >  
                                        </td>
                                        <td>

                                            <input type="time" name="special_dates[{{$r}}][open_time]" value="" class="form-control" >  
                                        </td>
                                        <td>
                                            <input type="time" name="special_dates[{{$r}}][end_time]" value="" class="form-control" > 
                                        </td>
                                        <td>
                                            <input type="checkbox" name="special_dates[{{$r}}][closed]" value="1" > 
                                        </td>
                                    </tr>
                                
                                    <tr>
                                        <td>
                                            <input type="hidden" name="special_dates[{{$r}}][special_date_type]"  value="special_date_type_{{$r}}"> 

                                            <input type="checkbox" name="special_dates[{{$r}}][active]" value="1" > 
                                        </td>
                                        <td>

                                            <input type="checkbox" name="special_dates[{{$r}}][ignore_year]" value="1" > 
                                        </td>
                                        <td>
                                            <input type="date" name="special_dates[{{$r}}][date]" value="" class="form-control" >  
                                        </td>

                                        <td>

                                            <input type="text" name="special_dates[{{$r}}][name]" value="" class="form-control" >  
                                        </td>
                                        <td>

                                            <input type="time" name="special_dates[{{$r}}][open_time]" value="" class="form-control" >  
                                        </td>
                                        <td>
                                            <input type="time" name="special_dates[{{$r}}][end_time]" value="" class="form-control" > 
                                        </td>
                                        <td>
                                            <input type="checkbox" name="special_dates[{{$r}}][closed]" value="1" > 
                                        </td>
                                    </tr>
                                                            </table>





                        </div>
                    </div>

                </div>




                <div class="x_panel">

                    <div class="modal-body">



                        <div class="col-sm-2" style="display: none;">

                            <label>Owner </label>

                        </div>

                        <div class="col-sm-9" id="top" style="display: none;">

                            <select class="form-control" name="owner">

                                <option value=""> Select</option>

                                @forelse($owners as $owner)

                                <option value="{{$owner->id}}" {{ (old("owner") == $owner->first_name.' '.$owner->last_name ? "selected":"") }} >{{$owner->first_name.' '.$owner->last_name}}</option>

                                @empty

                                @endforelse

                            </select>        

                        </div>





                        <div class="col-sm-2" style="top:-5px;">

                            <label>Types of Radius </label>

                        </div> 



                        <div class="col-sm-2" id="top">

                            <label class="radio-inline" style="color: #b3b3b3;

                                   font-size: 14px;">

                                <input type="radio" value="1" @if(old("radius") == 1) checked="" @else checked="" @endif   name="radius" id='watchMe'>GPS

                            </label>

                            <label class="radio-inline" style="color: #b3b3b3;

                                   font-size: 14px;">

                                <input type="radio" value="0" @if((old("radius") != 1) && (old("radius") != '')) checked="" @endif  name="radius" id='watchMe1'>QR Code

                            </label>

                        </div> 



                        <div id='showMe1' style="display:none;">

                            <div class="col-sm-2" style="top:;">

                                <label>QR Code</label>

                            </div>



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

                                <input type="text" name="qrCode" value="{{ old('qrCode') }}" class="form-control" >  

                            </div>

                        </div> 



                        <div id='showMe' >

                            <div class="col-sm-2" style="top:;">

                                <label>GPS Radius (meters)</label>

                            </div> 



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

                                <input type="text" name="gpsRadius" value="{{ old('gpsRadius') }}" class="form-control">  

                            </div>

                        </div> 


                        <div class="clearfix"></div>
                        <div class="col-sm-1" style="top:15px;">

                            <label>Passport Info :</label>

                        </div> 

                        <div class="col-sm-4" id="top">

                            <input type="text" name="passport_info" value="{{ old('passport_info') }}" class="form-control"  >             

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


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

                            <label>Collector Stamp QR Code :</label>

                        </div>

                        <div class="col-sm-9" id="top">        

                            <input type="text" name="collector_stamps_code" value="{{ old('collector_stamps_code') }}" class="form-control"  >             

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

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

                            <label>Audio File :</label>  

                        </div>

                        <div class="col-sm-3" id="top"> 

                            <input type="file" name="audio" class="form-control" onchange="checkfile(this);"> 

                        </div> 

                        <div class="col-sm-1" style="top:15px;">

                            <label><i>OR</i></label>

                        </div>



                        <div class="col-sm-1" style="top:15px;">

                            <label>Audio Link :</label>

                        </div> 

                        <div class="col-sm-4" id="top">

                            <input type="text" name="audio" value="{{ old('audio') }}" class="form-control"  >             

                        </div> 

                        <!---Add Poi QR Url Feature-->
                         <div class="col-sm-2" >

                            <label>POI QR Url : :</label>

                        </div>

                        <div class="col-sm-7" id="top">        

                            <input type="text" name="poi_qr_url" value="{{ old('poi_qr_url') }}" class="form-control"  >             

                        </div> 
                        <div class="col-sm-2" >

                            <label>Notice: </label><span> Add unique url</span>

                        </div>


                    </div>

                </div>
                <div class="x_panel">
                    <div class="modal-body">
                        <div class="col-sm-12"> 
                            <!-- Rating start -->
                            <h3 style="text-align: center"> Rating</h3>
                        </div>

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

                                <label class="switch">

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

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

                                </label>

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

                                <label>Overall Rating  </label>

                            </div>
                            <div class="col-sm-1" >

                                <label class="switch">

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

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

                                </label>

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

                                <label>Recommended  </label>

                            </div>
                        </div>

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

                                <label class="switch">

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

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

                                </label>

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

                                <label>Selection  </label>

                            </div>
                            <div class="col-sm-1" >

                                <label class="switch">

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

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

                                </label>

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

                                <label>Value  </label>

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

                                <label class="switch">

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

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

                                </label>

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

                                <label>Menu Selection  </label>

                            </div>
                            <div class="col-sm-1" >

                                <label class="switch">

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

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

                                </label>

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

                                <label>Amenities </label>

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

                                <label class="switch">

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

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

                                </label>

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

                                <label>Service  </label>

                            </div>
                            <div class="col-sm-1" >

                                <label class="switch">

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

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

                                </label>

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

                                <label>Parking  </label>

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

                                <label class="switch">

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

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

                                </label>

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

                                <label>Atmosphere  </label>

                            </div>
                            <div class="col-sm-1" >

                                <label class="switch">

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

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

                                </label>

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

                                <label>Enjoyment </label>

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

                                <label class="switch">

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

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

                                </label>

                            </div>

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

                                <label>Cleanliness  </label>

                            </div>
                            <div class="col-sm-1" >

                                <label class="switch">

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

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

                                </label>

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

                                <label>Kid Friendly </label>

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

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

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

                            <label>Highway Name : </label>

                        </div>

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

                            <input type="text"  value="{{ old('highwayName') }}" name="highwayName" class="form-control"  >             

                        </div> 



                        <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" value="{{ old('exitWB') }}"  name="exitWB" class="form-control"  >             

                        </div>



                        <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" value="{{ old('exitEB') }}"  name="exitEB" class="form-control"  >             

                        </div>



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

                            <label>Highway Image : </label>

                        </div>



                        <div class="col-md-8">     

                            <div style="width:63.5%; margin-left:-1px;" class="uploadProfileImage " onClick="javascript:document.getElementById('browse_imageH1').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/highway-route-66.png') }}" alt="" class="avtarH1 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file"  name="highwayImage" value="{{ old('highwayImage') }}" onChange="uploadProfileImageH1(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;" >



                        </div>



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

                            <label>Exit WB Image : </label>

                        </div>



                        <div class="col-md-8">     

                            <div style="width:63.5%; margin-left:-1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_imageH2').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/highway-route-66.png') }}" alt="" class="avtarH2 img-responsive" style="height: 100px; width: 100px;" >

                            </div>

                            <input type="file" name="exitWBImage" onChange="uploadProfileImageH2(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;" >



                        </div>



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

                            <label>Exit EB Image : </label>

                        </div>



                        <div class="col-md-8"> 

                            <div style="width:63.5%; margin-left:-1px;" class="uploadProfileImage" onClick="javascript:document.getElementById('browse_imageH3').click();" align="left" title=" Browse Image"> 

                                <img src="{{ url('images/logo/highway-route-66.png') }}" alt="" class="avtarH3 img-responsive" style="height: 100px; width: 100px;" />

                            </div>

                            <input type="file" name="exitEBImage" onChange="uploadProfileImageH3(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;" >

                        </div>

                    </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"> POI Type(s)</h3>

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



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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Primary POI -</b> POI shows in all lists  </label>

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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  


                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Hidden POI - </b>POI is hidden  </label>

                                </div>
                            </div>


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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Route Guidance - </b>Travel/Navigation Guidance  </label>

                                </div>
                            </div>

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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Route Guidance - </b> REQUIRED  </label>

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

                                    <label class="switch">

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

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

                                    </label>

                                </div>
                                <div class="col-sm-11" >  


                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Historic -</b> POI is historic   </label>

                                </div>

                            </div>




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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Museum -</b> A museum</label>

                                </div>
                            </div>



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

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

                                    <label class="switch">

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

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

                                    </label>

                                </div>
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Visitor Center - </b>Visitor Center or Information Center </label>

                                </div>

                            </div>


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


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

                                    <label class="switch">

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

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

                                    </label>

                                </div>
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Business -</b> A commercial business   </label>

                                </div>

                            </div> 


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

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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Restaurant -</b> Restaurant that serves food  </label>

                                </div>

                            </div>



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


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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Lodging -</b> Hotel/Motel  </label>

                                </div>

                            </div>



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


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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Wayside -</b> Roadside exhibit/sign/marker   </label>

                                </div>
                            </div>

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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Exhibit -</b> Exhibit display   </label>

                                </div>
                            </div>


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


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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >   

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Mural -</b> Mural display  </label>

                                </div>
                            </div>


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


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

                                    <label class="switch">

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

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

                                    </label>

                                </div> 
                                <div class="col-sm-11" >  

                                    <label style="margin-top: 5px;"><b style="font-size: 14px;">Photo Opportunity -</b> A photo opportunity </label>

                                </div>
                            </div>




                        </div>

                    </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"> POI Display Icons</h3>

                        </div>

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

                                <label class="switch">

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

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

                                </label>

                            </div> 

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

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Parking -</b> Parking Available ICON  </label>

                            </div>
                        </div>


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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">No Parking -</b> No Parking ICON  </label>

                            </div>

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

                                <label class="switch">

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

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

                                </label>

                            </div> 

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

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">ADA Accessible-</b> ADA Accessible ICON  </label>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div>    <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">RV Parking -</b> RV Parking Available ICON </label>

                            </div>
                        </div>

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

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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Restrooms - </b>Restrooms Available ICON </label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Alerts -</b> Alerts ICON  </label>

                            </div>
                        </div>



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


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

                                <label class="switch">

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

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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Tours -</b> General Tours Available ICON  </label>

                            </div>
                        </div>


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

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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Tours: Walking -</b> Walking Tours ICON   </label>

                            </div>

                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Tours: Self-</b>Guided - Self-Guided Tours ICON  </label>

                            </div>
                        </div>


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

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

                                <label class="switch">

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

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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Virtual Tour -</b> Virtual Tour Available ICON </label>

                            </div>

                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Audio Tour -</b> Audio Tour Available ICON  </label>

                            </div>
                        </div> 

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Shopping -</b> Shopping Available ICON  </label>

                            </div>
                        </div>


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

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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Gift Shop -</b> POI has a Gift Shop Available ICON  </label>

                            </div>

                        </div>



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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Museum -</b> Museum ICON  </label>

                            </div>
                        </div>



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

                                <label class="switch">

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

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

                                </label>

                            </div>   
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Ticket -</b> Ticket/Admission ICON  </label>

                            </div>



                        </div>


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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Award(s) -</b> POI Award ICON  </label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Coupons -</b> Coupons ICON  </label>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Penny -</b> Press ICON  </label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Route 66 -</b> Primary Route 66 ICON</label>

                            </div>
                        </div>

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

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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">NRHP -</b> National Register of Historic Places ICON  </label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">WIFI -</b> WIFI Available ICON  </label>

                            </div>
                        </div>


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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Photo Op -</b> Photo Opportunity ICON   </label>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Virtual Passport -</b> Passport ICON    </label>

                            </div>
                        </div>

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

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

                                <label class="switch">

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

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

                                </label>
                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">My Route 66 Passport </label>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Collector Stamps  </label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Site Map  </label>

                            </div>
                        </div>





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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Official POI  </label>

                            </div>
                        </div>




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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Certified Level 1</label>

                            </div>
                        </div>



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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Certified Level 2</label>

                            </div>
                        </div>










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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Certified Level 3</label>

                            </div>
                        </div>




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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Members Offers Available</label>

                            </div>
                        </div>




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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Selfie ICON</label>

                            </div>
                        </div>





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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Traveler Favorite</label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Pet Friendly</label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Neon</label>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Photo Op (Vehicle)</label>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Haunted</label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">18+</label>

                            </div>
                        </div>


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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Movie/Film/TV</label>

                            </div>
                        </div>

                        


                    </div>
                </div>


                <!--    options end -->


                <!--    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">POI Features</h3>

                        </div>




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

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

                                <label class="switch">

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

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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> POI Information -  </b> POI Information Section </label>

                            </div>
                        </div>

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

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

                                <label class="switch">

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

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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Services -</b>  Services Section </label>

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

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

                                <label class="switch">

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

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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Location & Navigation - </b> Location & Navigation Section </label>

                            </div>
                        </div>








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

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

                                <label class="switch">

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

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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Rating -</b> Rating for POI </label>

                            </div>
                        </div>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> User Rating -</b> User Ratings for POI  </label>

                            </div>
                        </div> -->



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

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

                                <label class="switch">

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

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

                                </label>

                            </div> 

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

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Reviews -</b> Reviews Feature </label>

                            </div>


                        </div>


                        <!--  <div class="col-sm-12">
                  
                            <div class="col-sm-1">
                  
                              <label class="switch">
                  
                                <input type="checkbox" name="x_categories" >
                  
                                <span class="slider round"></span>
                  
                              </label>
                  
                            </div>   
                     <div class="col-sm-11">  
                  
                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Categories -</b> [Is this used now?  If so, for what?]</label>
                  
                            </div>
                  </div> 
                  
                  <div class="col-sm-12">
                          
                  
                            <div class="col-sm-1">
                  
                              <label class="switch">
                  
                                <input type="checkbox" name="x_main_categories" >
                  
                                <span class="slider round"></span>
                  
                              </label>
                  
                            </div> 
                              <div class="col-sm-11">  
                  
                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Main Categories -</b> [Is this used now?  If so, for what?] </label>
                  
                            </div>
                  </div>
                  
                        -->
                        <div class="col-sm-12">


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Display Map -</b> Display POI Map  </label>

                            </div>
                        </div>


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



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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Passport -</b> POI has a Passport Stamp Available  </label>

                            </div>
                        </div> 


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



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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Trip Planner -</b> POI can be added to Trip Planner   </label>

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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Favorite -</b> POI can be selected as a Favorite  </label>

                            </div>
                        </div> 





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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> POI News -</b> POI News Feature  </label>

                            </div>
                        </div> 








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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Audio Tour -</b> Audio Tour available for POI</b></label>

                            </div>
                        </div>




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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">
                                        Miles To POI -</b> Miles from User Current Location to POI </b></label>

                            </div>
                        </div>






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


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

                                <label class="switch">

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

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

                                </label>

                            </div> 

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

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Miles To Ends -</b> Miles from User Current Location to both ends of Route 66  </label>

                            </div>
                        </div>



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

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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Season/Hours -</b> Display the Seasons/Hours section </label>

                            </div>

                        </div>



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

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

                                <label class="switch">

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

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;">Collector Stamp - POI has a Collector Stamp Available </label>

                            </div>

                        </div>



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

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

                                <label class="switch">

                                    <input type="checkbox" name="poiguestbook" id="poiguestbook" >

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

                                </label>

                            </div> 
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> POI Guestbook Available </label>

                            </div>

                        </div>

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

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

                                <label class="switch">


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


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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> <b>Selfie Overlay </label>

                                            </div>
                                            </div>

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

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

                                <label class="switch">


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


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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> User Image Submit</b> </label>

                            </div>
                        </div>


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

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

                                <label class="switch">


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


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

                                </label>

                            </div>
                            <div class="col-sm-11">  

                                <label style="margin-top: 5px;"><b style="font-size: 14px;"> Credits</b> </label>

                            </div>
                        </div>

                                            


                                            </div>
                                            </div>

                                            <!-- switch button end -->

                                            <!-- 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">POI Buttons</h3>

                                                    </div>


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


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

                                                            <label class="switch">

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

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

                                                            </label>

                                                        </div>
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">Call -</b> Phone Call Button</label>

                                                        </div>
                                                    </div>


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


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

                                                            <label class="switch">

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

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

                                                            </label>

                                                        </div> 
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">Website -</b> Website Button </label>

                                                        </div>
                                                    </div> 


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


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

                                                            <label class="switch">

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

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

                                                            </label>

                                                        </div>
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">Facebook -</b> Facebook Button   </label>

                                                        </div>
                                                    </div>


                                                    <!-- 
                                                              <div class="col-sm-11">  
                                                    
                                                                  <label style="margin-top: 5px;"><b style="font-size: 14px;">Twitter : </label>
                                                    
                                                              </div>
                                                    
                                                              <div class="col-sm-1">
                                                    
                                                                <label class="switch">
                                                    
                                                                  <input type="checkbox" name="opt_twitter" >
                                                    
                                                                  <span class="slider round"></span>
                                                    
                                                                </label>
                                                    
                                                              </div>  -->


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


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

                                                            <label class="switch">

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

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

                                                            </label>

                                                        </div> 
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">Navigate Direct -</b> Navigate Shortest Route to POI  </label>

                                                        </div>

                                                    </div> 


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


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

                                                            <label class="switch">

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

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

                                                            </label>

                                                        </div> 
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">Navigate Route -</b> Navigate on Route 66 to POI  </label>

                                                        </div>
                                                    </div>


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


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

                                                            <label class="switch">

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

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

                                                            </label>

                                                        </div> 
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">Additional POI Information</label>

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


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

                                                            <label class="switch">

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

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

                                                            </label>

                                                        </div> 
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">POI/Traveler Messaging</label>

                                                        </div>
                                                    </div>





                                                    <!--  <div class="col-sm-11">  
                                           
                                                         <label style="margin-top: 5px;"><b style="font-size: 14px;">Photo Gallery : </label>
                                           
                                                     </div>
                                           
                                                     <div class="col-sm-1">
                                           
                                                       <label class="switch">
                                           
                                                         <input type="checkbox" name="photo_gallery" >
                                           
                                                         <span class="slider round"></span>
                                           
                                                       </label>
                                           
                                                     </div> 
                                           
                                           
                                           
                                                     <div class="col-sm-11">  
                                           
                                                         <label style="margin-top: 5px;"><b style="font-size: 14px;">Rate : </label>
                                           
                                                     </div>
                                           
                                                     <div class="col-sm-1">
                                           
                                                       <label class="switch">
                                           
                                                         <input type="checkbox" name="rate" > 
                                           
                                                         <span class="slider round"></span>
                                           
                                                       </label>
                                           
                                                     </div> 
                                           
                                           
                                           
                                           
                                                     <div class="col-sm-11">  
                                           
                                                         <label style="margin-top: 5px;"><b style="font-size: 14px;">Favorite : </label>
                                           
                                                     </div>
                                           
                                                     <div class="col-sm-1">
                                           
                                                       <label class="switch">
                                           
                                                         <input type="checkbox" name="favorite" >
                                           
                                                         <span class="slider round"></span>
                                           
                                                       </label>
                                           
                                                     </div>  -->

                                                </div>
                                            </div>




















                                            <div class="x_panel">

                                                <div class="modal-body">

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

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

                                                    </div>





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


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

                                                            <label class="switch">

                                                                <input type="checkbox" name="advertisement_sponsorship" id="advertisement_sponsorship"  value="1">

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

                                                            </label>

                                                        </div> 
                                                        <div class="col-sm-11">  

                                                            <label style="margin-top: 5px;"><b style="font-size: 14px;">Advertisement Sponsorship</label>

                                                        </div>

                                                    </div> 

                                                    <div class="col-sm-12" id="dvPassport" style="display: none;">


                                                        <div class="col-sm-2"  style="margin-top:14px;">  
                                                            <label>Image : </label>
                                                        </div>
                                                        <div class="col-md-10">     
                                                            <div style=" width: 100px; margin-left:-1px;" class="uploadProfileImage " onClick="javascript:document.getElementById('browse_imageai').click();" align="left" title=" Browse Image"> 
                                                                <img src="{{ url('images/logo/highway-route-66.png') }}" alt="" class="avtarai img-responsive" style="height: 100px; width: 100px;" />
                                                            </div>
                                                            <input type="file"  name="advertisement_image" value="{{ old('advertisement_image') }}" onChange="uploadProfileImageai(this);" style="height: 100px; width: 100px; margin-top: -98px; opacity: 0; cursor: pointer;" >
                                                        </div>

                                                        <div class="col-sm-12" id="top">
                                                            <label class="radio-inline" style="color: #b3b3b3;
                                                                   font-size: 14px;">
                                                                <input type="radio" value="1" checked="" name="advertisement_type" >Another Poi

                                                            </label>
                                                            <label class="radio-inline" style="color: #b3b3b3;
                                                                   font-size: 14px;">
                                                                <input type="radio" value="2"  name="advertisement_type" >Ad Url
                                                            </label>

                                                        </div> 
                                                        <div class="col-sm-12" id="top">

                                                            <input type="text" name="advertisement_url" value="" class="form-control">  

                                                        </div>




                                                    </div>

                                                </div>
                                            </div>




                                            <div class="col-md-12">
                                                <h3 style="text-align: center">Poi Points</h3>

                                                <div class="col-sm-2" >
                                                    <label>Passport Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top">           
                                                    <input type="number" name="Passport_Points" value="1" class="form-control">
                                                </div>

                                                <div class="col-sm-2" >
                                                    <label>Collector Stamp Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top">           
                                                    <input type="number" name="Collector_Stamp_Points" value="1" class="form-control">
                                                </div>


                                                <div class="col-sm-2" >
                                                    <label>Guestbook Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top">           
                                                    <input type="number" name="Guestbook_Points" value="1" class="form-control">
                                                </div>


                                                <div class="col-sm-2" >
                                                    <label>Review Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top">           
                                                    <input type="number" name="Review_Points" value="1" class="form-control">
                                                </div>





                                                <div class="col-sm-2" >
                                                    <label>Rating Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top">           
                                                    <input type="number" name="Rating_Points" value="1" class="form-control">
                                                </div>



                                                <div class="col-sm-2" >
                                                    <label>Arrival Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top">           
                                                    <input type="number" name="Arrival_Points" value="1" class="form-control">
                                                </div>



                                                <div class="col-sm-2" >
                                                    <label>Visited Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top">           
                                                    <input type="number" name="Visited_Points" value="1" class="form-control">
                                                </div>
                                                <div class="col-sm-2" >
                                                    <label>Social Selfie Points</label>
                                                </div>
                                                <div class="col-sm-9" id="top"> 


                                                    <input type="number" name="selfie_Points" class="form-control" value="1">

                                                </div>


                                            </div>

                                            <!-- option button end -->

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

                                                {{ Form::submit('Save', ['class' => 'btn btn-primary', 'id' => 'submitButtonId' ,'style' => 'width:200px; margin-top:10px;']) }}

                                            </div>     





                                            {{ Form::close() }}



                                            </div>

                                            </div>

                                            </div>

                                            </div>



                                            @endsection

                                            <script type="text/javascript">
                                                function myFunction() {
                                                    var returnparms = true;

                                                    var checked = $("input[name='season_active[0]']").is(':checked');
                                                    if (checked == true) {

                                                        if ($("input[name='start_date[0]']").val() == "" || $("input[name='end_date[0]']").val() == "") {
                                                            if ($("input[name='start_date[0]']").val() == "") {
                                                                $("input[name='start_date[0]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='start_date[0]']").focus();
                                                            }
                                                            if ($("input[name='end_date[0]']").val() == "") {
                                                                $("input[name='end_date[0]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='end_date[0]']").focus();
                                                            }
                                                            $('html, body').animate({
                                                                scrollTop: ($(".season1").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='start_date[0]'],input[name='end_date[0]'] ").blur();
                                                            $("input[name='start_date[0]'],input[name='end_date[0]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }

                                                    var checked = $("input[name='season_active[1]']").is(':checked');
                                                    if (checked == true) {
                                                        if ($("input[name='start_date[1]']").val() == "" || $("input[name='end_date[1]']").val() == "") {

                                                            if ($("input[name='start_date[1]']").val() == "") {
                                                                $("input[name='start_date[1]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='start_date[1]']").focus();
                                                            }
                                                            if ($("input[name='end_date[1]']").val() == "") {
                                                                $("input[name='end_date[1]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='end_date[1]']").focus();
                                                            }
                                                            $('html, body').animate({
                                                                scrollTop: ($(".season2").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='start_date[1]'],input[name='end_date[1]'] ").blur();
                                                            $("input[name='start_date[1]'],input[name='end_date[1]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }

                                                    var checked = $("input[name='season_active[2]']").is(':checked');
                                                    if (checked == true) {
                                                        if ($("input[name='start_date[2]']").val() == "" || $("input[name='end_date[2]']").val() == "") {
                                                            if ($("input[name='start_date[2]']").val() == "") {
                                                                $("input[name='start_date[2]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='start_date[2]']").focus();
                                                            }
                                                            if ($("input[name='end_date[2]']").val() == "") {
                                                                $("input[name='end_date[2]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='end_date[2]']").focus();
                                                            }
                                                            $('html, body').animate({
                                                                scrollTop: ($(".season3").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='start_date[2]'],input[name='end_date[2]'] ").blur();
                                                            $("input[name='start_date[2]'],input[name='end_date[2]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }
                                                    var checked = $("input[name='season_active[3]']").is(':checked');
                                                    if (checked == true) {
                                                        if ($("input[name='start_date[3]']").val() == "" || $("input[name='end_date[3]']").val() == "") {
                                                            if ($("input[name='start_date[3]']").val() == "") {
                                                                $("input[name='start_date[3]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='start_date[3]']").focus();
                                                            }
                                                            if ($("input[name='end_date[3]']").val() == "") {
                                                                $("input[name='end_date[3]']").css({'border': '1px solid red'}); //this line is added before focus
                                                                $("input[name='end_date[3]']").focus();
                                                            }
                                                            $('html, body').animate({
                                                                scrollTop: ($(".season4").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='start_date[3]'],input[name='end_date[3]'] ").blur();
                                                            $("input[name='start_date[3]'],input[name='end_date[3]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }
                                                    var checked = $("input[name='special_dates[0][active]']").is(':checked');


                                                    if (checked == true) {

                                                        if ($("input[name='special_dates[0][date]']").val() == "") {

                                                            $("input[name='special_dates[0][date]']").css({'border': '1px solid red'}); //this line is added before focus
                                                            $("input[name='special_dates[0][date]']").focus();


                                                            $('html, body').animate({
                                                                scrollTop: ($("input[name='special_dates[0][date]']").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='special_dates[0][date]'] ").blur();
                                                            $("input[name='special_dates[0][date]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }

                                                    var checked = $("input[name='special_dates[1][active]']").is(':checked');
                                                    if (checked == true) {

                                                        if ($("input[name='special_dates[1][date]']").val() == "") {

                                                            $("input[name='special_dates[1][date]']").css({'border': '1px solid red'}); //this line is added before focus
                                                            $("input[name='special_dates[1][date]']").focus();


                                                            $('html, body').animate({
                                                                scrollTop: ($("input[name='special_dates[1][date]']").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='special_dates[1][date]'] ").blur();
                                                            $("input[name='special_dates[1][date]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }
                                                    var checked = $("input[name='special_dates[2][active]']").is(':checked');
                                                    if (checked == true) {

                                                        if ($("input[name='special_dates[2][date]']").val() == "") {

                                                            $("input[name='special_dates[2][date]']").css({'border': '1px solid red'}); //this line is added before focus
                                                            $("input[name='special_dates[2][date]']").focus();


                                                            $('html, body').animate({
                                                                scrollTop: ($("input[name='special_dates[2][date]']").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='special_dates[2][date]'] ").blur();
                                                            $("input[name='special_dates[2][date]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }
                                                    var checked = $("input[name='special_dates[3][active]']").is(':checked');
                                                    if (checked == true) {

                                                        if ($("input[name='special_dates[3][date]']").val() == "") {

                                                            $("input[name='special_dates[3][date]']").css({'border': '1px solid red'}); //this line is added before focus
                                                            $("input[name='special_dates[3][date]']").focus();


                                                            $('html, body').animate({
                                                                scrollTop: ($("input[name='special_dates[3][active]']").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='special_dates[3][date]'] ").blur();
                                                            $("input[name='special_dates[3][date]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }

                                                    var checked = $("input[name='special_dates[4][active]']").is(':checked');
                                                    if (checked == true) {

                                                        if ($("input[name='special_dates[4][date]']").val() == "") {

                                                            $("input[name='special_dates[4][date]']").css({'border': '1px solid red'}); //this line is added before focus
                                                            $("input[name='special_dates[4][date]']").focus();


                                                            $('html, body').animate({
                                                                scrollTop: ($("input[name='special_dates[4][date]']").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='special_dates[4][date]").blur();
                                                            $("input[name='special_dates[4][date]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }
                                                    var checked = $("input[name='special_dates[5][active]']").is(':checked');
                                                    if (checked == true) {

                                                        if ($("input[name='special_dates[5][date]']").val() == "") {

                                                            $("input[name='special_dates[5][date]']").css({'border': '1px solid red'}); //this line is added before focus
                                                            $("input[name='special_dates[5][date]']").focus();


                                                            $('html, body').animate({
                                                                scrollTop: ($("input[name='special_dates[5][date]']").offset().top - 300)
                                                            }, 2000);
                                                            return false;
                                                        } else {
                                                            $("input[name='special_dates[5][date]").blur();
                                                            $("input[name='special_dates[5][date]'] ").css({'border': '1px solid #ccc'});
                                                        }
                                                    }

                                                    return  true;

                                                }
                                                $(function () {
                                                    $("#advertisement_sponsorship").click(function () {
                                                        if ($(this).is(":checked")) {
                                                            $("#dvPassport").show();
                                                        } else {
                                                            $("#dvPassport").hide();
                                                        }
                                                    });
                                                });

                                            </script>

                                            <script type="text/javascript" language="javascript">

                                                function checkfile(sender) {

                                                    var validExts = new Array(".mp3");

                                                    var fileExt = sender.value;

                                                    fileExt = fileExt.substring(fileExt.lastIndexOf('.'));

                                                    if (validExts.indexOf(fileExt) < 0) {

                                                        alert("Invalid file selected, valid files are of " +
                                                                validExts.toString() + " types.");

                                                        return false;

                                                    } else
                                                        return true;

                                                }

//function checkvideofile(sender) {
//    console.log("sender.value",sender.value);
//            var filePath = sender.value;
//            // Allowing file type
//            var allowedExtensions = 
//                    /(\.mp4)$/i;
//            var validExts = new Array(".mp4");  
//            
//            if (!allowedExtensions.exec(filePath)) {
//                alert("Invalid file selected, valid files are of " +
//                                                                validExts.toString() + " types.");
//                sender.value = '';
//                return false;
//            } 
//            else 
//            {
//             return true;
//            }
//        }


                                            </script>



                                            <script type="text/javascript">





                                                /*function monday(){
                                                 
                                                 
                                                 
                                                 var smon = document.getElementById('monStartTime');
                                                 
                                                 var emon = document.getElementById('monEndTime');
                                                 
                                                 if(smon >= emon)
                                                 
                                                 {
                                                 
                                                 //alert('dd');
                                                 
                                                 }
                                                 
                                                 }*/

                                            </script>



                                            <script type="text/javascript">

                                                $(document).ready(function () {

                                                    $('input[type="radio"]').click(function () {

                                                        if ($(this).attr('id') == 'watchMe1') {

                                                            $('#showMe1').show();

                                                        } else {

                                                            $('#showMe1').hide();

                                                        }

                                                    });

                                                });



                                                $(document).ready(function () {

                                                    $('input[type="radio"]').click(function () {

                                                        if ($(this).attr('id') == 'watchMe') {

                                                            $('#showMe').show();

                                                        } else {

                                                            $('#showMe').hide();

                                                        }

                                                    });

                                                });

                                            </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 uploadcollectoryear(fileInput8, year) {

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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

                                                            $('.avtar' + year).attr('src', e.target.result);

                                                        };

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

                                                    }

                                                }


                                                function uploadProfileImage2_map(fileInput2) {

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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

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

                                                        };

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

                                                    }

                                                }

                                                function uploadProfileImagenotice(fileInput8) {

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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

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

                                                        };

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

                                                    }

                                                }
                                                function uploadProfileImage3_map(fileInput3) {

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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

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

                                                        };

                                                        reader.readAsDataURL(fileInput3.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) {

                                                    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 uploadProfileImage8(fileInput8) {

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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

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

                                                        };

                                                        reader.readAsDataURL(fileInput8.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]);

                                                    }

                                                }

                                                // Upload Selfie
                                                function uploadLogo(fileInput3) {



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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

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

                                                        };

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

                                                    }

                                                }

                                                // Upload Selfie
                                                function uploadSelfie(fileInput3) {



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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

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

                                                        };

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

                                                    }

                                                }

                                                // Upload Selfie
                                                function uploadParkingLogo(fileInput3) {



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

                                                var reader = new FileReader();

                                                reader.onload = function (e) {

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

                                                };

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

                                                }

                                                }

                                                function uploadProfileImageai(fileInputai) {

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

                                                        var reader = new FileReader();

                                                        reader.onload = function (e) {

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

                                                        };

                                                        reader.readAsDataURL(fileInputai.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]);

                                                    }

                                                }
                                                $.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>


                                                $(document).on("change", ".file_multi_video", function (evt) {
                                                    //check file type here 
                                                    var $source = $('#video_here');
                                                    $source[0].src = URL.createObjectURL(this.files[0]);
                                                    $source.parent()[0].load();
                                                });

                                                $(document).on("change", ".start_month", function (evt) {
                                                    var dt = new Date();
                                                    var month = evt.target.value;
                                                    var year = dt.getFullYear();
                                                    var daysInMonth = new Date(year, month, 0).getDate();
                                                });

                                                $(function () {

                                                    // $( "#datepicker" ).datepicker();

                                                });
                                                
                                                $(document).ready(function () {
                                                    for (var i = 0; i <= 3; i++) { 
//                                                               $key = $i + 1;
                                                    const startmonthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
                                                    ];
                                                    let startqntYears = 1;
                                                    let startselectYear = $("#start_year"+i);
                                                    let startselectMonth = $("#start_month"+i);
                                                    let startselectDay = $("#start_day"+i);
                                                    let startcurrentYear = new Date().getFullYear();

                                                    for (var starty = 0; starty < startqntYears; starty++) {
                                                        let startdate = new Date(startcurrentYear);
                                                        let startyearElem = document.createElement("option");
                                                        startyearElem.value = startcurrentYear
                                                        startyearElem.textContent = startcurrentYear;
                                                        startselectYear.append(startyearElem);
                                                        startcurrentYear--;
                                                    }

                                                    for (var startm = 0; startm < 12; startm++) {
                                                        let startmonth = startmonthNames[startm];
                                                        let startmonthElem = document.createElement("option");
                                                        startmonthElem.value = startm;
                                                        startmonthElem.textContent = startmonth;
                                                        startselectMonth.append(startmonthElem);
                                                    }

                                                    var startd = new Date();
                                                    var startmonth = startd.getMonth();
                                                    var startyear = startd.getFullYear();
                                                    var startday = startd.getDate();

                                                    startselectYear.val(startyear);
                                                    startselectYear.on("change", startAdjustDays);
//                                                    startselectMonth.val(startmonth);
                                                    startselectMonth.val('');
                                                    startselectMonth.on("change", startAdjustDays);

                                                    startAdjustDays();
//                                                    startselectDay.val(startday)
                                                    startselectDay.val('')

                                                    function startAdjustDays() {
                                                        var startyear = startselectYear.val();
                                                        var startmonth = parseInt(startselectMonth.val()) + 1;
                                                        startselectDay.empty();

                                                        //get the last day, so the number of days in that month
                                                        var startdays = new Date(startyear, startmonth, 0).getDate();

                                                        //lets create the days of that month
                                                        for (var startd = 1; startd <= startdays; startd++) {
                                                            var startdayElem = document.createElement("option");
                                                            startdayElem.value = startd;
                                                            startdayElem.textContent = startd;
                                                            startselectDay.append(startdayElem);
                                                        }
                                                    }
                                                    }
                                                });
                                                
                                                $(document).ready(function () {
                                                    for (var i = 0; i <= 3; i++) { 
                                                        
                                                    const endmonthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
                                                    ];
                                                    let endqntYears = 1;
                                                    let endselectYear = $("#end_year"+i);
                                                    let endselectMonth = $("#end_month"+i);
                                                    let endselectDay = $("#end_day"+i);
                                                    let endcurrentYear = new Date().getFullYear();

                                                    for (var endy = 0; endy < endqntYears; endy++) {
                                                        let enddate = new Date(endcurrentYear);
                                                        let endyearElem = document.createElement("option");
                                                        endyearElem.value = endcurrentYear
                                                        endyearElem.textContent = endcurrentYear;
                                                        endselectYear.append(endyearElem);
                                                        endcurrentYear--;
                                                    }

                                                    for (var endm = 0; endm < 12; endm++) {
                                                        let endmonth = endmonthNames[endm];
                                                        let endmonthElem = document.createElement("option");
                                                        endmonthElem.value = endm;
                                                        endmonthElem.textContent = endmonth;
                                                        endselectMonth.append(endmonthElem);
                                                    }

                                                    var endd = new Date();
                                                    var endmonth = endd.getMonth();
                                                    var endyear = endd.getFullYear();
                                                    var endday = endd.getDate();

                                                    endselectYear.val(endyear);
                                                    endselectYear.on("change", endAdjustDays);
                                                    endselectMonth.val('');
                                                    endselectMonth.on("change", endAdjustDays);

                                                    endAdjustDays();
                                                    endselectDay.val('')

                                                    function endAdjustDays() {
                                                        var endyear = endselectYear.val();
                                                        var endmonth = parseInt(endselectMonth.val()) + 1;
                                                        endselectDay.empty();

                                                        //get the last day, so the number of days in that month
                                                        var enddays = new Date(endyear, endmonth, 0).getDate();

                                                        //lets create the days of that month
                                                        for (var endd = 1; endd <= enddays; endd++) {
                                                            var enddayElem = document.createElement("option");
                                                            enddayElem.value = endd;
                                                            enddayElem.textContent = endd;
                                                            endselectDay.append(enddayElem);
                                                        }
                                                    }
                                                    }
                                                });


                                            </script>