@extends('layouts.master')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-te/1.4.0/jquery-te.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-te/1.4.0/jquery-te.css" rel="stylesheet" type="text/css">
@section('content')
    <div class="right_col" role="main">

        <div class="">

            <div class="page-title">

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

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

                </div>

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

                    <h3>Add Waypoint</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
                    {{ Form::open(['route' => 'save_drive_mode', 'files' => true]) }}

                    <div class="x_panel" style="background: #eee">
                        <div class="modal-body">

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



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

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

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

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



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

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

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

                                        <input type="checkbox" name="clear_defaults" value="1" checked>

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

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

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

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


                            <div class="col-md-2">
                                <label> Exit Reset/Default:</label>
                                <div style="padding: 5px;" class="form-group">
                                    <label class="switch">

                                        <input type="checkbox" name="exit_clear" value="1">

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

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


                            <hr class="manage-line">
                            <div class="col-md-12">
                                <label>Internal Description:</label>
                                <div style="clear: both;"></div>
                                <div class="form-group">
                                    <textarea name="internal_description" class="form-control"></textarea>
                                </div>
                            </div>

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

                                <div class="col-md-4"> <label><input type="checkbox" checked="" name="mandatory_alert"
                                            value="1" placeholder="">Navigation: Primary</label>
                                </div>
                                <div class="col-md-4">
                                    <label><input type="checkbox" name="secondary_alert" value="1"
                                            placeholder="">Navigation: Secondary</label>
                                </div>
                                <div class="col-md-4">
                                    <label><input type="checkbox" name="guidance_alert" value="1"
                                            placeholder="">Navigation: Assistance</label>
                                </div>
                                <div class="col-md-4"> <label><input type="checkbox" name="travel_alert" value="1"
                                            placeholder=""> Alert</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="interest_alert"
                                            value="1" placeholder="">Interest</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="advertisement_alert"
                                            value="1" placeholder="">Advertisement</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="walking_tour" value="1"
                                            placeholder=""> Walking Tour</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="bicycle_tour" value="1"
                                            placeholder="">Bicycle Tour</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="poi_alert" value="1"
                                            placeholder="">POI Announcement</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="event" value="1"
                                            placeholder="">Event</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="audio_tour" value="1"
                                            placeholder="">Audio Tour</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="location" value="1"
                                            placeholder="">Location</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" name="detour" value="1"
                                            placeholder="">Detour</label></div>
                            </div>
                            <div style="clear: both;"></div>





                            <hr class="manage-line">


                            <div class="col-md-12">
                                <label> VEHICLE TYPE(S) :</label>
                                <div style="clear: both;"></div>

                                <div class="col-md-4"> <label><input type="checkbox" checked=""
                                            name="Passenger_Vehicle" value="1" placeholder="">Passenger
                                        Vehicle</label>
                                </div>
                                <div class="col-md-4">
                                    <label><input type="checkbox" checked="" name="RV" value="1"
                                            placeholder="">RV</label>
                                </div>
                                <div class="col-md-4">
                                    <label><input type="checkbox" checked="" name="Motorcycle" value="1"
                                            placeholder="">Motorcycle</label>
                                </div>
                                <div class="col-md-4"> <label><input type="checkbox" checked="" name="Bus_Coach"
                                            value="1" placeholder="">Bus/Coach</label></div>
                                <div class="col-md-4"> <label><input type="checkbox" checked=""
                                            name="Bicycle_Walking" value="1" placeholder="">Bicycle/Walking</label>
                                </div>
                                <div class="col-md-4"> <label><input type="checkbox" checked="" name="other"
                                            value="1" placeholder="">Other</label></div>
                            </div>
                            <div style="clear: both;"></div>
                            <div class="col-md-12">
                                <div style="clear: both;"></div>
                                <label> SCHEDULE :</label>
                                <div style="clear: both;"></div>

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

                                    <div class="col-md-12">
                                        <label>START</label>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="start_month" class="form-control">
                                                    <option value="0">Month</option>
                                                    <option value=1>January</option><option value=2>February</option><option value=3>March</option><option value=4>April</option><option value=5>May</option><option value=6>June</option><option value=7>July</option><option value=8>August</option><option value=9>September</option><option value=10>October</option><option value=11>November</option><option value=12>December</option>
                                                </select>

                                            </div>
                                        </div>


                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="start_day" class="form-control">
                                                    <option value="0">Day</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option>                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="start_year" class="form-control">
                                                    <option value="0">Year</option>
                                                    <option value=2020>2020</option><option value=2021>2021</option><option value=2022>2022</option>                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="start_hour" class="form-control">
                                                    <option value="0">Hour</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="start_minutes" class="form-control">
                                                    <option value="0">Minutes</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option><option value=31>31</option><option value=32>32</option><option value=33>33</option><option value=34>34</option><option value=35>35</option><option value=36>36</option><option value=37>37</option><option value=38>38</option><option value=39>39</option><option value=40>40</option><option value=41>41</option><option value=42>42</option><option value=43>43</option><option value=44>44</option><option value=45>45</option><option value=46>46</option><option value=47>47</option><option value=48>48</option><option value=49>49</option><option value=50>50</option><option value=51>51</option><option value=52>52</option><option value=53>53</option><option value=54>54</option><option value=55>55</option><option value=56>56</option><option value=57>57</option><option value=58>58</option><option value=59>59</option><option value=60>60</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">

                                    <div class="col-md-12">
                                        <label>END</label>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="end_month" class="form-control">
                                                    <option value="0">Month</option>
                                                    <option value=1>January</option><option value=2>February</option><option value=3>March</option><option value=4>April</option><option value=5>May</option><option value=6>June</option><option value=7>July</option><option value=8>August</option><option value=9>September</option><option value=10>October</option><option value=11>November</option><option value=12>December</option>
                                                </select>

                                            </div>
                                        </div>


                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="end_day" class="form-control">
                                                    <option value="0">Day</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option>                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="end_year" class="form-control">
                                                    <option value="0">Year</option>
                                                    <option value=2020>2020</option><option value=2021>2021</option><option value=2022>2022</option>                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="end_hour" class="form-control">
                                                    <option value="0">Hour</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <select name="end_minutes" class="form-control">
                                                    <option value="0">Minutes</option>
                                                    <option value=1>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option><option value=13>13</option><option value=14>14</option><option value=15>15</option><option value=16>16</option><option value=17>17</option><option value=18>18</option><option value=19>19</option><option value=20>20</option><option value=21>21</option><option value=22>22</option><option value=23>23</option><option value=24>24</option><option value=25>25</option><option value=26>26</option><option value=27>27</option><option value=28>28</option><option value=29>29</option><option value=30>30</option><option value=31>31</option><option value=32>32</option><option value=33>33</option><option value=34>34</option><option value=35>35</option><option value=36>36</option><option value=37>37</option><option value=38>38</option><option value=39>39</option><option value=40>40</option><option value=41>41</option><option value=42>42</option><option value=43>43</option><option value=44>44</option><option value=45>45</option><option value=46>46</option><option value=47>47</option><option value=48>48</option><option value=49>49</option><option value=50>50</option><option value=51>51</option><option value=52>52</option><option value=53>53</option><option value=54>54</option><option value=55>55</option><option value=56>56</option><option value=57>57</option><option value=58>58</option><option value=59>59</option><option value=60>60</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="form-group">

                                            
                                            <label class="checkbox-inline">
                                                <input type="checkbox" name="days_of_week[]"
                                                    value="MON">MON                                            </label>
                                            
                                            <label class="checkbox-inline">
                                                <input type="checkbox" name="days_of_week[]"
                                                    value="TUE">TUE                                            </label>
                                            
                                            <label class="checkbox-inline">
                                                <input type="checkbox" name="days_of_week[]"
                                                    value="WED">WED                                            </label>
                                            
                                            <label class="checkbox-inline">
                                                <input type="checkbox" name="days_of_week[]"
                                                    value="THU">THU                                            </label>
                                            
                                            <label class="checkbox-inline">
                                                <input type="checkbox" name="days_of_week[]"
                                                    value="FRI">FRI                                            </label>
                                            
                                            <label class="checkbox-inline">
                                                <input type="checkbox" name="days_of_week[]"
                                                    value="SAT">SAT                                            </label>
                                            
                                            <label class="checkbox-inline">
                                                <input type="checkbox" name="days_of_week[]"
                                                    value="SUN">SUN                                            </label>
                                                                                    </div>
                                    </div>
                                </div>

                            </div>

                            <div class="col-md-12">
                                <label>My Trip:</label>
                                <div style="clear: both;"></div>
                                <div class="form-group">
                                    <select name="selected_poi" class="form-control">
                                        <option value="">------</option>
                                        @foreach ($all_poi as $single_poi)
                                            <option value="{{ $single_poi->poiid }}">
                                                {{ $single_poi->poiid }}|{{ $single_poi->poi_internal_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>





                            <hr class="manage-line">


                            <div class="tab-gps" style="border: 1px solid #4a549c; float: left;margin: 15px;width:100%;">

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


                                <ul id="nav-tab" class="nav nav-tabs">

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

                                </ul>

                                <div id="tab-content" class="tab-content">
                                    <div id="home" class="tab-pane fade in active">

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


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



                                        <div class="col-md-6">
                                            <label> Is Continous :</label>
                                            <div style="padding: 5px;" class="form-group">

                                                <div class="checkbox">
                                                    <label><input id="check_continous1" name="iscontinous[]"
                                                            type="checkbox" value="True" onchange="valueChanged(1)"
                                                            checked> Is Continous :</label>
                                                    <input style="display:none" id="check_continous_dup"
                                                        name="iscontinous[]" type="checkbox" value="False">
                                                </div>
                                            </div>
                                        </div>




                                    </div>




                                </div>
                            </div>
                            <div class="col-md-12">
                                <label>Destination Waypoints:</label>
                                <div style="clear: both;"></div>
                                <div class="form-group">
                                    <select name="destination_waypoint" class="form-control">
                                        <option value="">------</option>
                                        @foreach ($destination_waypoints as $single_waypoint)
                                            <option value="{{ $single_waypoint->id }}">
                                                {{ $single_waypoint->name }}|{{ $single_waypoint->id }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>


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

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


                                    </select>



                                </div>
                            </div>



                            <div class="col-md-12">
                                <label>Travel Bearing (XXX,XXX):</label>
                                <div style="padding: 5px;" class="form-group">
                                    <input name="travel_bearing" class="form-control"
                                        onkeypress="return isNumberKey(event)" autocomplete="off">
                                </div>
                            </div>

                            <div class="col-md-12">
                                <label>My Trip POI (UID#):</label>
                                <div style="padding: 5px;" class="form-group">
                                    <input name="my_trip_poi" class="form-control" value="">
                                </div>
                            </div>


                            <hr class="manage-line">

                            <div class="col-md-12">
                                <label> Mute Audio (if last Waypoint UID is):</label>
                                <div style="clear: both;"></div>

                                <div class="form-group " style="margin-left: 5px">
                                    <label class="switch">

                                        <input class="form-control" type="text" name="mute_sound" class="mute_sound" id="mute_sound"
                                        onkeypress="return isNumberKey(event)" autocomplete="off" >

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

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


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

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

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

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

                                    </label>
                                </div>

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

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

                                    </select>


                                </div>

                            </div>



                            <hr class="manage-line">



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

                            <hr class="manage-line">

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

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

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

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

                                    </label>
                                </div>

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

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

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

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

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

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

                                    </select>
                                    <label>Fourth Audio</label>
                                    <select name="canned_audio_id4" class="form-control">
                                        <option value="">----</option>

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

                                    </select>

                                    <label>Fifth Audio</label>
                                    <select name="canned_audio_id5" class="form-control">
                                        <option value="">----</option>

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

                                    </select>


                                    <label>Sixth Audio</label>
                                    <select name="canned_audio_id6" class="form-control">
                                        <option value="">----</option>

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

                                    </select>


                                </div>

                            </div>



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

                            <div class="col-md-12">
                                <label> Audio (streamed):</label>
                                <div style="padding: 5px;" class="form-group">
                                    <input type="file" name="audio_streamed" class="form-control" value="">
                                </div>
                            </div>
                            <div class="col-md-12">

                                <label> User Accept:</label>
                                <div style="clear: both;"></div>

                                <div class="form-group col-md-6">
                                    <label class="switch">
                                        <input type="checkbox" name="user_accept" class="user_accept" id="user_accept"
                                            value="1">
                                        <span class="slider round"></span>
                                    </label>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <label> Display (seconds:)</label>
                                <div style="padding: 5px;" class="form-group">
                                    <input type="number" min="0" name="display_seconds" class="form-control"
                                        placeholder="">
                                </div>
                            </div>



                            <hr class="manage-line">


                            <fieldset style="min-width:100%;border:1px solid black" class="margintop">
                                <legend style="width:auto;color:black">Audio Tour</legend>
                                <div style="border:1px solid gray" class="col-md-12">
                                    <div class="form-group">
                                        <br>
                                        <label> Canned Audio:</label>
                                        <select class="form-control" name="audio_tour_canned">
                                            <option value="">Select</option>
                                            @foreach ($audio as $single_audio)
                                                <option value="{{ $single_audio->id }}">{{ $single_audio->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label> Downloaded Audio:</label>
                                        <input type="file" name="audio_tour_audiodownloaded" class="form-control"
                                            value="">
                                    </div>
                                    <div class="form-group">
                                        <label> Audio Stream URL:</label>
                                        <input type="text" name="audio_tour_audiostream" class="form-control"
                                            placeholder="">
                                    </div>
                                </div>


                            </fieldset>

                            <fieldset style="min-width:100%;border:1px solid black" class="margintop">
                                <legend style="width:auto;color:black">Top</legend>
                                <div style="border:1px solid gray" class="col-md-12">
                                    <div class="col-md-3">
                                        <label> Set Default :</label>
                                        <div style="padding: 5px;" class="form-group">
                                            <label class="switch">

                                                <input type="checkbox" name="set_default_top" value="1">

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

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

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

                                                <input type="checkbox" name="exit_to_default_top" value="1">

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

                                            </label>
                                        </div>
                                    </div>
                                    <label> IMAGE:Top</label>
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="file" name="nav_image_name2" class="form-control"
                                            value="">

                                    </div>
                                    <div class="form-group">
                                        <select class="form-control" name="nav_image_name">
                                            <option value="">Select</option>
                                            @foreach ($nav as $user)
                                                <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>


                            </fieldset>


                            <fieldset style="min-width:100%;border:1px solid black" class="margintop">
                                <legend style="width:auto;color:black">Navigation</legend>


                                <div class="col-md-12">
                                    <label><b>Text</b></labe>
                                        <textarea name="nav_html" class="textEditor mt-0"></textarea>


                                        <label><b>Direction</b></labe>
                                            <textarea name="direction_html" class="textEditor_direction"></textarea>




                                            <script language="javascript">
                                                $(".textEditor").jqte();
                                                $(".textEditor_direction").jqte();
                                            </script>



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

                                                <input type="checkbox" name="set_default_navigation" value="1">

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

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

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

                                                <input type="checkbox" name="exit_to_default_navigation" value="1">

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

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

                                        </div>

                                        <div class="form-group">
                                            <select class="form-control" name="nav_image_direction2">
                                                <option value="">Select</option>
                                                @foreach ($nav2 as $user)
                                                    <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <label>IMAGE:Navigation Overlay</label>
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="file" name="nav_image_heads_up" class="form-control"
                                            value="">
                                    </div>


                                    <div class="form-group">
                                        <select class="form-control" name="nav_image_heads_up2">
                                            <option value="">Select</option>
                                            @foreach ($nav3 as $user)
                                                <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <label>IMAGE:Navigation Overlay 2</label>
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="file" name="new_image_heads_up" class="form-control"
                                            value="">
                                    </div>
                                    <div class="form-group">
                                        <select class="form-control" name="new_image_heads_up2">
                                            <option value="">Select</option>
                                            @foreach ($nav7 as $user)
                                                <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset style="min-width:100%;border:1px solid black" class="margintop">
                                <legend style="width:auto;color:black">Sub-Navigation</legend>
                                <div class="col-md-12">
                                    <div class="col-md-3">
                                        <label> Set Default :</label>
                                        <div style="padding: 5px;" class="form-group">
                                            <label class="switch">

                                                <input type="checkbox" name="set_default_subnavigation" value="1">

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

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

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

                                                <input type="checkbox" name="exit_to_default_subnavigation"
                                                    value="1">

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

                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <label>Sub-Navigation Base</label>
                                        <div style="padding: 5px;" class="form-group">
                                            <input type="file" name="nav_sub_base" class="form-control"
                                                value="">
                                        </div>
                                        <div class="form-group">
                                            <select class="form-control" name="nav_sub_base2">
                                                <option value="">Select</option>
                                                @foreach ($nav_sub_base as $user)
                                                    <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <label>Sub-Navigation Overlay</label>
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="file" name="nav_sub_overlay" class="form-control"
                                            value="">
                                    </div>
                                    <div class="form-group">
                                        <select class="form-control" name="nav_sub_overlay2">
                                            <option value="">Select</option>
                                            @foreach ($nav_sub_overlay as $user)
                                                <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </fieldset>





                            <fieldset style="min-width:100%;border:1px solid black" class="margintop">
                                <legend style="width:auto;color:black">Map</legend>

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

                                                <input type="checkbox" name="set_default_map" value="1">

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

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

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

                                                <input type="checkbox" name="exit_to_default_map" value="1">

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

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

                                        </div>
                                        <div class="form-group">
                                            <select class="form-control" name="nav_image_bottom2">
                                                <option value="">Select</option>
                                                @foreach ($nav_sub_overlay as $user)
                                                    <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                </div>



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

                                    </div>



                                    <div class="form-group">
                                        <select class="form-control" name="nav_image_map_overlay2">
                                            <option value="">Select</option>
                                            @foreach ($nav6 as $user)
                                                <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset style="min-width:100%;border:1px solid black" class="margintop">
                                <legend style="width:auto;color:black">Informational</legend>
                                <div class="col-md-12">
                                    <div class="col-md-3">
                                        <label> Set Default :</label>
                                        <div style="padding: 5px;" class="form-group">
                                            <label class="switch">

                                                <input type="checkbox" name="set_default_informational" value="1">

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

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

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

                                                <input type="checkbox" name="exit_to_default_informational"
                                                    value="1">

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

                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <label>IMAGE:Informational</label>
                                        <div style="padding: 5px;" class="form-group">
                                            <input type="file" name="nav_image_map" class="form-control"
                                                value="">
                                        </div>
                                        <div class="form-group">
                                            <select class="form-control" name="nav_image_map2">
                                                <option value="">Select</option>
                                                @foreach ($nav4 as $user)
                                                    <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <label>IMAGE:Informational Overlay</label>
                                    <div style="padding: 5px;" class="form-group">
                                        <input type="file" name="new_image_map" class="form-control" value="">
                                    </div>
                                    <div class="form-group">
                                        <select class="form-control" name="new_image_map2">
                                            <option value="">Select</option>
                                            @foreach ($nav8 as $user)
                                                <option value="{{ $user->id }}">{{ $user->nav_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </fieldset>



                        </div>

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

                        {{ Form::close() }}

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

        </div>

    </div>

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

            });

        });

        function remove(el) {

            var elmnt1 = document.getElementById('li' + el);
            var elmnt = document.getElementById('tab' + el);
            elmnt.remove();
            elmnt1.remove();
        }
    </script>
    <script>
        function manage_edit_drive(id) {
            $(document).ready(function() {
                var i = 1;
                $('#add' + id).click(function() {
                    i++;

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

                });
            });

        }
    </script>
    <script>
        function manage_class(id) {
            document.getElementById('#tab' + id).classList.add('active in');
        }
    </script>



    <script>
        function index_number(idd, val) {
            $.post("https://rt66ug.com/admin/public/api/get_drive_mode", function(data, status) {
                var parsed = JSON.parse(JSON.stringify(data));
                var parsing2 = parsed.data;

                var parsing = parsed.data[idd].lat_group;


                text = "<option value=" + idd + ">Form-" + idd + "</option>";
                var x = document.getElementById("waypoints_handle");
                var y = x.getElementsByClassName("form_class");
                var i;
                for (i = 0; i < y.length; i++) {
                    y[i].innerHTML = text;
                }
            });
            $get_id = idd;
            $.post("https://rt66ug.com/admin/public/api/get_drive_mode", function(data, status) {
                var name = "";
                var latitude = "";
                var lat_id = "";
                var lon_id = "";
                var radius_id = "";
                var cont_id = "";

                var parsed = JSON.parse(JSON.stringify(data));
                var parsing2 = parsed.data;
                var parsing = parsed.data[$get_id].lat_group;
                var ull = "";

                var i;
                for (i = 0; i < parsing.length; i++) {

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

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

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

                    }
                    latitude += parsing[i].latitude;

                    document.getElementById('lat' + i + '_' + val).style.display = "none";
                    document.getElementById('long' + i + '_' + val).style.display = "none";
                    document.getElementById('radius' + i + '_' + val).style.display = "none";
                    document.getElementById('label' + i + '_' + val).style.display = "none";

                }

            });
        }
    </script>
    <script type="text/javascript">
        function valueChanged(val) {
            val = val;
            if ($('#check_continous' + val).is(":checked"))

                document.getElementById("check_continous" + val).value = "True";
            else
                document.getElementById("check_continous" + val).value = "False";
        }
    </script>
    <script>
        $(document).ready(function() {
            $('#check_continous1').click(function() {
                if ($(this).prop("checked") == true) {

                    document.getElementById("check_continous_dup").checked = false;

                } else if ($(this).prop("checked") == false) {

                    document.getElementById("check_continous_dup").checked = true;
                }
            });
        });
    </script>
    <script>
        $(document).ready(function() {
            $('.check_edit').click(function() {
                if ($(this).prop("checked") == true) {
                    this.value = 'True';
                    $(".this_check").val('True');

                } else if ($(this).prop("checked") == false) {
                    this.value = 'False';
                    $(".this_check").val('False');
                }
            });
        });
    </script>
    <script>
        function res(i, val) {

            $('.hider').hide();
            document.getElementById('lat' + i + '_' + val).style.display = "block";
            document.getElementById('long' + i + '_' + val).style.display = "block";
            document.getElementById('radius' + i + '_' + val).style.display = "block";

            document.getElementById('label' + i + '_' + val).style.display = "block";
        }


        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : evt.keyCode;

            if (charCode != 46 && charCode > 31 &&
                (charCode > 57))
                return false;

            return true;
        }
    </script>
@endpush