PageSourceSearch

https://boating.ae/category/watersports

html boating.ae collected 2026-10-01 14:25:01 UTC 91,098 bytes, 1,747 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="en"
4    class="light-style layout-navbar-fixed    customizer-hide"
5    dir="ltr" data-theme="theme-default"
6    data-assets-path="https://boating.ae/" data-base-url="https://boating.ae" data-framework="laravel"
7    data-template="vertical-menu-theme-default-light">
8
9<head>
10    <meta charset="utf-8" />
11    <meta name="viewport"
12        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
13
14    <title>            Watersports Boats
15     | Boating
16        </title>
17    <meta name="description"
18        content="Rent the perfect boat for your adventure! Explore our selection of pontoons, fishing boats, and more. Affordable rates, easy booking, and unforgettable memories on the water." />
19    <meta name="keywords"
20        content="Book Any Type Of Boat">
21    <!-- laravel CRUD token -->
22    <meta name="csrf-token" content="JwVdTHo94Lv6Sg5WTRxeWavVK2kmZGKhaMbLunUa">
23    <!-- Canonical SEO -->
24    <link rel="canonical" href="https://1.envato.market/vuexy_admin">
25    <!-- Favicon -->
26    <link rel="icon" type="image/x-icon" href="https://boating.ae/assets/img/favicon/favicon.png" />
27
28
29
30    <!-- Include Styles -->
31    <!-- $isFront is used to append the front layout styles only on the front layout otherwise the variable will be blank -->
32    <!-- BEGIN: Theme CSS-->
33<!-- Fonts -->
34<link rel="preconnect" href="https://fonts.googleapis.com">
35<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
36<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
37
38<link rel="stylesheet" href="https://boating.ae/assets/vendor/fonts/tabler-icons.css?id=262180b7e20030fbfb8089e0e3c6d94e" />
39<link rel="stylesheet" href="https://boating.ae/assets/vendor/fonts/fontawesome.css?id=32d2a97116039d6630d97fb31789082d" />
40<link rel="stylesheet" href="https://boating.ae/assets/vendor/fonts/flag-icons.css?id=dcc8c3b1ba5b4b88301422e65e4cd382" />
41<!-- Core CSS -->
42<link rel="stylesheet" href="https://boating.ae/assets/vendor/css/rtl/core.css?id=23a936c4c7473d10798e797fd135ac1f" class="" />
43<link rel="stylesheet" href="https://boating.ae/assets/vendor/css/rtl/theme-default.css?id=15a187228dafd854fba5597408352287" class="" />
44<link rel="stylesheet" href="https://boating.ae/assets/css/demo.css?id=ddd2feb83a604f9e432cdcb29815ed44" />
45<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/node-waves/node-waves.css?id=a500d0e1f1c5760ae32e668656762785" />
46<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css?id=688716b37952dc2df0ab985e3f17af57" />
47<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/typeahead-js/typeahead.css?id=ef1ec7b18565f8cac5788522a1f4ceaf" />
48
49<link rel="stylesheet" href="https://boating.ae/assets/custom/css/toastr.min.css">
50<!-- Vendor Styles -->
51<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/flatpickr/flatpickr.css" />
52<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css" />
53<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/nouislider/nouislider.css" />
54<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/swiper/swiper.css" />
55<link rel="stylesheet" href="https://boating.ae/assets/vendor/libs/bootstrap-maxlength/bootstrap-maxlength.css" />
56
57
58<!-- Page Styles -->
59<link rel="stylesheet" href="https://boating.ae/assets/vendor/css/pages/app-chat.css" />
60<link rel="stylesheet" href="https://boating.ae/frontend/style/custom.css?time=1790864699">
61<link href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.6.1/nouislider.min.css" rel="stylesheet">
62<style type="text/css">
63    #rangeSlider .noUi-handle {
64        border-radius: 50%;
65        background-color: #007bff;
66        border: none;
67        width: 20px;
68        height: 18px;
69        top: -7px; / Adjust position to center the handle /
70        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
71    }
72    #rangeSlider .noUi-tooltip {
73        font-size: 12px;
74        background: #01255A !important;
75        color: #fff;
76        border-radius: 4px;
77        padding: 5px;
78    }
79    .noUi-handle:after, .noUi-handle:before{
80        display: none;
81    }
82    .noUi-tooltip{
83        border: unset !important;
84    }
85    .light-style .noUi-connect{
86        background: #01255A !important;
87    }
88    .light-style .noUi-handle{
89        background: #FFFFFF !important; 
90    }
91    .noUi-horizontal{
92        height: 10px !important;
93    }
94    #lengthRangeSlider .noUi-handle {
95        border-radius: 50%;
96        background-color: #007bff;
97        border: none;
98        width: 20px;
99        height: 18px;
100        top: -7px; / Adjust position to center the handle /
101        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
102    }
103    #lengthRangeSlider .noUi-tooltip {
104        font-size: 12px;
105        background: #01255A !important;
106        color: #fff;
107        border-radius: 4px;
108        padding: 5px;
109    }
110    #priceRangeSlider .noUi-handle {
111            border-radius: 50%;
112            background-color: #007bff;
113            border: none;
114            width: 20px;
115            height: 18px;
116            top: -7px; / Adjust position to center the handle /
117            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
118        }
119    #priceRangeSlider .noUi-tooltip {
120        font-size: 12px;
121        background: #01255A !important;
122        color: #fff;
123        border-radius: 4px;
124        padding: 5px;
125    }
126    .rate {
127        height: 46px;
128        float: right;
129    }
130    .rate:not(:checked) > input {
131        position:absolute;
132        top:-9999px;
133    }
134    .rate:not(:checked) > label {
135        width:1em;
136        overflow:hidden;
137        white-space:nowrap;
138        cursor:pointer;
139        font-size:30px;
140        color:#ccc;
141    }
142    .rate:not(:checked) > label:before {
143        content: '★ ';
144    }
145    .rate > input:checked ~ label {
146        color: #ffc700;    
147    }
148    .rate:not(:checked) > label:hover,
149    .rate:not(:checked) > label:hover ~ label {
150        color: #deb217;  
151    }
152    .rate > input:checked + label:hover,
153    .rate > input:checked + label:hover ~ label,
154    .rate > input:checked ~ label:hover,
155    .rate > input:checked ~ label:hover ~ label,
156    .rate > label:hover ~ input:checked ~ label {
157        color: #c59b08;
158    }
159    .sort-container i {
160        margin-right: 8px;
161        font-size: 16px;
162    }
163    @media (max-width: 768px) {
164        #BookingSection{
165            position: fixed;
166            left: 0;
167            top: 0;
168            width: 0;
169            overflow-x:hidden;
170            overflow-y:auto;
171            z-index: 999;
172            height: 100%;
173        }
174        #filtersForm h4.semiBold{font-size: 18px;}
175    }
176    @media (min-width: 769px) {
177        #BookingSection{min-width: 280px;}
178        #selectedEmirate,#marina-select{max-width: 250px;}
179    }
180    @media (max-width: 767px) {
181        .desktop-view {
182            order: 2;
183        }
184        .sort-container {
185            order: 1;
186        }
187        .col-md-6.desktop-view {
188        margin-top: 20px;
189        }
190    }
191
192    @media (max-width: 768px) {
193        .sort-container {
194            flex-direction: column;
195            align-items: flex-start;
196        }
197        .sort-container > div {
198            width: 100%;
199            margin-bottom: 8px;
200        }
201        .sort-container > div:last-child {
202            margin-bottom: 0;
203        }
204    }
205</style>
206
207    <!-- Include Scripts for customizer, helper, analytics, config -->
208    <!-- $isFront is used to append the front layout scriptsIncludes only on the front layout otherwise the variable will be blank -->
209    <!-- laravel style -->
210<script src="https://boating.ae/assets/vendor/js/helpers.js"></script>
210
211<!-- beautify ignore:start -->
212
213  <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
214  
214<script src="https://boating.ae/assets/js/config.js"></script>
214
215
216    <style type="text/css">
217        .app-brand-link>img {
218            max-width: 150px;
219        }
220
221        .menu-link>.fa {
222            font-size: 16px;
223        }
224
225        .custom-profile-dropdown {
226            padding-top: 0;
227        }
228
229        .text-warning {
230            color: #CDBC7A !important;
231        }
232
233        .ti-star-filled {
234            color: #FFD402 !important;
235        }
236
237        .avatar-online {
238            width: 40px;
239            height: 40px !important;
240        }
241
242        .modal-ct .fallback input {
243            content: '';
244            position: absolute;
245            top: 0;
246            height: 100%;
247            width: 100%;
248            left: 0;
249            opacity: 0
250        }
251
252        .modal-ct .submit-btn button {
253            padding: 13px 65px;
254            background: #01255A !important;
255            box-shadow: 2px 2px 4px 0px #00000040;
256        }
257
258        .upload-content {
259            position: absolute;
260            top: 50%;
261            left: 50%;
262            transform: translate(-50%, -50%);
263            color: #555;
264        }
265
266        .ct-inner {
267            list-style: none;
268            padding: 0px;
269        }
270
271        @media (max-width:992px) {
272            .ct-inner .sub-drop i {
273                display: none;
274            }
275        }
276
277        @media (min-width: 992px) {
278            .navbar-expand-lg .navbar-nav .dropdown-menu {
279                position: unset;
280            }
281
282            .ct-inner {
283                position: absolute;
284                background: #fff;
285                left: -305px;
286                bottom: 50px;
287                display: none;
288                padding: 10px 10px;
289                width: 100%;
290            }
291
292            .navbar-expand-lg .navbar-collapse {
293                position: absolute;
294                top: 10px;
295                right: 12px;
296            }
297
298            .dropdown-user {
299                display: flex;
300                flex-direction: column;
301                align-items: end;
302            }
303        }
304
305        .upload-content img {
306            width: 430px !important;
307            height: 135px !important;
308            object-fit: contain;
309        }
310
311        .DocumentImage {
312            min-height: 200px;
313            max-height: 200px;
314            object-fit: contain;
315        }
316        .opacity-none {
317            opacity: unset !important;
318        }
319    </style>
320
321</head>
322
323<body>
324
325    <!-- Layout Content -->
326    
327<!-- Content -->
328
329<!-- Navbar -->
330<nav class="navbar navbar-example navbar-expand-lg" style=background:#01255A;>
331    <div class="container-fluid">
332        <a class="navbar-brand" href="https://boating.ae">
333            <img src="https://boating.ae/frontend/images/logo.png" class="logo">
334        </a>
335        
336        <div class="collapse navbar-collapse flex-grow-1 flex-shrink-1 d-block" id="navbar-ex-3" style="flex-basis:unset;width:fit-content;">
337            <div class="navbar-nav ml-auto Navigation align-items-lg-center" style="width: fit-content;">
338                            <a href="https://boating.ae/login" class="text-white nav-item nav-link">
339                    <i class="fa fa-user mr-2"></i> Login
340                </a>
341                        </div>
342        </div>
343    </div>
344</nav>
345
346
347<div class="modal fade modal-ct" id="uploadImage" tabindex="-1" aria-hidden="true">
348   <div class="modal-dialog modal-dialog-centered" role="document">
349      <div class="modal-content p-4">
350         <div class="modal-header">
351            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
352         </div>
353         <div>
354            <h4 class="modal-title mx-auto fw-bold text-center text-dark">Upload Documents</h4>
355            <p class="text-dark text-center">Select the type of document you wish to upload</p>
356         </div>
357
358         <form class="docs" method="post" enctype="multipart/form-data">
359            <input type="hidden" name="_token" value="JwVdTHo94Lv6Sg5WTRxeWavVK2kmZGKhaMbLunUa" autocomplete="off">
360            <div class="doctype mt-3">
361               <p style="color:#01255A; " class="fw-bold mb-1">Document type</p>
362               <select class="form-select" aria-label="Default select example" id="doct" name="doc_type">
363                  <option selected disabled>Please Select Document type</option>
364                  <option value="1" class="text-dark">Passport</option>
365                  <option value="2" class="text-dark">UAE Driving Licence</option>
366                  <option value="5" class="text-dark">UAE ID</option>
367               </select>
368            </div>
369
370            <div class="mt-3 uplod-sec">
371               <div class="row" id="passport">
372                  <p class="fw-bold text-dark mb-2">Please upload Front image only</p>
373                  <div class="col-12">
374                     <div class="mb-4">
375                        <div class="card-body position-relative" style="border: 1px dashed #9D9D9D; padding:40px;" id="upload-container">
376                           <div class="dz-message needsclick text-center">
377                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
378                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
379                              <p>Select jpg,png or jpeg</p>
380                           </div>
381                           <div class="fallback">
382                              <input name="passport" type="file" id="fileInput"  accept=".jpeg, .jpg, .png"/>
383                           </div>
384                           <div class="upload-content">
385                           </div>
386                        </div>
387                        <div class="submit-btn text-center mt-4 pb-3">
388                           <button type="submit" class="btn btn-primary" id="passbtn">
389                              <div class="spinner-border text-light me-2 loader d-none" role="status"></div> Submit
390                           </button>
391                        </div>
392                     </div>
393                  </div>
394               </div>
395
396               <div class="row" id="dlisence"> 
397                  <div class="col-sm-6">
398                     <p class="fw-bold text-dark mb-2">Please upload Front image only</p>
399                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
400                        <h5 class="card-header"></h5>
401                        <div class="card-body">
402                           <div class="dz-message needsclick text-center">
403                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
404                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
405                              <p>Select image</p>
406                           </div>
407                           <div class="fallback">
408                              <input name="front_image" type="file" id="front"  accept=".jpeg, .jpg, .png"/>
409                           </div>
410                           <div class="upload-front">
411                           </div>
412                        </div>
413                     </div>
414                  </div>
415                  <div class="col-sm-6">
416                     <p class="fw-bold text-dark mb-2">Please upload Back image only</p>
417                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
418                        <h5 class="card-header"></h5>
419                        <div class="card-body">
420                           <div class="dz-message needsclick text-center">
421                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
422                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
423                              <p>Select image</p>
424                           </div>
425                           <div class="fallback">
426                              <input name="back_image" type="file" id="back"  accept=".jpeg, .jpg, .png"/>
427                           </div>
428                           <div class="upload-back">
429                           </div>
430                        </div>
431                     </div>
432                  </div>
433                  <div class="submit-btn text-center mt-3 pb-3">
434                     <button type="submit" class="btn btn-primary" id="dlbtn">
435                        <div class="spinner-border text-light me-2 loader d-none" role="status"></div> Submit
436                     </button>
437                  </div>
438               </div>
439               <div class="row" id="uaeId"> 
440                  <div class="col-sm-6">
441                     <p class="fw-bold text-dark mb-2">Please upload Front image only</p>
442                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
443                        <h5 class="card-header"></h5>
444                        <div class="card-body">
445                           <div class="dz-message needsclick text-center">
446                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
447                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
448                              <p>Select image</p>
449                           </div>
450                           <div class="fallback">
451                              <input name="uaeid_front_image" type="file" id="uaeid_front" accept=".jpeg, .jpg, .png"/>
452                           </div>
453                           <div class="upload_uaeid_front">
454                           </div>
455                        </div>
456                     </div>
457                  </div>
458                  <div class="col-sm-6">
459                     <p class="fw-bold text-dark mb-2">Please upload Back image only</p>
460                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
461                        <h5 class="card-header"></h5>
462                        <div class="card-body">
463                           <div class="dz-message needsclick text-center">
464                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
465                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
466                              <p>Select image</p>
467                           </div>
468                           <div class="fallback">
469                              <input name="uaeid_back_image" type="file" id="uaeid_back" accept=".jpeg, .jpg, .png"/>
470                           </div>
471                           <div class="upload_uaeid_back">
472                           </div>
473                        </div>
474                     </div>
475                  </div>
476                  <div class="submit-btn text-center mt-3 pb-3">
477                     <button type="submit" class="btn btn-primary" id="dlbtn">
478                        <div class="spinner-border text-light me-2 loader d-none" role="status"></div> Submit
479                     </button>
480                  </div>
481               </div>
482            </div>
483         </form>
484      </div>
485   </div>
486</div>
487
488<!-- ----------------------------------------------End Personal Id Modal---------------------------------------------------- -->
489
490<div class="modal fade modal-ct" id="uploadSailingModal" tabindex="-1" aria-hidden="true">
491   <div class="modal-dialog modal-dialog-centered" role="document">
492      <div class="modal-content p-4">
493         <div class="modal-header">
494            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
495         </div>
496         <div>
497            <h4 class="modal-title mx-auto  fw-bold text-center text-dark">Upload Documents</h4>
498            <p class="text-dark text-center">Select the type of document you wish to upload</p>
499         </div>
500         <form class="sailing_docs" method="post" enctype="multipart/form-data">
501            <input type="hidden" name="_token" value="JwVdTHo94Lv6Sg5WTRxeWavVK2kmZGKhaMbLunUa" autocomplete="off">            <div class="doctype mt-3">
502               <p style="color:#01255A; " class="fw-bold mb-1">Document type</p>
503               <select class="form-select" aria-label="Default select example" id="doc_type" name="doc_type">
504                  <!-- <option selected disabled>Please Select Document type</option> -->
505                  <option value="4" class="text-dark">Sailing License</option>
506               </select>
507            </div>
508            <div class="mt-3 uplod-sec">
509               <div class="row" id="slisence"> 
510                  <div class="col-sm-6">
511                     <p class="fw-bold text-dark mb-2">Please upload Front image only</p>
512                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
513                        <h5 class="card-header"></h5>
514                        <div class="card-body">
515                           <div class="dz-message needsclick text-center">
516                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
517                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
518                              <p>Select image</p>
519                           </div>
520                           <div class="fallback">
521                              <input name="sailing_front_image" type="file" id="sailing_front" accept=".jpeg, .jpg, .png"/>
522                           </div>
523                           <div class="upload_sailing_front">
524                           </div>
525                        </div>
526                     </div>
527                  </div>
528                  <div class="col-sm-6">
529                     <p class="fw-bold text-dark mb-2">Please upload Back image only</p>
530                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
531                        <h5 class="card-header"></h5>
532                        <div class="card-body">
533                           <div class="dz-message needsclick text-center">
534                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
535                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
536                              <p>Select image</p>
537                           </div>
538                           <div class="fallback">
539                              <input name="sailing_back_image" type="file" id="sailing_back" accept=".jpeg, .jpg, .png"/>
540                           </div>
541                           <div class="upload_sailing_back">
542                           </div>
543                        </div>
544                     </div>
545                  </div>
546                  <div class="submit-btn text-center mt-3 pb-3">
547                     <button type="submit" class="btn btn-primary" id="dlbtn">
548                        <div class="spinner-border text-light me-2 loader d-none" role="status"></div> Submit
549                     </button>
550                  </div>
551               </div>
552            </div>
553         </form>
554      </div>
555   </div>
556</div>
557
558
559<!-- -----------------------------------------------End Sailing Licencse Mod
559al --------------------------------------------- -->
560
561<div class="modal fade modal-ct" id="uploadUaeIdModal" tabindex="-1" aria-hidden="true">
562   <div class="modal-dialog modal-dialog-centered" role="document">
563      <div class="modal-content p-4">
564         <div class="modal-header">
565            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
566         </div>
567         <div>
568            <h4 class="modal-title mx-auto  fw-bold text-center text-dark">Upload Documents</h4>
569            <p class="text-dark text-center">Select the type of document you wish to upload</p>
570         </div>
571         <form class="uaeId_docs" method="post" enctype="multipart/form-data">
572            <input type="hidden" name="_token" value="JwVdTHo94Lv6Sg5WTRxeWavVK2kmZGKhaMbLunUa" autocomplete="off">            <div class="doctype mt-3">
573               <p style="color:#01255A; " class="fw-bold mb-1">Document type</p>
574               <select class="form-select" aria-label="Default select example" id="doc_type" name="doc_type">
575                  <!-- <option selected disabled>Please Select Document type</option> -->
576                  <option value="5" class="text-dark">UAE ID</option>
577               </select>
578            </div>
579            <div class="mt-3 uplod-sec">
580               <div class="row" id="uaeId"> 
581                  <div class="col-sm-6">
582                     <p class="fw-bold text-dark mb-2">Please upload Front image only</p>
583                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
584                        <h5 class="card-header"></h5>
585                        <div class="card-body">
586                           <div class="dz-message needsclick text-center">
587                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
588                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
589                              <p>Select image</p>
590                           </div>
591                           <div class="fallback">
592                              <input name="uaeid_front_image" type="file" id="uaeid_front" accept=".jpeg, .jpg, .png"/>
593                           </div>
594                           <div class="upload_uaeid_front">
595                           </div>
596                        </div>
597                     </div>
598                  </div>
599                  <div class="col-sm-6">
600                     <p class="fw-bold text-dark mb-2">Please upload Back image only</p>
601                     <div class="card mb-4" style="border: 1px dashed #9D9D9D;">
602                        <h5 class="card-header"></h5>
603                        <div class="card-body">
604                           <div class="dz-message needsclick text-center">
605                              <img src="https://boating.ae/assets/img/upload.png" style="max-width:20px;"><br>
606                              <p style="color:#000;" class="mb-0"> Drag & Drop or <span style="color:#156CF7;">choose image</span> to upload</p>
607                              <p>Select image</p>
608                           </div>
609                           <div class="fallback">
610                              <input name="uaeid_back_image" type="file" id="uaeid_back" accept=".jpeg, .jpg, .png"/>
611                           </div>
612                           <div class="upload_uaeid_back">
613                           </div>
614                        </div>
615                     </div>
616                  </div>
617                  <div class="submit-btn text-center mt-3 pb-3">
618                     <button type="submit" class="btn btn-primary" id="dlbtn">
619                        <div class="spinner-border text-light me-2 loader d-none" role="status"></div> Submit
620                     </button>
621                  </div>
622               </div>
623            </div>
624         </form>
625      </div>
626   </div>
627</div>
628<!-- -----------------------------------------------End Uae Id Modal --------------------------------------------- -->
629
630<div class="modal fade modal-ct" id="successModal" tabindex="-1" aria-hidden="true">
631   <div class="modal-dialog modal-dialog-centered" role="document">
632      <div class="modal-content p-4">
633         <div class="modal-header">
634            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
635         </div>
636         <div>
637            <h3 class="modal-title mx-auto  fw-bold text-center text-dark">Successfully Upload</h3>
638             <div class="text-center">
639                  <img src="https://boating.ae/success.png" class="my-3" style="height:150px;width:150px;object-fit:contain;">
640                  <p class="text-dark text-center">Your documents has been successfully uploaded. You may proceed with booking.</p>
641                  <div class="submit-btn text-center my-3">
642                     <button type="submit" class="btn btn-primary">Next</button>
643                  </div>
644             </div>
645         </div>
646      </div>
647   </div>
648</div>
649
650<!-- ----------------------------End Success Modal---------------------------------------------------- -->
651
652<div class="modal fade modal-ct" id="sailingRequierdModal" tabindex="-1" aria-hidden="true">
653   <div class="modal-dialog modal-dialog-centered" role="document">
654      <div class="modal-content p-4">
655         <div class="modal-header">
656            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
657         </div>
658         <div>
659             <div class="text-center">
660                 <p class="text-dark text-center">For this booking valid Sailing License will be required. Please upload a valid sailing license in the next step.</p>
661                  <div class="submit-btn text-center mt-4 pb-3">
662                     <button type="submit" class="btn btn-primary sailingModal">Continue</button>
663                  </div>
664             </div>
665         </div>
666      </div>
667   </div>
668</div>
669
670<!-- --------------------------------------End Sailing Required Modal----------------------------------------- -->
671 
672 <div class="modal fade" id="termsModal" tabindex="-1" aria-labelledby="termsModalLabel" aria-hidden="true">
673   <form id="SwitchVendorTerms">
674      <input type="hidden" name="_token" value="JwVdTHo94Lv6Sg5WTRxeWavVK2kmZGKhaMbLunUa" autocomplete="off">      <div class="modal-dialog">
675         <div class="modal-content">
676         <div class="modal-header">
677            <h5 class="modal-title" id="termsModalLabel">Terms and Conditions</h5>
678            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
679         </div>
680         <div class="modal-body">
681            <p style="max-height: 300px;
681 overflow-y: scroll">
682               Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
683
684               The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.
685            </p>
686            <div class="form-check">
687               <input type="checkbox" name="is_terms_accepted" class="form-check-input" id="termsCheckbox">
688               <label class="form-check-label" for="termsCheckbox">
689                  I agree to the terms and conditions.
690               </label>
691            </div>
692            <div class="form-group mt-3">
693               <label>Please Enter Your initials</label>
694               <input type="text" class="form-control" name="initials" placeholder="for example H.S" />
695            </div>
696         </div>
697         <div class="modal-footer">
698            <button type="button" class="btn btn-secondary opacity-none" data-bs-dismiss="modal">Close</button>
699            <button type="submit" class="btn btn-primary" id="submitTermsButton">Submit</button>
700         </div>
701         </div>
702      </div>
703   </form>
704 </div>
705
706
707<!-- /Navbar -->
708
709    <!-- breadcrumbs -->
710    <section class="container my-4">
711                <ul class="breadcrumbs mb-0">
712                            <li>
713                                            <a href="https://boating.ae">Home</a>
714                                                                <i class="fa fa-angle-right me-1"></i>
715                                    </li>
716                            <li>
717                                                                        <a href="javascript:void(0)">Watersports Boats</a>
718                                                                                </li>
719                        <li class="d-inline-block ms-auto">
720                <a class="d-block d-md-none position-relative btn text-white btn-primary bg-primary py-3 semibold me-3 border-0 btn-sm py-2 filters" style="font-size: 18px;padding: 10px !important;"><i class="fa fa-bars" aria-hidden="true"></i></a>
721            </li>
722        </ul>
723            </section>
724    <!-- /breadcrumbs -->
725
726    <section class="container d-md-flex">
727        <div id="BookingSection" class="rounded me-3">
728                        <form method="GET" action="https://boating.ae/boat" id="filtersForm" class="position-relative">
729                <div class="card p-3">
730                    <div class="d-flex align-items-center">
731                        <i class="fa fa-filter" aria-hidden="true" style="font-size: 14px;"></i>
732                        <em class="ms-1">Filters</em>
733
734                        <div class="ml-auto">
735                            <a href="https://boating.ae/boat" class="primary-color">Clear all</a>
736                        </div>
737                    </div>
738                    <hr />
739                    <div class="w-100 d-flex align-items-center justify-content-between">
740                        <h4 class="semiBold primary-color mb-1">Categories</h4>
741                        <button type="button" class="d-block d-md-none close position-relative btn text-white btn-primary bg-primary semibold border-0 btn-sm">
742                            <i class="fa fa-times d-block"></i>
743                        </button>
744                    </div>
745
746                                                                        <div class="form-check mb-2 text-dark">
747                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="fishing-boats" id="defaultcheck10"  onchange="singleSelection(this)">
748                                <label class="form-check-label" for="defaultcheck10">Fishing Boats</label>
749                            </div>
750                                                    <div class="form-check mb-2 text-dark">
751                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="house-boats" id="defaultcheck7"  onchange="singleSelection(this)">
752                                <label class="form-check-label" for="defaultcheck7">House Boats</label>
753                            </div>
754                                                    <div class="form-check mb-2 text-dark">
755                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="jet-boats" id="defaultcheck9"  onchange="singleSelection(this)">
756                                <label class="form-check-label" for="defaultcheck9">Jet Boats</label>
757                            </div>
758                                                    <div class="form-check mb-2 text-dark">
759                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="jet-skis" id="defaultcheck11"  onchange="singleSelection(this)">
760                                <label class="form-check-label" for="defaultcheck11">Jet Skis</label>
761                            </div>
762                                                    <div class="form-check mb-2 text-dark">
763                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="mini-yachts" id="defaultcheck8"  onchange="singleSelection(this)">
764                                <label class="form-check-label" for="defaultcheck8">Mini Yachts</label>
765                            </div>
766                                                    <div class="form-check mb-2 text-dark">
767                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="private-boats" id="defaultcheck6"  onchange="singleSelection(this)">
768                                <label class="form-check-label" for="defaultcheck6">Private Boats</label>
769                            </div>
770                                                    <div class="form-check mb-2 text-dark">
771                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="watersports" id="defaultcheck2" checked onchange="singleSelection(this)">
772                                <label class="form-check-label" for="defaultcheck2">Watersports</label>
773                            </div>
774                                                    <div class="form-check mb-2 text-dark">
775                                <input class="form-check-input singleSelect" name="category" type="checkbox" value="yachts" id="defaultcheck3"  onchange="singleSelection(this)">
776                                <label class="form-check-label" for="defaultcheck3">Yachts</label>
777                            </div>
778                                            
779                    <hr />
780
781                    <h4 class="semiBold primary-color mb-1 mt-2">Booking Type</h4>
782                    <select class="form-control form-select" name="booking_type">
783                        <option value="" selected disabled>Select Booking Type</option>
784                        <option value="1" >Single day</option>
785                        <option value="2" >Multiple day's</option>
786                    </select>
787
788                    <hr />
789
790                    <h4 class="semiBold primary-color mb-1 mt-2">Boat Capacity</h4>
791                    <div class="mt-4">
792                        <div class="row">
793                            <div class="col-md-12">
794                                <div id="rangeSlider" class="capacityRange"></div>
795                                <div class="d-flex justify-content-between mt-2">
796                                    <span id="rangeMin">0</span>
797                                <input type="hidden" name="min_capacity" id="min_capacity" value="0">
798                                    <span id="rangeMax">100</span>
799                                <input type="hidden" name="max_capacity" id="max_capacity" value="100">
800                                </div>
801                            </div>
802                        </div>
803                  </div> 
804
805                  <hr />
806
807                    <h4 class="semiBold primary-color mb-1 mt-2">Boat Length</h4>
808                    <div class="mt-4">
809                        <div class="row">
810                            <div class="col-md-12">
811                                <div id="lengthRangeSlider" class=""></div>
812                                <div class="d-flex justify-content-between mt-2">
813                                    <span id="rangeMinLength">0</span>
814                                <input type="hidden" name="min_length" id="min_length" value="0">
815                                    <span id="rangeMaxLength">100</span>
816                                <input type="hidden" name="max_length" id="max_length" value="100">
817                                </div>
818                            </div>
819                        </div>
820                    </div>
821
822                    <hr />
823
824                    <h5 class="semiBold primary-color mb-1 mt-2">Choose Emirate</h5>
825                    <select class="form-control form-select" name="emirate" id="selectedEmirate">
826                        <option value="" selected disabled>Select Emirate</option>
827                                                <option value="abu-dhabi" data-id="1" >Abu Dhabi</option>
828                                                <option value="dubai" data-id="2" >Dubai</option>
829                                                <option value="sharjah" data-id="3" >Sharjah</option>
830                                                <option value="ajman" data-id="4" >Ajman</option>
831                                                <option value="umm-al-quwain" data-id="5" >Umm Al Quwain</option>
832                                                <option value="ras-al-khaimah" data-id="6" >Ras Al Khaimah</option>
833                                                <option value="fujairah" data-id="7" >Fujairah</option>
834                                            </select>
835
836                    <h5 class="semiBold primary-color mb-1 mt-3">Select Marina</h5>
837                    <select class="form-control form-select" name="marina" id="marina-select">
838                        <option value="" selected disabled>Select Marina</option>
839                    </select>
840
841                    <hr/>
842                    
843
844                    <h4 class="semiBold primary-color mb-2 mt-2">Booking Duration</h4>
845
846                    <p class="paragraph-sm mb-0 primary-color mb-2"><i class="fa fa-calendar me-2"></i>Check-in</p>
847                    <input type="text" class="form-control" placeholder="DD MM, YY" id="checkIn" name="checkIn" value="" min="2026-10-01"/>
848
849                    <p class="paragraph-sm mb-0 primary-color mt-3 mb-2"><i class="fa fa-calendar me-2"></i>Check-out</p>
850                    <input type="text" class="form-control" placeholder="DD MM, YY" id="checkOut" name="checkOut" value="" min="2026-10-01" />
851
852                    <hr />
853
854                    <h4 class="semiBold primary-color mb-2 mt-2">Min/Max Price</h4>
855                    <div class="mt-4">
856                        <div class="row">
857                            <div class="col-md-12">
858                                <div id="priceRangeSlider" class=""></div>
859                                <div class="d-flex justify-content-between mt-2">
860                                    <span id="rangeMinPrice">0</span>
861                                <input type="hidden" name="min_price" id="min_price" value="0">
862                                    <span id="rangeMaxPrice">10.00</span>
863                                <input type="hidden" name="max_price" id="max_price" value="10.00">
864                                </div>
865                            </div>
866                        </div>
867                    </div>
868
869                    <hr />
870
871                    <h4 class="semiBold primary-color mb-2 mt-2">Rating</h4>
872                    <div class="rate d-flex flex-row-reverse justify-content-end">
873                        <input type="radio" id="star5" name="rating" value="5" value="5" />
874                        <label for="star5" title="text">5 stars</label>
875                        <input type="radio" id="star4" name="rating" value="4" value="4" />
876                        <label for="star4" title="text">4 stars</label>
877                        <input type="radio" id="star3" name="rating" value="3" value="3" />
878                        <label for="star3" title="text">3 stars</label>
879                            <input type="radio" id="star2" name="rating" value="2" value="2" />
880                        <label for="star2" title="text">2 stars</label>
881                        <input type="radio" id="star1" name="rating" value="1" value="1" />
882                        <label for="star1" title="text">1 star</label>
883                    </div>
884
885                    <button type="submit" class="btn btn-primary bg-primary mt-3 mb-4 waves-effect waves-light border-0" style="z-index: 5;">Apply Filter</button>
886                </div>
887            </form>
888        </div>
889        <div id="content" style="width: 100%;">
890                       <div class="success text-center mt-2">
891                <img src="https://boating.ae/nofilter.png" style="width:250px; height: 250px;object-fit: contain;">
892                <br>
893                <p class="semiBold text-dark">No such boats were found.</p>
894                                <a class="btn btn-primary semiBold" href="https://boating.ae" style="width: 285px; height:50px; background: #01255A !important">Go to home</a>
895                            </div>
896                    </div>
897    </section>
898
899<section class="container-fluid categoriesSection footer mt-5">
900    <div class="pb-3">
901        <div class="row">
902            <div class="col-sm-12 col-md-12 col-lg-3 mb-3 mb-lg-0">
903                <svg xmlns="http://www.w3.org/2000/svg" width="102" height="31" viewBox="0 0 102 31" fill="none">
904                    <path d="M36.3957 22.8398C35.8019 22.8398 35.2362 22.7385 34.6983 22.5359C34.1605 22.3334 33.6925 22.0295 33.2943 21.6244C32.7076 20.9888 32.4038 20.2204 32.3828 19.3194L32.3933 7.93044C32.4282 7.12
904019 32.7949 6.509 33.4934 6.09689L33.8287 5.9083C34.1989 5.71272 34.5342 5.50317 34.8345 5.27966C35.1349 5.05614 35.4003 4.74531 35.6308 4.34717V12.2052C35.9312 12.0306 36.228 11.8664 36.5214 11.7128C37.0802 11.4194 37.5621 11.1295 37.9673 10.8432C38.3724 10.5498 38.6343 10.211 38.7531 9.82685C40.0662 10.7349 40.9324 11.629 41.3515 12.5091C41.7775 13.3822 41.9906 14.4718 41.9906 15.778L42.0011 16.3019C42.0011 17.154 41.9103 17.9643 41.7287 18.7326C41.554 19.494 41.2292 20.182 40.7543 20.7967C40.2863 21.4044 39.6227 21.9108 38.7635 22.3159C37.9743 22.6651 37.185 22.8398 36.3957 22.8398ZM36.7833 20.65C37.6145 20.65 38.1768 20.0737 38.4702 18.9212C38.6658 18.1529 38.7635 17.1191 38.7635 15.8199V15.0551C38.7635 14.6849 38.6867 14.3251 38.533 13.9759C38.3794 13.6266 38.1349 13.3682 37.7996 13.2006C37.604 13.0958 37.405 13.0434 37.2024 13.0434C37.0138 13.0434 36.8113 13.0958 36.5947 13.2006C36.2594 13.3682 36.015 13.6266 35.8613 13.9759C35.7076 14.3251 35.6308 14.6849 35.6308 15.0551L35.6203 18.586C35.6203 18.9142 35.6448 19.239 35.6937 19.5603C35.7426 19.8747 35.8473 20.1366 36.008 20.3462C36.1756 20.5487 36.4341 20.65 36.7833 20.65Z" fill="#01255A"/>
905                    <path d="M47.4493 22.8607C46.9185 22.8607 46.4086 22.7699 45.9196 22.5883C45.4377 22.4067 44.9976 22.1064 44.5995 21.6873C44.2083 21.2682 43.9254 20.8281 43.7508 20.3671C43.5762 19.8991 43.4679 19.4172 43.426 18.9212C43.3911 18.4253 43.3736 17.9154 43.3736 17.3915V17.161C43.3736 16.3647 43.4993 15.6802 43.7508 15.1075C44.0022 14.5347 44.3305 14.0457 44.7357 13.6406C45.1478 13.2285 45.5913 12.8723 46.0663 12.5719C46.5483 12.2646 47.0232 11.9887 47.4912 11.7442C48.05 11.4578 48.5355 11.168 48.9476 10.8746C49.3597 10.5812 49.6251 10.239 49.7439 9.8478C50.6659 10.4904 51.3574 11.1086 51.8184 11.7023C52.2794 12.289 52.5867 12.9282 52.7404 13.6197C52.9011 14.3112 52.9849 15.1319 52.9919 16.0819V16.2704C52.9919 17.2693 52.8487 18.2157 52.5623 19.1098C52.2829 20.0039 51.8358 20.7687 51.2212 21.4044C50.6065 22.033 49.8067 22.4661 48.8218 22.7036C48.3818 22.8083 47.9243 22.8607 47.4493 22.8607ZM48.1932 20.7024C48.4726 20.7024 48.738 20.5836 48.9895 20.3462C49.2409 20.1087 49.433 19.7524 49.5657 19.2775C49.6915 18.7745 49.7543 18.0691 49.7543 17.161V15.076C49.7543 14.7058 49.6775 14.3461 49.5238 13.9969C49.3702 13.6476 49.1257 13.3892 48.7904 13.2215C48.5809 13.1167 48.3783 13.0644 48.1827 13.0644C47.9872 13.0644 47.7846 13.1167 47.575 13.2215C47.2398 13.3892 46.9953 13.6476 46.8416 13.9969C46.6949 14.3461 46.6216 14.7058 46.6216 15.076V17.161C46.6216 17.4963 46.6321 17.8525 46.653 18.2297C46.674 18.5999 46.7264 18.9492 46.8102 19.2775C46.9429 19.7524 47.135 20.1087 47.3864 20.3462C47.6379 20.5836 47.9068 20.7024 48.1932 20.7024Z" fill="#01255A"/>
906                    <path d="M63.7941 22.8398C63.0606 22.8398 62.4844 22.6547 62.0653 22.2845C61.6532 21.9143 61.3633 21.4079 61.1957 20.7652C60.9163 21.3869 60.5426 21.8898 60.0746 22.274C59.6136 22.6512 59.0164 22.8398 58.2829 22.8398C57.773 22.8398 57.2876 22.7455 56.8266 22.5569C56.3726 22.3613 55.9605 22.0714 55.5903 21.6873C55.1781 21.2472 54.8673 20.7303 54.6578 20.1366C54.4552 19.5429 54.3539 18.9387 54.3539 18.324C54.3539 17.9538 54.3923 17.5871 54.4692 17.2239C54.7206 16.1622 55.1816 15.2995 55.8522 14.636C56.5227 13.9724 57.3155 13.3927 58.2306 12.8967C58.6985 12.6383 59.1945 12.3798 59.7183 12.1214C60.6194 11.6953 61.4681 11.2203 62.2644 10.6965C63.0676 10.1656 63.6439 9.523 63.9931 8.76863V19.0889C63.9931 19.4451 64.0211 19.7385 64.0769 19.969C64.1328 20.1995 64.2446 20.3706 64.4122 20.4824C64.5868 20.5941 64.8383 20.65 65.1666 20.65C65.5019 20.65 65.7848 20.5522 66.0153 20.3566C66.2458 20.1541 66.4239 19.9026 66.5496 19.6023C66.6753 19.3019 66.7487 18.9876 66.7696 18.6593H67.7126C67.6008 19.5813 67.3913 20.3147 67.084 20.8595C66.8325 21.3275 66.5252 21.7222 66.1619 22.0435C65.5752 22.5743 64.7859 22.8398 63.7941 22.8398ZM59.1735 20.6814C59.3621 20.6814 59.5682 20.629 59.7917 20.5243C60.1409 20.3427 60.3854 20.0737 60.5251 19.7175C60.6718 19.3613 60.7451 18.9911 60.7451 18.6069V13.0539L60.1793 13.3787C59.3272 13.8676 58.716 14.388 58.3458 14.9398C57.8638 15.6593 57.6229 16.6476 57.6229 17.9049C57.6229 18.9387 57.8464 19.7245 58.2934 20.2623C58.5239 20.5417 58.8173 20.6814 59.1735 20.6814Z" fill="#01255A"/>
907                    <path d="M69.8605 22.8188C68.701 22.8188 67.8872 22.501 67.4192 21.8654C66.9582 21.2228 66.7277 20.3741 66.7277 19.3194V11.9957H65.439L65.659 11.5032C65.9035 11.0632 66.2597 10.8432 66.7277 10.8432V10.3612C66.7277 9.55793 67.0944 8.92928 67.8279 8.47526L68.1736 8.2866
9077C68.5438 8.09109 68.8791 7.88154 69.1794 7.65803C69.4798 7.43451 69.7452 7.12019 69.9757 6.71506V10.8432H71.5788L71.3587 11.3251C71.1212 11.7722 70.772 11.9957 70.311 11.9957H69.9757V19.0679C69.9757 19.6686 70.056 20.0807 70.2167 20.3042C70.3843 20.5208 70.6952 20.629 71.1492 20.629C71.6032 20.629 71.9699 20.4405 72.2493 20.0633C72.5357 19.6791 72.7033 19.2041 72.7522 18.6383H73.6952C73.4647 20.3077 72.9164 21.4637 72.0502 22.1064C71.4216 22.5813 70.6917 22.8188 69.8605 22.8188Z" fill="#01255A"/>
908                    <path d="M75.7488 22.8188C75.2738 22.8188 74.8302 22.7455 74.4181 22.5988C74.013 22.4451 73.6847 22.2007 73.4333 21.8654C72.9723 21.2228 72.7417 20.3776 72.7417 19.3298V13.4625C72.7417 12.6523 73.1085 12.0236 73.8419 11.5766L74.1876 11.3775C74.5578 11.1889 74.8931 10.9829 75.1935 10.7593C75.4938 10.5288 75.7592 10.2145 75.9897 9.81637V19.0784C75.9897 19.4346 76.0177 19.728 76.0736 19.9585C76.1294 20.189 76.2412 20.3601 76.4088 20.4719C76.5765 20.5836 76.8279 20.6395 77.1632 20.6395C77.4985 20.6395 77.7779 20.5417 78.0014 20.3462C78.2319 20.1436 78.41 19.8921 78.5358 19.5918C78.6615 19.2914 78.7383 18.9771 78.7663 18.6488H79.7092C79.5835 19.5708 79.3739 20.3042 79.0806 20.8491C78.8291 21.3171 78.5218 21.7117 78.1586 22.033C77.5718 22.5569 76.7686 22.8188 75.7488 22.8188ZM74.3657 9.48109L72.0607 7.17607L74.3657 4.88152L76.6603 7.17607L74.3657 9.48109Z" fill="#01255A"/>
909                    <path d="M82.0142 20.9015C82.0142 21.3206 81.9409 21.6593 81.7942 21.9178C81.6475 22.1762 81.4589 22.3927 81.2284 22.5674C80.9979 22.735 80.743 22.8957 80.4636 23.0493C80.1493 23.217 79.8419 23.4125 79.5416 23.6361C79.2482 23.8666 78.9863 24.1704 78.7558 24.5476V17.0982C78.7977 15.9456 79.0876 15.0097 79.6254 14.2902C80.1702 13.5638 80.7639 13.0015 81.4066 12.6034C81.7628 12.3729 82.1679 12.1354 82.6219 11.8909C83.1947 11.5905 83.7221 11.2727 84.204 10.9375C84.686 10.5952 84.9933 10.225 85.126 9.82685C86.4392 10.7349 87.3053 11.629 87.7244 12.5091C88.1505 13.3822 88.3635 14.4718 88.3635 15.778C88.3775 16.4346 88.3845 17.0947 88.3845 17.7582V19.0784C88.3845 19.4346 88.4124 19.728 88.4683 19.9585C88.5242 20.189 88.636 20.3601 88.8036 20.4719C88.9712 20.5836 89.2227 20.6395 89.558 20.6395C89.8932 20.6395 90.1726 20.5417 90.3962 20.3462C90.6267 20.1436 90.8048 19.8921 90.9305 19.5918C91.0562 19.2914 91.1331 18.9771 91.161 18.6488H92.104C91.9783 19.5708 91.7687 20.3042 91.4753 20.8491C91.2239 21.3171 90.9165 21.7117 90.5533 22.033C90.1971 22.3543 89.7815 22.5709 89.3065 22.6826C88.9154 22.7734 88.5277 22.8188 88.1435 22.8188C87.6685 22.8188 87.225 22.7455 86.8129 22.5988C86.4078 22.4451 86.0795 22.2007 85.828 21.8654C85.367 21.2228 85.1365 20.3776 85.1365 19.3298V15.0551C85.1365 14.6849 85.0597 14.3251 84.906 13.9759C84.7523 13.6266 84.5079 13.3682 84.1726 13.2006C83.977 13.0958 83.7744 13.0434 83.5649 13.0434C83.3763 13.0434 83.1737 13.0958 82.9572 13.2006C82.6219 13.3682 82.3775 13.6266 82.2238 13.9759C82.0771 14.3251 82.0038 14.6849 82.0038 15.0551L82.0142 18.3659V20.9015Z" fill="#01255A"/>
910                    <path d="M95.8654 20.6814C96.054 20.6814 96.26 20.629 96.4835 20.5243C96.7839 20.3706 97.0074 20.1506 97.1541 19.8642C97.3078 19.5778 97.3986 19.267 97.4265 18.9317V15.0551C97.4265 14.6849 97.3497 14.3286 97.196 13.9864C97.0423 13.6371 96.7979 13.3752 96.4626 13.2006C96.267 13.0958 96.0679 13.0434 95.8654 13.0434C95.6768 13.0434 95.4742 13.0958 95.2577 13.2006C94.9224 13.3752 94.6779 13.6371 94.5243 13.9864C94.3706 14.3286 94.2938 14.6849 94.2938 15.0551V17.1401C94.2938 18.0481 94.3566 18.7571 94.4823 19.267C94.5871 19.6512 94.7548 19.9829 94.9853 20.2623C95.2158 20.5417 95.5091 20.6814 95.8654 20.6814ZM98.3066 30.9388C97.8945 30.9388 97.4929 30.8026 97.1017 30.5302C97.5627 30.4953 97.9853 30.3625 98.3695 30.132C98.6139 29.9714 98.8025 29.7793 98.9352 29.5558C99.0749 29.3323 99.1448 29.1087 99.1448 28.8852C99.1448 28.6268 99.0505 28.3928 98.8619 28.1832C98.6733 27.9807 98.373 27.848 97.9608 27.7851C97.7932 27.7642 97.5487 27.7537 97.2274 27.7537C97.1436 27.7537 97.0773 27.7502 97.0284 27.7432C96.1133 27.7292 95.3205 27.6454 94.65 27.4917C93.9794 27.3451 93.3543 27.0447 92.7745 26.5907C92.1948 26.1367 91.5766 25.4382 90.92 24.4952C91.2274 24.4114 91.5033 24.2263 91.7477 23.9399C91.9922 23.6605 92.2262 23.3217 92.4497 22.9236L92.8688 22.1902C92.6663 22.0435 92.4707 21.8759 92.2821 21.6873C91.884 21.2612 91.5976 20.8176 91.423 20.3566C91.2483 19.8886 91.1401 19.4067 91.0982 18.9107C91.0632 18.4078 91.0458 17.8176 91.0458 17.1401C91.0458 15.7012 91.5033 14.5242 92.4183 13.6092C92.8234 13.2041 93.2635 12.8513 93.7385 12.551C94.2204 12.2436 94.6954 11.9677 95.1634 11.7233C95.7222 11.4369 96.2076 11.147 96.6197 10.8536C97.0319 10.5603 97.2973 10.218 97.416 9.82685C98.373 10.4904 99.0819 11.1295 99.5429 11.7442C100.011 12.3519 100.315 13.0225 100.454 13.7559C100.594 
91014.4544 100.664 15.2856 100.664 16.2495V16.3857C100.664 18.2018 100.332 19.6232 99.6687 20.65C99.0121 21.6768 97.9574 22.3543 96.5045 22.6826C96.0644 22.7874 95.6069 22.8398 95.132 22.8398C94.7268 22.8398 94.3322 22.7909 93.948 22.6931L93.6127 23.2798L93.6022 23.3532C93.6022 23.43 93.6197 23.4964 93.6546 23.5522C93.8293 23.8875 94.0877 24.1285 94.43 24.2752C94.7792 24.4288 95.1424 24.5057 95.5196 24.5057H97.7723C98.5965 24.5057 99.2705 24.6454 99.7944 24.9248C100.325 25.2112 100.716 25.5814 100.968 26.0354C101.226 26.4964 101.356 26.9888 101.356 27.5127C101.356 28.2042 101.142 28.8817 100.716 29.5453C100.458 29.9295 100.109 30.2578 99.6687 30.5302C99.2356 30.8026 98.7816 30.9388 98.3066 30.9388Z" fill="#01255A"/>
911                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4589 1.98722L12.0136 0L0 17.8849H8.9544L7.04558 20.7754H0L1.98721 23.2143H22.04L23.8466 20.7754H9.66509L11.3813 17.8849H24.2079L16.53 6.41329L10.2062 15.9893H4.09982L13.4589 1.98722ZM16.4394 10.2972L12.6456 15.9879H20.2332L16.4394 10.2972Z" fill="#01255A"/>
912                    <path d="M2.86914 25.6235H21.084C20.7104 25.8508 16.1648 28.4645 11.7329 28.4645C8.18626 28.4645 4.30856 26.5705 2.86914 25.6235Z" fill="#CDBC7A" stroke="#CDBC7A"/>
913                    <path d="M15.2725 4.50985L12.0952 0.102539L10.8652 1.74247L14.2476 6.25228L15.2725 4.50985Z" fill="#01255A"/>
914                </svg>
915                <p class="paragraph-sm text-dark mt-3 pe-3">Join the Boating.ae community on social media and stay up to date with new listings, features, and updates.</p>
916                <ul class="socialLinks">
917                    
918                    <li class="me-2">
919                        <a class="text-white paragraph" href="https://www.tiktok.com/@boating.ae" target="_blank" rel="noopener noreferrer">
920                            <i class="fab fa-tiktok primary-color"></i>
921                        </a>
922                    </li>
923                    <li class="">
924                        <a class="text-white paragraph" href="https://www.instagram.com/boating.ae" target="_blank" rel="noopener noreferrer">
925                            <i class="fab fa-instagram primary-color"></i>
926                        </a>
927                    </li>
928                </ul>
929            </div>
930            <div class="col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
931                <p class="paragraph text-dark">Helpful links</p>
932                <ul class="list-unstyled" style="font-weight: 600;">
933                    
934                    <li>
935                        <a href="https://boating.ae/privacy-policy">
936                            <p class="paragraph-sm primary-color">
937                                <span class="text-warning me-2"><i class="fa fa-caret-right"></i></span>
938                                Privacy Policy
939                            </p>
940                        </a>
941                    </li>
942                    <li>
943                        <a href="https://boating.ae/terms-and-conditions" target="_blank">
944                            <p class="paragraph-sm primary-color">
945                                <span class="text-warning me-2"><i class="fa fa-caret-right"></i></span>
946                                Terms & Conditions
947                            </p>
948                        </a>
949                    </li>
950                </ul>
951            </div>
952            <div class="col-sm-6 col-md-6 col-lg-3 mb-3 mb-lg-0">
953                <p class="paragraph text-dark">Contact Info</p>
954                <ul class="list-unstyled" style="font-weight: 600;">
955                    <li>
956                        <a href="mailto:[email protected]">
957                            <p class="paragraph-sm primary-color">
958                                <span class="text-warning me-2"><i class="fa fa-envelope"></i></span>
959                                Mail : [email protected]
960                            </p>
961                        </a>
962                    </li>
963                    <li>
964                        <p class="paragraph-sm primary-color">
965                            <span class="text-warning me-2"><i class="fa fa-map-marker"></i></span>
966                            Address : UAE-Dubai
967                        </p>
968                    </li>
969                    <li>
970                        <a href="tel:+971542300021">
971                            <p class="paragraph-sm primary-color">
972                                <span class="text-warning me-2"><i class="fa fa-phone"></i></span>
973                                Phone : +971 54 230 0021
974                            </p>
975                        </a>
976                    </li>
977                </ul>
978            </div>
979            <div class="col-sm-12 col-md-12 col-lg-3 mb-3 mb-lg-0">
980                <p class="paragraph text-dark">Download our APP</p>
981                <p class="paragraph-sm text-dark">Everything you need, right in our iOS and Android app.</p>
982                <div class="d-flex align-items-center storesIcon flex-wrap" style="gap:20px">
983                    <a href="https://apps.apple.com/us/app/boating-ae/id6502038309">
984                        <img src="https://boating.ae/app_store.svg" alt="App Store Link" class="footerIcon">
985                    </a>
986                    <a href="https://play.google.com/store/apps/details?id=com.app.boating_app">
987                        <img src="https://boating.ae/play_store.svg" alt="Play Store Link"  class="footerIcon">
988                    </a>
989                </div>
990            </div>
991        </div>
992    </div>
993    <div class="row border-top pt-4">
994        <div class="col-md-12 text-center">
995            <p class="paragraph-sm primary-color mb-0">&copy; Boating 2026. All rights reserved.</p>
996        </div>
997    </div>
998</section>
999     
1000
1001<!-- Modal -->
1002<div class="modal fade" id="modalCenter" tabindex="-1" aria-hidden="true">
1003    <div class="modal-dialog modal-dialog-centered" role="document">
1004        <div class="modal-content">
1005            <div class="modal-header p-0">
1006                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
1007            </div>
1008            
1009            <div class="modal-body p-md-5">
1010                <div class="app-brand justify-content-center mb-4 mt-2">
1011                    <a href="https://boating.ae" class="app-brand-link gap-2">
1012                        <img src="https://boating.ae/assets/img/logo/boating.png" id="lightLogo" class="" />
1013                    </a>
1014                </div>
1015                <h3 class="primary-color mb-1 semiBold">Welcome Back!</h3>
1016                <p class="text-dark semiBold">Login with your account</p>
1017                <!-- /Logo -->
1018                <form id="formAuthentication" class="mb-3" action="https://boating.ae/do-login" method="POST"> 
1019                    <input type="hidden" name="_token" value="JwVdTHo94Lv6Sg5WTRxeWavVK2kmZGKhaMbLunUa" autocomplete="off">                    <div class="mb-3">
1020                        <label for="email" class="form-label text-dark">E-mail</label>
1021                        <input type="text" class="form-control" id="email" name="email" placeholder="Enter your email" autofocus autocomplete="off">
1022                    </div>
1023                    <div class="mb-3 form-password-toggle">
1024                        <!-- <div class="d-flex justify-content-between">  -->
1025                            <label class="form-label text-dark" for="password">Password</label>
1026                        <!-- </div> -->
1027                        <div class="input-group input-group-merge">
1028                            <input type="password" id="password" class="form-control" name="password" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" aria-describedby="password" autocomplete="off" />
1029                            <span class="input-group-text cursor-pointer"><i class="ti ti-eye-off"></i></span>
1030                        </div>
1031                        <!-- <div class="text-right"><a href="javascript:void(0);" style="color: #01255A;"><small>Forgot Password?</small></a></div> -->
1032                                            </div>
1033                    <div class="mb-3">
1034                        <button class="btn btn-primary bg-primary border-0 d-grid w-100" type="submit" id="login">Log in</button>
1035                        <p class="paragraph-sm text-dark text-center mt-3">Create new account? <a class="semiBold" href="https://boating.ae/signup" style="color: #01255A;">Sign up</a></p>
1036                    </div>
1037                </form>
1038            </div>
1039        </div>
1040    </div>
1041</div>
1042
1043
1044<!--/ Content -->
1045
1046    <!--/ Layout Content -->
1047
1048    <!-- Include Scripts -->
1049    <!-- $isFront is used to append the front layout scripts only on the front layout otherwise the variable will be blank -->
1050    <!-- BEGIN: Vendor JS-->
1051<script src="https://boating.ae/assets/vendor/libs/jquery/jquery.js?id=d6912bbf9b29bbcc108b2a81baac5fb1"></script>
vendor: 1 bytes, line 1051
1051
1052<script src="https://boating.ae/assets/vendor/libs/popper/popper.js?id=f5aae921cb2529b79f3186eebddf5a32"></script>
vendor: 1 bytes, line 1052
1052
1053<script src="https://boating.ae/assets/vendor/js/bootstrap.js?id=8d67cc7a12eca717cebb70b556c77318"></script>
vendor: 1 bytes, line 1053
1053
1054<script src="https://boating.ae/assets/vendor/libs/node-waves/node-waves.js?id=19c0709d4c0c675c25696c7f594132ca"></script>
vendor: 1 bytes, line 1054
1054
1055<script src="https://boating.ae/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js?id=7c36751c61f8450005e3e6f02bb84ab6"></script>
vendor: 1 bytes, line 1055
1055
1056<script src="https://boating.ae/assets/vendor/libs/hammer/hammer.js?id=58f8e2d88db3256252e130eb0bf65102"></script>
vendor: 1 bytes, line 1056
1056
1057<script src="https://boating.ae/assets/vendor/libs/typeahead-js/typeahead.js?id=618565b3259f17abaa27a55fbad11fe8"></script>
vendor: 1 bytes, line 1057
1057
1058<script src="https://boating.ae/assets/vendor/js/menu.js?id=4520f6188c6042dfae404ed42b50aca3"></script>
1058
1059
1060<script src="https://boating.ae/assets/vendor/libs/moment/moment.js"></script>
vendor: 1 bytes, line 1060
1060
1061<script src="https://boating.ae/assets/vendor/libs/flatpickr/flatpickr.js"></script>
vendor: 1 bytes, line 1061
1061
1062<script src="https://boating.ae/assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js"></script>
vendor: 1 bytes, line 1062
1062
1063<script src="https://boating.ae/assets/vendor/libs/jquery-timepicker/jquery-timepicker.js"></script>
vendor: 1 bytes, line 1063
1063
1064<script src="https://boating.ae/assets/vendor/libs/nouislider/nouislider.js"></script>
1064
1065<!-- 
1065<script src="https://boating.ae/assets/vendor/libs/swiper/swiper.js"></script>
1065 -->
1066<script src="https://boating.ae/assets/vendor/libs/bootstrap-maxlength/bootstrap-maxlength.js"></script>
1066
1067<!-- END: Page Vendor JS-->
1068<!-- BEGIN: Theme JS-->
1069<script src="https://boating.ae/assets/js/main.js?id=8bd0165c1c4340f4d4a66add0761ae8a"></script>
vendor: 1 bytes, line 1069
1069
1070<script src="https://boating.ae/assets/custom/js/toastr.min.js"></script>
1070
1071
1072<!-- END: Theme JS-->
1073<!-- Pricing Modal JS-->
1074<!-- END: Pricing Modal JS-->
1075<!-- BEGIN: Page JS-->
1076<script src="https://boating.ae/assets/js/front-page-landing.js?time=1790864699"></script>
vendor: 1 bytes, line 1076
1076
1077<script src="https://boating.ae/assets/js/forms-sliders.js"></script>
vendor: 1 bytes, line 1077
1077
1078<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/15.6.1/nouislider.min.js"></script>
1078
1079<!-- 
1079<script src="https://boating.ae/assets/js/app-chat.js"></script>
1079 -->
1080<script type="text/javascript">
1081   
1082    /*---------------------------------Sort JS-----------------------------------------*/
1083    $('#sortSelect').on('change', function() {
1084        let sortBy = $(this).val();
1085        let currentUrl = new URL(window.location.href);
1086
1087        currentUrl.searchParams.set('sort_by', sortBy);
1088        
1089        window.location.href = currentUrl.toString();
1090    });
1091
1092    /*---------------------------------Day change js---------------------------------------*/
1093
1094    $('#bookingType').on('change', function() {
1095        let bookingType = $(this).val();
1096        let currentUrl = new URL(window.location.href);
1097        
1098        currentUrl.searchParams.set('booking_type', bookingType);
1099        
1100        window.location.href = currentUrl.toString();
1101    });
1102
1103    /*------------------------------Emirate or Marian js -----------------------------------------*/
1104
1105    $(document).ready(function(){
1106        var emirate_id_old = null;
1107        var marina = null;
1108        var emirate_id = $('#selectedEmirate').find(":selected").data('id');
1109        slectedMarina(emirate_id,marina)
1110     })
1111
1112    $(document).on('change','#selectedEmirate',function(){
1113        var emirate_id = $(this).find(":selected").data('id');
1114        slectedMarina(emirate_id);
1115    })
1116
1117    function slectedMarina(emirate_id, selectedMarina=null){
1118        if(emirate_id){
1119            $.ajax({
1120                url : "https://boating.ae/get-marina",
1121                method : "GET",
1122                dataType: 'json',
1123                data : {emirate_id : emirate_id},
1124                success : function(response){
1125                    $('#marina-select').empty();
1126                    $('#marina-select').append('<option value="" selected disabled>Select Marina</option>');
1127                    $.each(response.data, function(key, value) {
1128                        var selected = '';
1129                         if(selectedMarina == value.id)
1130                           selected = "selected";
1131                        $('#marina-select').append('<option value="'+ value.id +'" '+ selected +'>'+ value.marina +'</option>');
1132                    });
1133                } 
1134            });
1135        }else{
1136            $('#marina-select').empty();
1137            $('#marina-select').append('<option value="" selected disabled>Select Marina</option>');
1138        }
1139    }
1140
1141    function singleSelection(checkbox) {
1142        $('.singleSelect').each(function(item,element) {
1143            if (element !== checkbox) {
1144                element.checked = false;
1145            }
1146        });
1147    }
1148    function singleSelection2(checkbox) {
1149        $('.Length').each(function(item,element) {
1150            if (element !== checkbox) {
1151                element.checked = false;
1152            }
1153        });
1154    }
1155
1156    $('.filters').on('click', function(){
1157        $('#BookingSection').css({'width':'100%'});
1158    })
1159
1160    $('#filtersForm').on('submit', function(){
1161        $('#BookingSection').css({'width':'0%'});
1162    })
1163    $('.close').click(function(){
1164        $('#BookingSection').css({'width':'0%'});
1165    });
1166
1167
1168    checkIn = document.querySelector('#checkIn');
1169    checkOut = document.querySelector('#checkOut');
1170    if (checkIn) {
1171        checkIn.flatpickr({
1172            dateFormat: 'd M, Y',
1173            minDate: 'today',
1174        });
1175    }
1176    if (checkOut) {
1177        checkOut.flatpickr({
1178            dateFormat: 'd M, Y',
1179            minDate: 'today',
1180        });
1181    }
1182    setTimeout(function(){
1183        $('.carousel-inner').each(function() {
1184            if ($(this).children('div').length === 1) $(this).siblings('.carousel-control-prev, .carousel-control-next').hide();
1185        });
1186    },2000); 
1187
1188    var maxCapacity = parseInt("100");
1189    var maxLength = parseInt("100");
1190    var maxPrice = parseInt("10.00");
1191
1192    /*------------------------------------Capacity Js------------------------------------------------------------*/
1193
1194     document.addEventListener('DOMContentLoaded', (event) => {
1195            var rangeSlider = document.getElementById('rangeSlider');
1196            var rangeMin = document.getElementById('rangeMin');
1197            var rangeMax = document.getElementById('rangeMax');
1198            var minCapacityInput = document.getElementById('min_capacity');
1199            var maxCapacityInput = document.getElementById('max_capacity');
1200
1201             var initialMin = parseInt(minCapacityInput.value) || 0;
1202             var initialMax = parseInt(maxCapacityInput.value) || maxCapacity;
1203
1204            noUiSlider.create(rangeSlider, {
1205                start: [initialMin, initialMax], 
1206                connect: true, 
1207                range: {
1208                    'min': 0,
1209                    'max': maxCapacity
1210                },
1211                tooltips: true, 
1212                format: {
1213                    to: function (value) {
1214                        return Math.round(value);
1215                    },
1216                    from: function (value) {
1217                        return Number(value);
1218                    }
1219                }
1220            });
1221            // Update min and max values
1222            rangeSlider.noUiSlider.on('update', function (values, handle) {
1223                if (handle === 0) {
1224                    rangeMin.innerText = values[0];
1225                    minCapacityInput.value = values[0];
1226                } else {
1227                    rangeMax.innerText = values[1];
1228                    maxCapacityInput.value = values[1];
1229                }
1230            });
1231            // Initialize min and max values display
1232            var initialValues = rangeSlider.noUiSlider.get();
1233            rangeMin.innerText = initialValues[0];
1234            rangeMax.innerText = initialValues[1];
1235            minCapacityInput.value = initialValues[0];
1236            maxCapacityInput.value = initialValues[1];
1237        });
1238
1239     /*-----------------------------------------Length Js--------------------------------------------------------*/
1240
1241     document.addEventListener('DOMContentLoaded', (event) => {
1242            var lengthSlider = document.getElementById('lengthRangeSlider');
1243            var lengthMin = document.getElementById('rangeMinLength');
1244            var lengthMax = document.getElementById('rangeMaxLength');
1245            var minlengthInput = document.getElementById('min_length');
1246            var maxlengthInput = document.getElementById('max_length');
1247
1248            var initialMin = parseInt(minlengthInput.value) || 0;
1249            var initialMax = parseInt(maxlengthInput.value) || maxLength;
1250
1251            noUiSlider.create(lengthRangeSlider, {
1252                start: [initialMin, initialMax], 
1253                connect: true, 
1254                range: {
1255                    'min': 0,
1256                    'max': maxLength
1257                },
1258                tooltips: true, // Enabling tooltips
1259                format: {
1260                    to: function (value) {
1261                        return Math.round(value);
1262                    },
1263                    from: function (value) {
1264                        return Number(value);
1265                    }
1266                }
1267            });
1268            // Update min and max values
1269            lengthSlider.noUiSlider.on('update', function (values, handle) {
1270                if (handle === 0) {
1271                    lengthMin.innerText = values[0];
1272                    minlengthInput.value = values[0];
1273                } else {
1274                    lengthMax.innerText = values[1];
1275                    maxlengthInput.value = values[1];
1276                }
1277            });
1278            // Initialize min and max values display
1279            var initialValues = lengthSlider.noUiSlider.get();
1280            lengthMin.innerText = initialValues[0];
1281            lengthMax.innerText = initialValues[1];
1282            minlengthInput.value = initialValues[0];
1283            maxlengthInput.value = initialValues[1];
1284        });
1285
1286     /*-------------------------Price Js------------------------------------------------------*/
1287
1288     document.addEventListener('DOMContentLoaded', (event) => {
1289            var priceSlider = document.getElementById('priceRangeSlider');
1290            var priceMin = document.getElementById('rangeMinPrice');
1291            var priceMax = document.getElementById('rangeMaxPrice');
1292            var minpriceInput = document.getElementById('min_price');
1293            var maxpriceInput = document.getElementById('max_price');
1294
1295            var initialMin = parseInt(minpriceInput.value) || 0;
1296            var initialMax = parseInt(maxpriceInput.value) || maxPrice;
1297
1298            noUiSlider.create(priceRangeSlider, {
1299                start: [initialMin, initialMax], 
1300                connect: true, 
1301                range: {
1302                    'min': 0,
1303                    'max': maxPrice
1304                },
1305                tooltips: true, // Enabling tooltips
1306                format: {
1307                    to: function (value) {
1308                        return Math.round(value);
1309                    },
1310                    from: function (value) {
1311                        return Number(value);
1312                    }
1313                }
1314            });
1315            // Update min and max values
1316            priceSlider.noUiSlider.on('update', function (values, handle) {
1317                if (handle === 0) {
1318                    priceMin.innerText = values[0];
1319                    minpriceInput.value = values[0];
1320                } else {
1321                    priceMax.innerText = values[1];
1322                    maxpriceInput.value = values[1];
1323                }
1324            });
1325            // Initialize min and max values display
1326            var initialValues = priceSlider.noUiSlider.get();
1327            priceMin.innerText = initialValues[0];
1328            priceMax.innerText = initialValues[1];
1329            minpriceInput.value = initialValues[0];
1330            maxpriceInput.value = initialValues[1];
1331        });
1332
1333     
1334</script>
1334
1335<!-- END: Page JS-->
1336    
1336<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.min.js"></script>
1336
1337
1338    
1339    
1339<script>
1340        document.addEventListener("DOMContentLoaded", function() {
1341            var vendorForm = document.getElementById("vendorForm");
1342            var vendorSwitch = document.getElementById("vendorSwitch");
1343
1344            if (vendorSwitch) {
1345                vendorSwitch.addEventListener("change", function() {
1346                    switchProfile() 
1347                });
1348            }
1349        });
1350
1351        function switchProfile() {
1352            let switchBtn = 0;
1353            if ($('#vendorSwitch').is(':checked')) {
1354                switchBtn = 1;
1355            }
1356                            isSigned = true;
1357            
1358            if (!isSigned && switchBtn === 1) {
1359                $('#termsModal').modal('show');
1360                return false;
1361            }
1362
1363            if(isSigned){
1364                vendorForm.submit();
1365            }
1366        }
1367        
1368
1369        function toggleVendorSwitch() {
1370            if($('#vendorSwitch').is(':checked')) {
1371                $('#vendorSwitch').prop('checked', false);
1372            } else {
1373                $('#vendorSwitch').prop('checked', true);
1374            }
1375            switchProfile()
1376        }
1377
1378        $(document).ready(function() {
1379
1380            $("#SwitchVendorTerms").validate({
1381                rules: {
1382                    initials: {
1383                        required: true,
1384                        minlength: 2
1385                    },
1386                    is_terms_accepted: {
1387                        required: true
1388                    }
1389                },
1390                messages: {
1391                    initials: {
1392                        required: "Please enter your initials."
1393                    },
1394                    is_terms_accepted: {
1395                        required: "Please accept the terms and conditions."
1396                    }
1397                },
1398                errorPlacement: function(error, element) {
1399
1400                    if(element.attr('type') === 'checkbox'){
1401                        error.insertAfter(element.parent());
1402                    }else{
1403
1404                        error.insertAfter(element);
1405                    }
1406                },
1407                submitHandler: function(form) {
1408                    // Prevent default form submission
1409                    event.preventDefault();
1410                    $.ajax({
1411                        url: "https://boating.ae/update-vendor",
1412                        type: "POST",
1413                        data: $(form).serialize(),
1414                        success: function(response) {
1415                            if(response.status === true) {
1416                                $('#termsModal').modal('hide');
1417                                vendorForm.submit();
1418                            }
1419                        },
1420                        error: function(error) {
1421                            console.error(error);
1422                        }
1423                    });
1424                }
1425            });
1426
1427
1428            // Show modal on hover
1429            $('#uploadArea').click(function() {
1430                $('#uploadImage').modal('show');
1431            });
1432
1433            $('#uploadAreaButton').click(function() {
1434                $('#uploadImage').modal('show');
1435            });
1436
1437            $('.uploadImageModal').click(function() {
1438                $('#uploadImage').modal('show');
1439            });
1440
1441            $('#dlisence').hide();
1442            $('#passport').hide();
1443            $('#uaeId').hide();
1444            $('#doct').change(function() {
1445                var selectedOption = $(this).val();
1446                $(".upload-content").html('');
1447                $(".upload-front").html('');
1448                $(".upload-back").html('');
1449                $('form')[0].reset();
1450                if (selectedOption == 1) {
1451					let PassportFile = $('input[name="passport"]')[0].files[0];
1452					if (PassportFile) {
1453						var reader = new FileReader();
1454						reader.onload = function(e) {
1455							$(".upload-content").html('<img src="' + e.target.result +
1456								'" style="max-width:100%; max-height:100%;" />');
1457						}
1458						reader.readAsDataURL(PassportFile);
1459						// $('.imgback').hide();
1460					}
1461
1462                    $('#passport').show();
1463                    $('#dlisence').hide();
1464                    $('#uaeId').hide();
1465                } else if (selectedOption == 2) {
1466                    let FrontFile = $("#front")[0].files[0];
1467                    let BackFile = $("#back")[0].files[0];
1468                    if (FrontFile) {
1469                        previewFile(1, FrontFile);
1470                    }
1471                    if (BackFile) {
1472                        previewFile(0, BackFile);
1473                    }
1474                    $('#dlisence').show();
1475                    $('#passport').hide();
1476                    $('#uaeId').hide();
1477                } else if (selectedOption == 5) {
1478                    let uaeid_front = $("#uaeid_front")[0].files[0];
1479                    if (uaeid_front) {
1480                        previewUaeId(1, uaeid_front);
1481                    }
1482                    let uaeid_back = $("#uaeid_back")[0].files[0];
1483                    if (uaeid_back) {
1484                        previewUaeId(0, uaeid_back);    
1485                    }
1486                    $('#uploadUaeIdModal').on('hidden.bs.modal', function () {
1487                        $(".upload_uaeid_front").html('');
1488                        $(".upload_uaeid_back").html('');
1489                        $('form')[0].reset();
1490                    });
1491                    $('#uaeId').show();
1492                    $('#passport').hide();
1493                    $('#dlisence').hide();
1494                } else {
1495                    $('#passport').hide();
1496                    $('#dlisence').hide();
1497                    $('#uaeId').hide();
1498                }
1499            });
1500
1501            $("#upload-container").click(function() {
1502                $("#fileInput").click();
1503            });
1504
1505            // When a file is selected, display its preview
1506            $("#fileInput").change(function() {
1507                var file = this.files[0];
1508                if (file) {
1509                    var reader = new FileReader();
1510                    reader.onload = function(e) {
1511                        $(".upload-content").html('<img src="' + e.target.result +
1512                            '" style="max-width:100%; max-height:100%;" />');
1513                    }
1514                    reader.readAsDataURL(file);
1515                    $('.imgback').hide();
1516                }
1517            });
1518
1519            $("#front").change(function() {
1520                var file = this.files[0];
1521                if (file) {
1522                    previewFile(1, file);
1523
1524                    // var reader = new FileReader();
1525                    // reader.onload = function(e) {
1526                    //     $(".upload-front").html('<img src="' + e.target.result + '" class="DocumentImage" />');
1527                    // }
1528                    // reader.readAsDataURL(file);
1529                }
1530            });
1531
1532            $("#back").change(function() {
1533                var file = this.files[0];
1534                if (file) {
1535                    previewFile(0, file);
1536                    // var reader = new FileReader();
1537                    // reader.onload = function(e) {
1538                    //     $(".upload-back").html('<img src="' + e.target.result + '" class="DocumentImage" />');
1539                    // }
1540                    // reader.readAsDataURL(file);
1541                }
1542            });
1543
1544            function previewFile(ifFront = 0, file) {
1545                var reader = new FileReader();
1546                if (ifFront === 1) {
1547                    reader.onload = function(e) {
1548                        $(".upload-front").html('<img src="' + e.target.result + '" class="DocumentImage" />');
1549                    }
1550                } else {
1551                    reader.onload = function(e) {
1552                        $(".upload-back").html('<img src="' + e.target.result + '" class="DocumentImage" />');
1553                    }
1554                }
1555                reader.readAsDataURL(file);
1556            }
1557
1558            $('.docs').submit(function(e) {
1559                e.preventDefault();
1560                var fd = new FormData(this);
1561                $.ajax({
1562                    url: "https://boating.ae/upload-documents",
1563                    method: 'POST',
1564                    data: fd,
1565                    processData: false,
1566                    contentType: false,
1567                    beforeSend: function() {
1568                        $('.docs .loader').removeClass('d-none')
1569                    },
1570                    success: function(response) {
1571                        $('.docs .loader').addClass('d-none')
1572                        if (response.status == true) {
1573                            // toastr.success(response.message);
1574                            $('#uploadImage').modal('hide');
1575                            $('#successModal').modal('show');
1576                            setTimeout(function() {
1577                                window.location.reload();
1578                            }, 2000);
1579                        } else {
1580                            $('.docs .loader').removeClass('d-none');
1581                            alert(response.message);
1582                        }
1583                    },
1584                    error: function(xhr, status, error) {
1585                        $('.docs .loader').removeClass('d-none');
1586                        var errorMessage = xhr.responseJSON.errors ? xhr.responseJSON.errors :
1587                            "Error occurred while uploading documents";
1588                        alert(errorMessage);
1589                    }
1590                })
1591            });
1592
1593            $('#passbtn').prop('disabled', true);
1594            $('input[name="passport"]').on('change', function() {
1595                if ($(this)[0].files.length > 0) {
1596                    $('#passbtn').prop('disabled', false);
1597                } else {
1598                    $('#passbtn').prop('disabled', true);
1599                }
1600            });
1601
1602            $('#dlbtn').prop('disabled', true);
1603            $('input[name="front_image"], input[name="back_image"]').on('change', function() {
1604                if ($('input[name="front_image"]')[0].files.length > 0 && $('input[name="back_image"]')[0]
1605                    .files.length > 0) {
1606                    $('#dlbtn').prop('disabled', false);
1607                } else {
1608                    $('#dlbtn').prop('disabled', true);
1609                }
1610            });
1611
1612            $('.ct-hover').click(function(event) {
1613                event.stopPropagation();
1614                var ctInner = $(this).find('.ct-inner');
1615                if (ctInner.is(':visible')) {
1616                    ctInner.hide();
1617                } else {
1618                    ctInner.show();
1619                }
1620            });
1621
1622
1623           
1624            $('.sailingModal').click(function() {
1625                $('#sailingRequierdModal').modal('hide');
1626                $('#uploadSailingModal').modal('show');
1627            });
1628
1629            $('#sailingRequirdModal').click(function() {
1630                $('#sailingRequierdModal').modal('show');
1631            })
1632
1633            // $('#slisence').hide();
1634            // $('#doc_type').change(function(){
1635            //     var selectedSailing = $(this).val();
1636            //     if(selectedSailing == 4){
1637            //         $('#slisence').show();
1638            //     } else {
1639            //         $('#slisence').hide();
1640            //     }
1641            // });
1642
1643            // When a file is selected, display its preview
1644            $("#sailing_front").change(function() {
1645                var file = this.files[0];
1646                if (file) {
1647					previewSailing(1, file);
1648                }
1649            });
1650
1651            $("#sailing_back").change(function() {
1652                var file = this.files[0];
1653                if (file) {
1654					previewSailing(0, file);
1655                }
1656            });
1657
1658			function previewSailing(ifFront = 0, file) {
1659                var reader = new FileReader();
1660                if (ifFront === 1) {
1661                    reader.onload = function(e) {
1662                        $(".upload_sailing_front").html('<img src="' + e.target.result +
1663                            '" class="DocumentImage" />');
1664                    }
1665                } else {
1666                    reader.onload = function(e) {
1667                        $(".upload_sailing_back").html('<img src="' + e.target.result +
1668                            '" class="DocumentImage" />');
1669                    }
1670                }
1671                reader.readAsDataURL(file);
1672            }
1673
1674            $('.sailing_docs').submit(function(e) {
1675                e.preventDefault();
1676                var fd = new FormData(this);
1677                $.ajax({
1678                    url: "https://boating.ae/upload-sailing-documents",
1679                    method: 'POST',
1680                    data: fd,
1681                    processData: false,
1682                    contentType: false,
1683                    beforeSend: function() {
1684                        $('.sailing_docs .loader').removeClass('d-none')
1685                    },
1686                    success: function(response) {
1687                        $('.sailing_docs .loader').addClass('d-none')
1688                        if (response.status == true) {
1689                            $('#uploadSailingModal').modal('hide');
1690                            $('#successModal').modal('show');
1691                            setTimeout(function() {
1692                                window.location.reload();
1693                            }, 2000);
1694                        } else {
1695                            $('.sailing_docs .loader').removeClass('d-none');
1696                            alert(response.message);
1697                        }
1698                    },
1699                    error: function(xhr, status, error) {
1700                        $('.sailing_docs .loader').removeClass('d-none');
1701                        var errorMessage = xhr.responseJSON.errors ? xhr.responseJSON.errors :
1702                            "Error occurred while uploading documents";
1703                        alert(errorMessage);
1704                    }
1705                })
1706            })
1707
1708
1709
1710            $('.uaeIdModal').click(function() {
1711                $('#uploadUaeIdModal').modal('show');
1712            })
1713
1714            $("#uaeid_front").change(function() {
1715                var file = this.files[0];
1716                if (file) {
1717					previewUaeId(1, file);
1718                }
1719            });
1720
1721            $("#uaeid_back").change(function() {
1722                var file = this.files[0];
1723                if (file) {
1724					previewUaeId(0, file);
1725                }
1726            });
1727
1728			function previewUaeId(ifFront = 0, file) {
1729                var reader = new FileReader();
1730                if (ifFront === 1) {
1731                    reader.onload = function(e) {
1732                        $(".upload_uaeid_front").html('<img src="' + e.target.result +
1733                            '" class="DocumentImage" />');
1734                    }
1735                } else {
1736                    reader.onload = function(e) {
1737                        $(".upload_uaeid_back").html('<img src="' + e.target.result +
1738                            '" class="DocumentImage" />');
1739                    }
1740                }
1741                reader.readAsDataURL(file);
1742            }
1743        });
1744    </script>
1744
1745</body>
1746
1747</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.