PageSourceSearch

https://www.banyumilitravel.id/

html banyumilitravel.id collected 2026-10-03 00:33:19 UTC 134,289 bytes, 3,123 lines download raw bytes

1<!-- grouping outlet & kota -->
2
3
4
5<!DOCTYPE html>
6<html lang="id">
7    <head>
8        <!-- meta tags -->
9        <meta charset="utf-8">
10        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
11        <meta http-equiv="x-ua-compatible" content="ie=edge">
12        <meta name="author" content="Banyumili">
13        <meta property="og:site_name" content="Banyumili">
14        <link rel="canonical" href="https://www.banyumilitravel.id">
15        <meta name="csrf-token" content="IfbJ89LPYjcn24wKFA0ttINfVjZvCxk2uIIlUlTk">
16
17        
18        
19        
20        <!-- title -->
21                <title>Travel Balikpapan Samarinda Sangatta Bontang | HiAce Premio VIP Single Seat</title>
22        
23                <meta name="description" content="Booking online travel Kalimantan Timur di website &amp; aplikasi &amp; dapatkan promo khususnya di sini! Bisa pilih kursi sendiri, nyaman &amp; terpercaya.">
24        
25                <meta name="keywords" content="banyumili travel">
26        
27        <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 27-28
27
28<script async src="https://www.googletagmanager.com/gtag/js?id=
28G-NDY6LN70BZ
vendor: 12 bytes, line 28
28"></script>
29<script>
30    
vendor: 146 bytes, lines 30-33
30window.dataLayer = window.dataLayer || [];
31    function gtag() { dataLayer.push(arguments); }
32    gtag('js', new Date());
33        gtag('config', '
33G-NDY6LN70BZ
vendor: 8 bytes, lines 33-34
33');
34    
34</script>
34
35    <!-- Google Tag Manager -->
36    
36<script>
vendor: 364 bytes, lines 36-41
36
37        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
38        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
39        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
40        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
41    })(window,document,'script','dataLayer','
41GTM-K8Q3ZF46
vendor: 8 bytes, lines 41-42
41');
42    
42</script>
42
43    <!-- End Google Tag Manager -->
44
45        
46        
47                <link href="https://www.banyumilitravel.id/global/css/default-head.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
48        <noscript>
49            <link rel="stylesheet" href="/global/css/default-head.css?v=3.0">
50        </noscript>
51        <!-- shortcut icon -->
52        <link rel="shortcut icon" href="https://www.banyumilitravel.id/default/banyumili/images/icon/favicon.png">
53        <!-- bootstrap -->
54        <link href="https://www.banyumilitravel.id/default/banyumili/css/bootstrap.min.css?v=3.0"rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
55        <!-- flatpickr -->
56        <link href="https://www.banyumilitravel.id/default/banyumili/css/flatpickr.min.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
57        <!-- slimselect -->
58        <link href="https://www.banyumilitravel.id/default/banyumili/css/slimselect.min.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
59
60        <!-- font awesome -->
61        <link rel="stylesheet" type="text/css" href="https://www.banyumilitravel.id/fontawesome-5.8.1/css/all.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
62        <!-- custom -->
63        
64        <link href="https://www.banyumilitravel.id/default/banyumili/css/custom.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
65        <link  href="https://www.banyumilitravel.id/global/css/custom-tailwind.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
66
67        <link rel="stylesheet" type="text/css" href="https://www.banyumilitravel.id/global/css/gocaptcha-client.css">
68        
69        <style>
70            .border-seat {
71                border-radius: 16px;
72                border: 1px solid #E5E7EB;
73            }
74
75            .pcapital {
76                text-transform: capitalize !important;
77            }
78
79            .text-lowercase.pcapital,
80            .pcapital.text-lowercase {
81                text-transform: capitalize !important;
82            }
83
84            .shadow-cstm {
85                box-shadow: 0 8px 24px 0 #959da51f;
86            }
87
88            /* Button umum */
89            .btn,
90            .btn:hover,
91            .btn:focus,
92            .btn:active,
93            .btn:focus-visible,
94            .btn:not(:disabled):not(.disabled):active {
95                outline: none !important;
96                box-shadow: none !important;
97            }
98
99            /* Link */
100            a,
101            a:hover,
102            a:focus,
103            a:active,
104            a:focus-visible {
105                outline: none !important;
106                box-shadow: none !important;
107            }
108
109            /* Image */
110            img,
111            img:focus,
112            img:active,
113            img:focus-visible {
114                outline: none !important;
115                box-shadow: none !important;
116            }
117
118            /* Accordion Bootstrap 5 */
119            .accordion-button,
120            .accordion-button:hover,
121            .accordion-button:focus,
122            .accordion-button:active,
123            .accordion-button:focus-visible,
124            .accordion-button:not(.collapsed) {
125                outline: none !important;
126                box-shadow: none !important;
127            }
128
129            /* Accordion Bootstrap 4 / card header */
130            .card-header,
131            .card-header:focus,
132            .card-header:active,
133            .card-header .btn,
134            .card-header .btn:hover,
135            .card-header .btn:focus,
136            .card-header .btn:active,
137            .card-header .btn:focus-visible {
138                outline: none !important;
139                box-shadow: none !important;
140            }
141
142            /* Elemen accordion yang memakai data-toggle / data-bs-toggle */
143            [data-toggle="collapse"],
144            [data-toggle="collapse"]:focus,
145            [data-toggle="collapse"]:active,
146            [data-bs-toggle="collapse"],
147            [data-bs-toggle="collapse"]:focus,
148            [data-bs-toggle="collapse"]:active {
149                outline: none !important;
150                box-shadow: none !important;
151                -webkit-tap-highlight-color: transparent;
152            }
153        </style>
154
155        	<link rel="stylesheet" href="https://www.banyumilitravel.id/default/banyumili/css/slick-theme.css">
156    <link rel="stylesheet" href="https://www.banyumilitravel.id/default/banyumili/css/slick.css">
157    <link rel="stylesheet" href="https://www.banyumilitravel.id/global/css/flatpickr-holiday.css?ver=2">
158	<style>
159		.flatpickr-months {
160			border-bottom: none !important;
161			margin-bottom: 0 !important;
162			padding-bottom: 0 !important;
163		}
164		.holiday-legend {
165			margin-top: 0 !important;
166			border-top: 0 !important;
167		}
168		.bg-layanan-ver1 {
169            background-image: url('https://www.banyumilitravel.id/default/banyumili/images/bg/bg.png');
170			background-size: cover;
171            color: white;
172            font-family: 'Plus Jakarta Sans', sans-serif;
173        }
174
175		.bg-birthday {
176			background-image: url('https://www.banyumilitravel.id/default/banyumili/images/bg/bg-birthday.png'); /* URL untuk gambar transparan */
177            background-size: cover;
178            background-position: center;
179            background-repeat: no-repeat;
180		}
181
182		.card-birthday {
183			background: linear-gradient(209.37deg, #FEFCE8 15.92%, #FEF9C3 80.67%);
184			border: 1px solid #CA8A041A;
185			box-shadow: 0px 4px 10px -2px #FEF08A40;
186			box-shadow: 0px 2px 2px -1px #FEF08A40;
187			box-shadow: 0px -1px 4px 0px #0000000D inset;
188			color: #A16207;
189		}
190
191		.img-position {
192			background: url('https://www.banyumilitravel.id/default/banyumili/images/icon/horray.png');
193			background-position: bottom right;
194			background-size: 80px;
195			background-repeat: no-repeat;
196		}
197
198		.card-layanan-ver1 {
199            background-color: rgba(0, 0, 0, 0.5);
200        }
201
202		.img-layanan {
203			max-width: 200px;
204			margin: auto;
205		}
206
207		.img-layanan-ver2 {
208			position: absolute;
209			width: 179.3px;
210			height: 119.5px;
211			left: 146.31px;
212			top: 1061.75px;
213		}
214
215		#popInfoImg{
216			border-radius: 8px;
217		}
218		.modal-pop-info{
219			background: rgb(0 0 0 / 69%);
220		}
221
222		.modal-pop-info > .modal-dialog > .modal-content{
223			border: none !important;
224			background: transparent !important;
225		}
226
227		.close-pop-info{
228			position: absolute;
229			right: 7px;
230			top: -18px;
231			cursor: pointer;
232			font-size: 26px;
233		}
234
235		.br-99 {
236			border-radius: 99px;
237		}
238
239		.slider .slide-item {
240			display: block;
241			margin-right: 10px;
242		}
243		.slider img {
244			width: 100%;
245			display: block;
246		}
247			</style>
248	<!-- Style untuk slider binasarana -->
249		<!-- slider untuk banyumili -->
250			<style>
251			.slider-banyumili .slider .slick-prev, .slider-banyumili .slider .slick-next {
252				background: transparent;
253				border: none;
254				font-size: 24px;
255				color: #333;
256				position: absolute;
257				top: 50%;
258				transform: translateY(-50%);
259				z-index: 10;
260				cursor: pointer;
261			}
262			.slider-banyumili .slider .border-circle{
263				border: 1px solid white;
264				background: #06429D;
265				color:white;
266				border-radius:50%;
267				padding:8px;
268				width:24px;
269				height:24px;
270				font-size:12px;
271			}
272			.slider-banyumili .slider .slick-prev { left: -10px; }
273			.slider-banyumili .slider .slick-next { right: -9px; }
274
275			.slider-banyumili .slider .slick-prev:before, .slider-banyumili .slider .slick-next:before {
276				content: '' !important;
277			}
278			.slider-banyumili .slider .border-arrow{
279				background: rgba(204, 36, 37, 1);
280				color:white;
281				border: 4px solid #ffffff;
282				border-radius:60px;
283				padding: 4px 6px;
284			}
285		</style>
286		<!-- slider untuk marita -->
287	
288            </head>
289    <body>
290        <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 290-291
290
291<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
291GTM-K8Q3ZF46
vendor: 91 bytes, lines 291-293
291"
292    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
293    
293<!-- End Google Tag Manager (noscript) -->
294        
295        
296        			<style>
297    .close-fab {
298        position: absolute;
299        right: -8px;
300        top: -8px;
301        cursor: pointer;
302        font-size: 26px;
303    }
304
305    .container-fab {
306        position: fixed;
307        z-index: 999;
308        left: 25px;
309        bottom: 50px;
310        cursor: pointer;
311    }
312
313    .container-fab .fab {
314        border-radius:10px;
315        background-color: #ffffff;
316        width: 200px;
317        height: auto;
318        box-shadow: 0px 1px 18px rgba(217, 217, 217, 0.57);
319        text-align: center;
320    }
321
322    .fab-download {
323        border-radius: 0 0 10px 10px;
324    }
325</style>
326<div class="container-fab">
327    <i class="fa fa-times-circle text-secondary fs-18 close-fab"></i>
328    <div class="fab">
329        <div>
330            <div id="qrcode" class="py-4"></div>
331        </div>
332        <div class="fab-download first-bg-color text-white py-3 px-3">
333            <p class="fs-12">Potongan untuk pengguna baru di aplikasi</p>
334            <a href="https://www.banyumilitravel.id/download/app" target="_blank" class="btn btn-block bg-white first-color fs-14 mt-2">Unduh Aplikasi</a>
335        </div>
336    </div>
337</div>
338<script src="https://www.banyumilitravel.id/global/js/jquery-3.3.1.min.js"></script>
vendor: 1 bytes, line 338
338
339<script type="text/javascript" src="https://unpkg.com/[email protected]/lib/qr-code-styling.js"></script>
vendor: 1 bytes, line 339
339
340<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/jquery.qrcode.min.js"></script>
vendor: 1 bytes, line 340
340
341<script>
342    document.addEventListener("DOMContentLoaded", function () {
343        let url = "https://www.banyumilitravel.id/download/app";
344        let asset = "\/images\/download\/d-banyumili.png";
345        let logo;
346    
347        // Cek apakah asset kosong (string kosong atau null)
348        if (!asset || asset === "") {
349            logo = "";
350        } else {
351            logo = "https://www.banyumilitravel.id/" + asset;
352        }
353    
354        // Pastikan elemen qrcode tersedia
355        const qrElement = document.getElementById("qrcode");
356        if (!qrElement) {
357            console.error("Element with ID 'qrcode' not found.");
358            return;
359        }
360    
361        const qrCode = new QRCodeStyling({
362            width: 150,
363            height: 150,
364            type: "svg",
365            data: url,
366            image: logo,
367            dotsOptions: {
368                color: "#000000",
369                type: "rounded"
370            },
371            imageOptions: {
372                crossOrigin: "anonymous",
373                imageSize: 0.4,
374                margin: 5
375            }
376        });
377    
378        qrCode.append(qrElement);
379    
380        // Fungsi untuk download QR
381        window.downloadQR = function () {
382            qrCode.download({ name: "qr", extension: "svg" });
383        };
384
385        // Close
386        const closeBtn = document.querySelector(".close-fab");
387        const fabContainer = document.querySelector(".container-fab");
388        if (closeBtn && fabContainer) {
389            closeBtn.addEventListener("click", function () {
390                fabContainer.style.display = "none";
391            });
392        }
393    });
394</script>
394		
395        <!-- SCRIPTS -->
396        <!-- jquery -->
397        
397<script src="https://www.banyumilitravel.id/default/banyumili/js/jquery-3.3.1.min.js?v=3.0"></script>
397
398        <!-- bootstrap tooltips -->
399        
399<script src="https://www.banyumilitravel.id/default/banyumili/js/popper.min.js?v=3.0" ></script>
399
400        <!-- bootstrap -->
401        
401<script src="https://www.banyumilitravel.id/default/banyumili/js/bootstrap.min.js?v=3.0"></script>
401
402        <!-- flatpickr -->
403        
403<script src="https://www.banyumilitravel.id/default/banyumili/js/flatpickr.js?v=3.0"></script>
403
404        
404<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/flatpickr.id.js?v=3.0" ></script>
404
405        <!-- slimselect -->
406        
406<script src="https://www.banyumilitravel.id/default/banyumili/js/slimselect.min.js?v=3.0" ></script>
406
407        <!-- filterinput -->
408        
408<script src="https://www.banyumilitravel.id/default/banyumili/js/filterinput.js?v=3.0" ></script>
408
409        
409<script src="https://www.banyumilitravel.id/global/js/moment.js?v=3.0" ></script>
409
410        
410<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/date-id.js?v=3.0"></script>
410
411
412        
412<script type="text/javascript">
413            function applyPcapital(root) {
414                var container = root || document;
415                var elements = container.querySelectorAll ? container.querySelectorAll('.pcapital') : [];
416
417                function titleCaseText(value) {
418                    return value.toLowerCase().replace(/(^|[\s\-\/(])([a-z])/g, function(match, prefix, letter) {
419                        return prefix + letter.toUpperCase();
420                    });
421                }
422
423                function transformTextNodes(node) {
424                    if (node.nodeType === 3) {
425                        if (node.nodeValue.replace(/\s/g, '') !== '') {
426                            node.nodeValue = titleCaseText(node.nodeValue);
427                        }
428                        return;
429                    }
430
431                    if (node.nodeType !== 1 || /^(script|style|textarea|input)$/i.test(node.nodeName)) {
432                        return;
433                    }
434
435                    for (var i = 0; i < node.childNodes.length; i++) {
436                        transformTextNodes(node.childNodes[i]);
437                    }
438                }
439
440                for (var i = 0; i < elements.length; i++) {
441                    transformTextNodes(elements[i]);
442                }
443            }
444
445            document.addEventListener("DOMContentLoaded", function() {
446                applyPcapital();
447
448                $('#close-alert-copy').click(function(){
449                    $('#alert-copy').removeClass('d-block');
450                });
451            });
452
453            function copyTeks(){
454                var textToCopy = $("#kode-bayar").select().val();
455                // navigator clipboard api needs a secure context (https)
456                if (navigator.clipboard && window.isSecureContext) {
457                    // navigator clipboard api method'
458                    $('#alert-copy').addClass('d-block');
459                    return navigator.clipboard.writeText(textToCopy);
460                } else {
461                    // text area method
462                    let textArea = document.createElement("textarea");
463                    textArea.value = textToCopy;
464                    // make the textarea out of viewport
465                    textArea.style.position = "fixed";
466                    textArea.style.left = "-999999px";
467                    textArea.style.top = "-999999px";
468                    document.body.appendChild(textArea);
469                    textArea.focus();
470                    textArea.select();
471                    $('#alert-copy').addClass('d-block');
472                    return new Promise((res, rej) => {
473                        // here the magic happens
474                        document.execCommand('copy') ? res() : rej();
475                        textArea.remove();
476                    });
477                }
478            }
479
480            function handleEmailClick(email) {
481                const s = encodeURIComponent("Hallo Banyumili");
482                const b = encodeURIComponent("Saya ingin bertanya");
483
484                const mailto  = `mailto:${email}?subject=${s}&body=${b}`;
485                const gmailWeb = `https://mail.google.com/mail/?view=cm&fs=1&to=${email}&su=${s}&body=${b}`;
486
487                const ua = navigator.userAgent;
488                const isMobile = /Android|iPhone|iPad|iPod/i.test(ua);
489                const isChromeDesktop = ua.includes("Chrome") && !ua.includes("Mobile");
490                const isEdgeDesktop   = ua.includes("Edg") && !ua.includes("Mobile");
491
492                // MOBILE — gunakan MAILTO (ini satu-satunya yang buka compose)
493                if (isMobile) {
494                    window.location.href = mailto;
495                    return;
496                }
497
498                // DESKTOP Chrome / Edge
499                if (isChromeDesktop || isEdgeDesktop) {
500                    window.open(gmailWeb, "_blank");
501                    return;
502                }
503
504                // DESKTOP lain: mailto ➝ fallback Gmail
505                window.location.href = mailto;
506
507                setTimeout(() => {
508                    if (!document.hidden) window.open(gmailWeb, "_blank");
509                }, 700);
510            }
511        </script>
511
512
513        
514                                                        <style>
515    .gap-6{
516        gap:6px;
517    }
518
519    #download-apps {
520        border-radius: 6px;
521        padding: 4px 8px;
522        width: auto;
523    }
524</style>
525
526    <div class=" sticky-top mr-0 ">
527        	
528        <nav aria-label="Navigasi Utama" data-i18n-aria-label="navPrimaryAria" class="navbar navbar-expand-xl navbar-light bg-light " style="box-shadow: 0 0px 7px #505050cc;">
529                <a class="navbar-brand  ml-lg-5  d-flex" href="https://www.banyumilitravel.id">
530            <div class="align-content-center">
531                <img src="https://www.banyumilitravel.id/default/banyumili/images/icon/logo.png"   class="img-fluid logo-navbar ">
532            </div>
533        </a>
534        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation" style="outline:none">
535            <span class="navbar-toggler-icon"></span>
536        </button>
537        
538        <div class="collapse navbar-collapse" id="navbarColor03">
539                            <ul class="navbar-nav mr-auto font-bold-o">
540                    <li class="nav-item ml-lg-2">
541                        <a target="_blank" href="https://www.banyumilitravel.id/download/app"
542                            class="nav-link d-inline-block pointer cursor-pointer"
543                            id="download-apps"
544                        >
545                            <i class="fa fa-mobile pr-1"></i>
546                            <span class="pointer cursor-pointer" data-i18n="navDownloadApp">Download App</span>
547                        </a>
548                    </li>
549                </ul>
550                        
551            <ul class="navbar-nav ml-auto font-bold-o">
552            
553                        
554                                                            <li class="nav-item 
555                     
556                        active 
557                                        ">
558                    <a class="nav-link
559                        "
560                        href="https://www.banyumilitravel.id"
561                                                                        data-i18n-id="Beranda"
562                        data-i18n-en="Beranda">Beranda
563                    </a>
564                                                        </li>
565                                                                            <li class="nav-item 
566                                        ">
567                    <a class="nav-link
568                        "
569                        href="https://www.banyumilitravel.id/outlet"
570                                                                        data-i18n-id="Outlet"
571                        data-i18n-en="Outlet">Outlet
572                    </a>
573                                                        </li>
574                                                                            <li class="nav-item 
575                                        ">
576                    <a class="nav-link
577                        "
578                        href="https://www.banyumilitravel.id/blog"
579                                                                        data-i18n-id="Blog"
580                        data-i18n-en="Blog">Blog
581                    </a>
582                                                        </li>
583                                                                            <li class="nav-item 
584                                        ">
585                    <a class="nav-link
586                        "
587                        href="https://www.banyumilitravel.id/pembayaran"
588                                                                        data-i18n-id="Cara Bayar"
589                        data-i18n-en="Cara Bayar">Cara Bayar
590                    </a>
591                                                        </li>
592                                                                            <li class="nav-item 
593                                        ">
594                    <a class="nav-link
595                        "
596                        href="https://www.banyumilitravel.id/paket/cekpaket"
597                                                                        data-i18n-id="Lacak Paket"
598                        data-i18n-en="Lacak Paket">Lacak Paket
599                    </a>
600                                                        </li>
601                                                                            <li class="nav-item 
602                                        ">
603                    <a class="nav-link
604                        "
605                        href="https://www.banyumilitravel.id/kontak"
606                                                                        data-i18n-id="Kontak"
607                        data-i18n-en="Kontak">Kontak
608                    </a>
609                                                        </li>
610                            
611                            <form class="form-inline my-2 my-lg-0">
612                                                <li class="nav-item order-2">
613                    <a href="https://www.banyumilitravel.id/masuk" class="nav-link ddaccount btn-masuk">
614                        <i class="fa fa-user-circle pr-2"></i>
615                                                <span data-i18n="navRegisterLogin">Daftar/Masuk</span>
616                                            </a>
617                </li>
618                                
619                <a class="nav-link btn-secondary text-white bubble-inline btn-sm my-2 my-sm-0 font-bold-o btn-tiket order-1 mr-3"
620                href="https://www.banyumilitravel.id/book/cekbook"
621                style="font-size: 1rem;">
622                    <i class="fas fa-ticket-alt pr-2" aria-hidden="true"></i><span data-i18n="navCheckTicket">Cek Tiket</span>
623                </a>
624            </ul>
625            </form>
626        </div>
627        </nav>
628        
629    </div>
630
631
632<nav class="d-none d-lg-block nav-border" style="border-bottom: 2px solid #ebebeb;">
633    <div class="container">
634        <div class="d-flex">
635                    </div>
636    </div>
637</nav>
638
639
640
641<div class="modal fade dark-backdrop" id="logoutModal"  tabindex="-1" role="dialog" aria-labelledby="logoutModal">
642    <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
643        <div class="modal-content">
644            <div class="modal-body text-center">
645                <p class="pb-0 mb-0" data-i18n="logoutConfirmation">Yakin Ingin Keluar ?</p>
646            </div>
647            <div class="modal-footer border-0 mx-auto">
648                <button class="btn btn-danger f0kom9 px-4 py-1" data-dismiss="modal" data-i18n="commonNo">Tidak</button>
649                <button class="btn btn-primary f0kom9 px-4 py-1" onclick="logout()" data-i18n="commonYes">Ya</button>
650            </div>
651        </div>
652    </div>
653</div>
654
655<script>
656    async function logout() {
657        try {
658            // â¿¡ Panggil endpoint Laravel untuk hapus session backend
659            await fetch("https://www.banyumilitravel.id/logout", {
660                method: 'POST',
661                headers: {
662                    'X-CSRF-TOKEN': 'IfbJ89LPYjcn24wKFA0ttINfVjZvCxk2uIIlUlTk',
663                },
664            });
665        } catch (e) {
666            console.warn('Gagal logout backend (session Laravel), lanjut hapus di frontend.');
667        }
668
669        // â¿¢ Hapus semua cookie yang berkaitan dengan login
670        document.cookie = "tokenLoginMember=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
671        document.cookie = "user_info_telp=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
672        document.cookie = "user_info_login=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
673
674        // â¿£ Bersihkan localStorage & sessionStorage
675        localStorage.clear();
676        sessionStorage.clear();
677
678        // ⿤ Redirect ke halaman login
679        window.location.replace("https://www.banyumilitravel.id/masuk");
680    }
681</script>
681
682                                    
683        <div class="container-fluid px-0" style="min-height: 80vh">
684            <div class="mycontainer">
685			<style>
686    @media (min-width: 576px) {
687        .modal-dialog{
688            max-width: 700px !important;
689        }
690    }
691
692    .tombol-login-popup{
693        cursor: pointer;
694        border: 1px solid #E1E1E1;
695        border-radius: 10px;
696    }
697
698    .close-pop-info-login{
699        position: absolute;
700        right: 10px;
701        top: 10px;
702    }
703</style>
704
705<div class="modal modal-pop-info fade" id="popLogin" tabindex="-1" aria-labelledby="popInfoLabel" aria-hidden="true">
706    <div class="modal-dialog modal-dialog-set modal-dialog-centered">
707        <div class="modal-content text-center" style="background: transparent; box-shadow: unset !important;">
708            <div class="row">
709                <div class="col-12 mx-auto relative">
710
711                    <div class="row mx-0"> 
712                                                <div class="col-md-6 my-auto pb-2 pb-md-0">
713                            <img 
714                                style="border-radius: 20px;" 
715                                class="img-fluid" 
716                                src="https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png"
717                                srcset="
718                                    https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png 480w,
719                                    https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png 768w,
720                                    https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png 1200w
721                                "
722                                sizes="(max-width: 480px) 100vw,
723                                    (max-width: 768px) 80vw,
724                                    1200px"
725                                fetchpriority="high"
726                            />
727                        </div>
728                                                <div class="col-md-6 mx-auto bg-white" style="border-radius:20px; min-height:200px;">
729
730                            <i class="fa fa-times-circle text-danger fs-18 close-pop-info-login"></i>
731                            <div class="px-2 pt-4 pb-3" style="text-align:left;">
732                                <p class="mb-2">Registrasi di Website</p>
733
734                                
735                                <div class="d-flex tombol-login-popup p-2 mb-2" id="btnPopupPhone">
736                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
737                                        <path d="M9.20841 12.7355L7.66675 14.2772C7.34175 14.6022 6.82508 14.6022 6.49175 14.2855C6.40008 14.1938 6.30841 14.1105 6.21675 14.0188C5.35841 13.1522 4.58341 12.2438 3.89175 11.2938C3.20841 10.3438 2.65841 9.39385 2.25841 8.45218C1.86675 7.50218 1.66675 6.59385 1.66675 5.72718C1.66675 5.16051 1.76675 4.61885 1.96675 4.11885C2.16675 3.61051 2.48341 3.14385 2.92508 2.72718C3.45841 2.20218 4.04175 1.94385 4.65841 1.94385C4.89175 1.94385 5.12508 1.99385 5.33341 2.09385C5.55008 2.19385 5.74175 2.34385 5.89175 2.56051L7.82508 5.28551C7.97508 5.49385 8.08341 5.68551 8.15841 5.86885C8.23341 6.04385 8.27508 6.21885 8.27508 6.37718C8.27508 6.57718 8.21675 6.77718 8.10008 6.96885C7.99175 7.16051 7.83341 7.36051 7.63341 7.56051L7.00008 8.21885C6.90841 8.31051 6.86675 8.41885 6.86675 8.55218C6.86675 8.61885 6.87508 8.67718 6.89175 8.74385C6.91675 8.81051 6.94175 8.86051 6.95841 8.91051C7.10841 9.18551 7.36675 9.54385 7.73341 9.97718C8.10841 10.4105 8.50841 10.8522 8.94175 11.2938C9.02508 11.3772 9.11675 11.4605 9.20008 11.5438C9.53341 11.8688 9.54175 12.4022 9.20841 12.7355Z" fill="#2A4DA1"/>
738                                        <path d="M18.3083 15.5525C18.3083 15.7859 18.2667 16.0275 18.1833 16.2609C18.1583 16.3275 18.1333 16.3942 18.1 16.4609C17.9583 16.7609 17.775 17.0442 17.5333 17.3109C17.125 17.7609 16.675 18.0859 16.1667 18.2942C16.1583 18.2942 16.15 18.3025 16.1417 18.3025C15.65 18.5025 15.1167 18.6109 14.5417 18.6109C13.6917 18.6109 12.7833 18.4109 11.825 18.0025C10.8667 17.5942 9.90833 17.0442 8.95833 16.3525C8.63333 16.1109 8.30833 15.8692 8 15.6109L10.725 12.8859C10.9583 13.0609 11.1667 13.1942 11.3417 13.2859C11.3833 13.3025 11.4333 13.3275 11.4917 13.3525C11.5583 13.3775 11.625 13.3859 11.7 13.3859C11.8417 13.3859 11.95 13.3359 12.0417 13.2442L12.675 12.6192C12.8833 12.4109 13.0833 12.2525 13.275 12.1525C13.4667 12.0359 13.6583 11.9775 13.8667 11.9775C14.025 11.9775 14.1917 12.0109 14.375 12.0859C14.5583 12.1609 14.75 12.2692 14.9583 12.4109L17.7167 14.3692C17.9333 14.5192 18.0833 14.6942 18.175 14.9025C18.2583 15.1109 18.3083 15.3192 18.3083 15.5525Z" fill="#2A4DA1"/>
739                                    </svg>
740                                    <div class="fs-14 ml-2">
741                                        Menggunakan Nomor Telepon
742                                    </div>
743                                </div>
744
745                                
746                                <div class="d-flex tombol-login-popup p-2 mb-2" id="bt
746nPopupWa">                    
747                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
748                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6843 2.46528C12.5416 2.55657 14.2723 3.32248 15.5942 4.64524C17.0042 6.05613 17.7803 7.93157 17.7795 9.92602C17.7779 14.0418 14.4273 17.3905 10.3113 17.3905C8.76351 17.3905 7.53352 16.9149 6.73932 16.482L2.78027 17.52L3.83981 13.6519C3.18625 12.5198 2.84236 11.2358 2.84289 9.9201C2.84455 5.80447 6.19481 2.45605 10.3112 2.45605L10.6843 2.46528ZM6.92273 15.1306L7.14943 15.2651C8.10248 15.8303 9.19492 16.1294 10.3088 16.1299H10.3113C13.7326 16.1299 16.5172 13.3466 16.5186 9.9256C16.5192 8.26783 15.8742 6.70904 14.7022 5.53634C13.5302 4.36357 11.9717 3.71734 10.3138 3.7168C6.88982 3.7168 4.1052 6.49979 4.10384 9.92053C4.10337 11.0929 4.43153 12.2346 5.05289 13.2223L5.20048 13.4571L4.57341 15.7466L6.92273 15.1306ZM14.0737 11.7011C14.0271 11.6232 13.9027 11.5766 13.7161 11.4832C13.5295 11.3898 12.6121 10.9386 12.441 10.8763C12.27 10.8142 12.1456 10.7831 12.0212 10.9697C11.8968 11.1564 11.5392 11.5766 11.4303 11.7011C11.3215 11.8255 11.2126 11.8411 11.026 11.7478C10.8394 11.6544 10.2381 11.4574 9.52538 10.822C8.97063 10.3274 8.59612 9.71667 8.48726 9.52994C8.37844 9.34325 8.47565 9.24227 8.56907 9.1493C8.65303 9.0657 8.75571 8.93144 8.84901 8.82253C8.94232 8.71365 8.97339 8.6358 9.03562 8.51137C9.09781 8.38687 9.0667 8.27799 9.02006 8.18463C8.97339 8.09123 8.60021 7.17316 8.44472 6.79971C8.29322 6.43605 8.13937 6.48528 8.02484 6.47954C7.91612 6.47415 7.7916 6.47297 7.66722 6.47297C7.5428 6.47297 7.34064 6.51961 7.16959 6.70638C6.99854 6.89307 6.51647 7.34435 6.51647 8.26234C6.51647 9.18044 7.18515 10.0673 7.27845 10.1918C7.37175 10.3163 8.59429 12.2001 10.4662 13.0081C10.9114 13.2003 11.259 13.315 11.53 13.401C11.9771 13.5429 12.3838 13.5229 12.7054 13.4749C13.0639 13.4213 13.8094 13.0237 13.9649 12.588C14.1204 12.1523 14.1204 11.7788 14.0737 11.7011Z" fill="#EEEEEE"/>
749                                        <mask id="mask0_344_279" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="3" width="13" height="14">
750                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.92266 15.1306L7.14936 15.265C8.1024 15.8303 9.19484 16.1294 10.3087 16.1299H10.3112C13.7325 16.1299 16.5171 13.3466 16.5185 9.92559C16.5191 8.26783 15.8741 6.70903 14.7021 5.53633C13.5302 4.36356 11.9717 3.71734 10.3137 3.7168C6.88974 3.7168 4.10513 6.49978 4.10376 9.92053C4.10329 11.0929 4.43145 12.2346 5.05282 13.2223L5.20041 13.4571L4.57333 15.7466L6.92266 15.1306ZM14.0737 11.7011C14.027 11.6232 13.9027 11.5766 13.716 11.4832C13.5294 11.3898 12.612 10.9386 12.441 10.8763C12.2699 10.8142 12.1455 10.7831 12.0211 10.9697C11.8967 11.1564 11.5391 11.5766 11.4302 11.7011C11.3214 11.8255 11.2125 11.8411 11.026 11.7477C10.8393 11.6544 10.2381 11.4574 9.5253 10.822C8.97055 10.3274 8.59604 9.71667 8.48718 9.52994C8.37836 9.34325 8.47558 9.24227 8.56899 9.1493C8.65295 9.0657 8.75563 8.93143 8.84894 8.82252C8.94224 8.71364 8.97332 8.63579 9.03554 8.51136C9.09773 8.38687 9.06662 8.27799 9.01999 8.18462C8.97332 8.09122 8.60014 7.17316 8.44464 6.7997C8.29314 6.43604 8.1393 6.48528 8.02476 6.47953C7.91605 6.47415 7.79152 6.47296 7.66714 6.47296C7.54273 6.47296 7.34056 6.51961 7.16951 6.70637C6.99846 6.89307 6.51639 7.34434 6.51639 8.26233C6.51639 9.18043 7.18507 10.0673 7.27837 10.1918C7.37168 10.3163 8.59421 12.2001 10.4661 13.0081C10.9113 13.2002 11.2589 13.315 11.5299 13.4009C11.977 13.5429 12.3838 13.5229 12.7053 13.4749C13.0638 13.4213 13.8094 13.0236 13.9648 12.588C14.1203 12.1523 14.1203 11.7788 14.0737 11.7011Z" fill="black"/>
751                                        </mask>
752                                        <g mask="url(#mask0_344_279)">
753                                        <path d="M20.5665 -0.416504H-0.416748V20.5668H20.5665V-0.416504Z" fill="url(#paint0_linear_344_279)"/>
754                                        </g>
755                                        <defs>
756                                        <linearGradient id="paint0_linear_344_279" x1="10.0749" y1="20.5668" x2="10.0749" y2="-0.416504" gradientUnits="userSpaceOnUse">
757                                        <stop stop-color="#25CF43"/>
758                                        <stop offset="1" stop-color="#61FD7D"/>
759                                        </linearGradient>
760                                        </defs>
761                                    </svg>
762                                    <div class="fs-14 ml-2">
763                                        Menggunakan Whatsapp
764                                    </div>
765                                </div>
766
767                                
768                                
769
770                                
771                                <div class="d-flex tombol-login-popup p-2" id="bt
771nPopupGoogle">
772                                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
773                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8 10.1608C16.8 9.65851 16.7549 9.17555 16.6712 8.71191H10V11.4519H13.8121C13.6479 12.3373 13.1489 13.0875 12.3987 13.5898V15.367H14.6879C16.0273 14.1339 16.8 12.318 16.8 10.1608Z" fill="#4285F4"/>
774                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 17.0832C11.9126 17.0832 13.516 16.4489 14.688 15.3671L12.3988 13.5898C11.7645 14.0148 10.9531 14.266 10.0001 14.266C8.15521 14.266 6.59366 13.0199 6.03665 11.3457H3.67017V13.1809C4.8357 15.4959 7.23116 17.0832 10.0001 17.0832Z" fill="#34A853"/>
775                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.03664 11.3457C5.89497 10.9207 5.81448 10.4668 5.81448 9.99991C5.81448 9.53306 5.89497 9.07908 6.03664 8.65408V6.81885H3.67016C3.19042 7.7751 2.91675 8.85692 2.91675 9.99991C2.91675 11.1429 3.19042 12.2247 3.67016 13.181L6.03664 11.3457Z" fill="#FBBC05"/>
776                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 5.73374C11.0401 5.73374 11.9738 6.09113 12.7079 6.79303L14.7395 4.76139C13.5128 3.6184 11.9094 2.9165 10.0001 2.9165C7.23116 2.9165 4.8357 4.50382 3.67017 6.81878L6.03665 8.65401C6.59366 6.97977 8.15521 5.73374 10.0001 5.73374Z" fill="#EA4335"/>
777                                    </svg>
778    
779                                    <div class="fs-14 ml-2">
780                                        Menggunakan Google
781                                    </div>
782                                </div>
783
784                                <div class="py-2">
785                                    <p class="text-secondary text-center mb-0">Atau</p>
786                                </div>
787
788                                <p class="mb-0">Registrasi di Aplikasi</p>
789                                <div class="row mx-0">
790                                    <div class="col-6 px-0" style="margin-left: -10px">
791                                        <a target="_blank" href="https://play.google.com/store/apps/details?id=id.co.tbk.android.banyumili" ><img src="https://www.banyumilitravel.id/images/playstore.png" class="img-fluid" ></a>
792                                    </div>
793                                    <div class="col-6 px-0">
794                                        <a target="_blank" href="https://apps.apple.com/app/banyumili/id6498587668" ><img src="https://www.banyumilitravel.id/images/appstore.png" class="img-fluid" ></a>
795                                    </div>
796                                </div>
797                            </div>
798                        </div>
799                    </div>
800                </div>
801            </div>
802        </div>
803    </div>
804</div>
805
806<script>
807    let popLoginAuth = 0;
808    let popLoginFeature = 0;
809
810    let isTriggered = false; //biar ga double trigger
811
812    $(document).ready(function() {
813        if(popLoginAuth == 0 && popLoginFeature == 1){
814            showPopup();
815        }
816
817        // CLOSE BUTTON
818        $(document).on('click', '.close-pop-info-login', function(){
819            console.log('Close login popup (X clicked)');
820            triggerNextPopup();
821            $('#popLogin').modal('hide');
822        });
823
824        // BACKDROP CLICK
825        $('#popLogin').on('click', function(e){
826            if ($(e.target).hasClass('modal')) {
827                console.log('Backdrop login popup clicked');
828                triggerNextPopup();
829            }
830        });
831
832    });
833
834    // ESC / BACKDROP / PROGRAMMATIC CLOSE
835    $('#popLogin').on('hidden.bs.modal', function () {
836        console.log('Modal login hidden');
837
838        // fallback (kalau belum ke-trigger dari click)
839        if(!isTriggered){
840            console.log('Trigger from hidden fallback');
841            triggerNextPopup();
842        }
843
844        // reset biar aman kalau dipakai lagi
845        isTriggered = false;
846    });
847
848    function triggerNextPopup(){
849        if(isTriggered) return; // cegah double
850
851        isTriggered = true;
852
853        console.log('Trigger loginDialogClosed');
854        $(document).trigger('loginDialogClosed');
855    }
856
857    // BUTTON ACTIONS
858    $('#btnPopupPhone').click(function(){
859        window.location.href = "https://www.banyumilitravel.id/masuk?t=telp";
860    });
861
862    $('#btnPopupGoogle').click(function(){
863        window.location.href = "https://www.banyumilitravel.id/masuk?t=google";
864    });
865
866    $('#btnPopupWa').click(function(){
867        var link = "https://www.banyumilitravel.id/whatsapp/login";
868        window.open(link, '_blank');
869    });
870
871    function showPopup(){
872        console.log('Show login popup');
873        $('#popLogin').modal({
874            backdrop: true,
875            keyboard: true,
876            show: true
877        });
878    }
879</script>
879		<style>
880	.modal-content {
881		box-shadow: none !important;
882	}
883	
884	@media (max-width: 400px){
885		.modal-dialog-set {
886			max-width: 300px !important;
887			margin: 1.75rem auto;
888		}
889	}
890
891	@media (min-width: 401px && max-width:999px){
892		.modal-dialog-set {
893			max-width: 300px !important;
894			margin: 1.75rem auto;
895		}
896	}
897
898	@media (min-width: 1000px){
899		.modal-dialog-set {
900			max-width: 1000px;
901			margin: 1.75rem auto;
902		}
903	}
904</style>
905
906<div class="modal modal-pop-info fade" id="popInfo" tabindex="-1" aria-labelledby="popInfoLabel" aria-hidden="true">
907    <div class="modal-dialog modal-dialog-set modal-dialog-centered">
908        <div class="modal-content text-center">
909            <div class="row">
910                <div class="col-12 mx-auto relative">
911                    <i class="fa fa-times-circle text-danger fs-18 close-pop-info"></i>
912                    <a href="" id="linkPopup" target="_blank" ><img src="" id="popInfoImg" class="img-fluid" ></a>
913                </div>
914            </div>
915        </div>
916    </div>
917</div>
918
919
920	
921										<style>
922    .reservasi-section{
923        background-size: cover;
924        background-position: center;
925    }
926
927    .card-form, .br-12 {
928        border-radius: 12px !important;
929    }
930    .card-form.shadow{
931        box-shadow: 0px 4px 10px 0px #5151510D;
932    }
933
934    .tab-reservation {
935        border-radius: 16px;
936        padding: 14px 32px 0 32px;
937    }
938    .mx-auto{
939        margin-left: auto;
940        margin-right: auto;
941    }
942    .primary-dark{
943        color:#095C83;
944    }
945    .slider-header .slick-prev:before, .slider-header .slick-next:before {
946        font-size: 30px !important;
947    }
948    .bg-white-20{
949        background-color: rgba(255, 255, 255, 0.9) !important;
950    }
951    .circle-exchange{
952        background-color: #ffffff;
953        box-shadow: -2px 3px 3px 0px #272A2B17;
954        border-radius: 12px;
955        padding: 8px;
956        display:flex;
957        cursor: pointer;
958    }
959    .ss-single-selected span{
960        font-size:12px;
961        color:#71747D;
962    }
963    .datepicker.fs-12{
964        font-size:12px !important;
965        color:#71747D !important;
966    }
967    .btn-pink{
968        background-color:#D91A82;
969    }
970    .tab-reservation .border-bottom{
971        border-bottom:0 !important;
972    }
973    .py-10{
974        padding-top:12rem;
975        padding-bottom:12rem;
976    }
977    .pt-6{
978        padding-top:5rem
979    }
980
981    .pb-8{
982        padding-bottom:5rem;
983    }
984
985    .reservasi-v2 .title-reservasi{
986        font-size:36px;
987        font-weight:700;
988        color:#FAFAFA
989    }
990    .reservasi-v2 .title-reservasi-desc{
991        font-size:18px;
992        font-weight:400;
993        color:#FAFAFA;
994    }
995
996    .card-form .title-reservasi-incard{
997        text-align: left;
998        color: #373285;
999        font-size: 20px;
1000        font-weight: 700;
1001        margin-bottom: 12px;
1002    }
1003
1004    .reservasi-v2 .tab-reservation .card-form .form-group p, 
1005    .reservasi-v2 .tab-reservation .card-form .form-group label
1006    {
1007        color:#6F6F6F;
1008    }
1009    @media (max-width:1200px){
1010        .padding-0-mobile{
1011            padding:0 !important;
1012        }
1013    }
1014    @media(max-width:992px){
1015       .tab-reservation .border-right{
1016            border-right: 0 !important;
1017        }
1018       .tab-reservation .border-bottom{
1019            border-bottom: 1px solid rgba(113, 116, 125, 1) !important;
1020        }
1021    }
1022    @media  screen and (max-width:768px) {
1023        .tab-reservation {
1024            padding: 14px 10px 0 10px;
1025        }
1026        .slider-header .slick-next {
1027            right: -3px;
1028        }
1029        .slider-header .slick-prev {
1030            left: -14px;
1031        }
1032        .custom-bg-reservasi.py-10{
1033            padding-top:3rem;
1034            padding-bottom:3rem;
1035        }
1036    }
1037
1038    .vidio-reservasi {
1039        position: absolute; 
1040        top: 0; 
1041        left: 0; 
1042        width: 100%; 
1043        height: 100%; 
1044        object-fit: cover; 
1045        z-index: 0; 
1046        border-radius: 24px;
1047    }
1048</style>
1049
1050<section>
1051        <div class="reservasi-v2">
1052        <div class="reservasi-section first-bg-color custom-bg-reservasi align-content-center pt-6 pb-8">
1053            <section>
1054                <div class="text-center col-lg-8 mx-auto">
1055                                            <h1 class="title-reservasi pb-2 mb-0 ">Banyumili: Travel Balikpapan Bontang Samarinda Sangatta</h1>
1056                                                                <p class="title-reservasi-desc mb-3">
1056Nikmati kemudahan dan kemewahan dengan fasilitas premium Banyumili<br>
1057                      Nikmati fasilitas premium dan kenyamanan eksklusif untuk rute Balikpapan, Samarinda, Bontang, hingga Sangatta.</p>
1058                                    </div>
1059            </section>
1060            <section>
1061                <div class="container mx-auto">
1062                    <div class="col-12 px-0">
1063                        <form action="https://www.banyumilitravel.id/book/tiket" method="get">
1064                            <input type="hidden" name="_token" value="IfbJ89LPYjcn24wKFA0ttINfVjZvCxk2uIIlUlTk">
1065                            <div class="row change-jadwal">
1066                                <div class="col-12">
1067                                    <div class="tab-reservation">
1068                                        <div class="card-form shadow bg-white form-row mx-0 py-5 px-3">
1069                                            <div class="form-group mb-0 col-lg-2 pl-lg-0 py-1 py-sm-3 py-lg-0 align-content-center">
1070                                                <div class="d-flex">
1071                                                    <div class="pl-2 w-100">
1072                                                        <p class="mb-1 label-reservation" data-i18n="bookingDeparture">Keberangkatan</p>
1073                                                        <div class="d-flex align-content-center">
1074                                                            <select name="asal" class="form-pp" id="asal">
1075                                                                <option value="" class="d-flex" data-i18n="bookingSelectDeparture">
1076                                                                    Pilih Keberangkatan
1077                                                                </option>
1078                                                                <optgroup label ='BALIKPAPAN'> <option value='60'>BALIKPAPAN BANDARA</option>  <option value='78'>BALIKPAPAN KOTA</option> </optgroup><optgroup label ='BONTANG'> <option value='72'>BONTANG SIMPANG 3 BONTANG</option> </optgroup><optgroup label ='KUTAI TIMUR'> <option value='57'>SANGATTA</option> </optgroup><optgroup label ='SAMARINDA'> <option value='66'>SAMARINDA BANDARA</option>  <option value='82'>SAMARINDA KOTA</option> </optgroup>
1079                                                            </select>
1080                                                        </div>
1081                                                    </div>
1082                                                </div>
1083                                            </div>
1084                                            <!-- <div class="form-group mb-0 align-content-center d-flex justify-content-center">
1085                                                <div class="align-content-center">
1086                                                    <div class="circle-exchange ">
1087                                                        <i class="fas fa-exchange-alt" style="color:#057EB3"></i>
1088                                                    </div>
1089                                                </div>
1090                                            </div> -->
1091                                            <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center ">
1092                                                <div class="d-flex ">
1093                                                    <div class="pl-2 w-100">
1094                                                        <p class="mb-1 label-reservation">Tujuan<img class="loadKeberangkatan ml-2 d-none" src="https://www.banyumilitravel.id/global/images/loading//loader.gif" width="15px" ></p>
1095                                                        <div class="d-flex align-content-center">
1096                                                            <select name="tujuan"  class="form-pp" id="tujuan">
1097                                                                <option value="" class="d-flex" data-i18n="bookingSelectDestination">
1098                                                                    Pilih Tujuan
1099                                                                </option>
1100                                                            </select>
1101                                                        </div>
1102                                                    </div>
1103                                                </div>
1104                                            </div>
1105                                            <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center ">
1106                                                <div class="d-flex">
1107                                                    <div class="pl-2">
1108                                                        <p class="mb-1 label-reservation" data-i18n="bookingDepartureDate">Tanggal Pergi</p>
1109                                                       <div class="d-flex align-items-center form-pp">
1110                                                            <input type="text" name="tglberangkat" id="tanggal_pergi">
1111                                                        </div>
1112                                                    </div>
1113                                                </div>
1114                                            </div>
1115                                            <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center ">
1116                                                <div class="d-flex">
1117                                                    <div class="pl-2">
1118                                                        <label class="mb-1 mr-2 label-reservation" for="sw" data-i18n="bookingReturnDate">Tanggal Pulang</label>
1119                                                        <div class="custom-control custom-switch d-inline" id="sw">
1120                                                            <input type="checkbox" class="custom-control-input" id="is_pp">
1121                                                            <label class="custom-control-label" for="is_pp"></label>
1122                                                            <input type="hidden" name="ispp" id="ispp">
1123                                                        </div>
1124                                                       <div class="d-flex align-items-center form-pp" id="tglpulang-div">
1125                                                            <input type="text" name="tglpulang" id="tanggal_pulang" class="datepicker tglpulang">
1126                                                        </div>
1127                                                    </div>
1128                                                </div>
1129                                            </div>
1130                                            <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center">
1131                                                <div class="pr-2 d-flex">
1132                                                    <div class="pl-2 w-100">
1133                                                        <p class="mb-1 label-reservation" data-i18n="bookingPassenger">Penumpang</p>
1134                                                        <div class="d-flex align-content-center form-pp">
1135                                                            <select name="jmlpenumpang" id="jmlpenumpang" >
1136                                                                                                                                <option value="1"> 
1137                                                                1 Orang</option>
1138                                                                                                                                <option value="2"> 
1139                                                                2 Orang</option>
1140                                                                                                                                <option value="3"> 
1141                                                                3 Orang</option>
1142                                                                                                                                <option value="4"> 
1143                                                                4 Orang</option>
1144                                                                                                                                <option value="5"> 
1145                                                                5 Orang</option>
1146                                                                                                                                <option value="6"> 
1147                                                                6 Orang</option>
1148                                                                                                                                <option value="7"> 
1149                                                                7 Orang</option>
1150                                                                                                                            </select>
1151                                                        </div>
1152                                                    </div>
1153                                                </div>
1154                                            </div>
1155                                            <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-end">
1156                                                <input type="hidden" name="namaasal" id="namaasal">
1157                                                <input type="hidden" name="namatujuan" id="namatujuan">
1158                                                <button class="btn btn-block btn-cari text-white shadow br-12 fs-18" type="submit" onclick="return cek()"><i class="fas fa-search pr-2 fs-12"></i>Cari</button>
1159                                            </div>
1160                                        </div>
1161                                    </div>
1162                                </div>
1163                            </div>
1164                        </form>
1165                    </div>
1166                </div>
1167            </section>
1168        </div>
1169    </div>
1170    </section>
1171<script type="text/javascript" src="https://www.banyumilitravel.id/default/banyumili/js/slick.min.js"></script>
vendor: 1 bytes, line 1171
1171
1172<script>
1173
1174    $('.slider-header').slick({
1175            slidesToShow: 3,
1176            slidesToScroll: 1,
1177            dots: false,
1178            autoplay:true,
1179            infinite:true,
1180            prevArrow: '<button class="slick-prev"></i></button>',
1181            nextArrow: '<button class="slick-next"></i></button>',
1182            responsive: [
1183                {
1184                    breakpoint: 991,
1185                    settings: {
1186                        slidesToShow: 2,
1187                        slidesToScroll: 2
1188                    }
1189                },
1190                {
1191                    breakpoint: 768,
1192                    settings: {
1193                        slidesToShow: 1,
1194                        slidesToScroll: 1
1195                    }
1196                },
1197                {
1198                    breakpoint: 480,
1199                    settings: {
1200                        slidesToShow: 1,
1201                        slidesToScroll: 1
1202                    }
1203                }
1204            ]
1205    });
1206
1207    $(document).ready(function(){
1208        $(".circle-exchange").click(function(e){
1209            e.preventDefault();
1210            
1211            let asal = $("#asal").val();
1212            let tujuan = $("#tujuan").val();
1213            console.log("Sebelum Tukar -> Asal: " + asal + ", Tujuan: " + tujuan); // Debugging
1214
1215            // Tukar nilai
1216            $("#asal").val(tujuan).change();
1217            $("#tujuan").val(asal).change();
1218
1219            console.log("Setelah Tukar -> Asal: " + $("#asal").val() + ", Tujuan: " + $("#tujuan").val()); // Debugging
1220        });
1221    });
1222</script>
1222						
1223	
1224
1225	
1226	
1227		<section class="
1228		 mt-3 ">
1229		<div class="container  ">
1230			<div class=" mb-lg-5 ">
1231				<div class="row">
1232					<div class=" slider-banyumili px-0  col-12 py-0 br-card mb-2">
1233						
1234						
1235						<div class="slider-container position-relative">
1236							<div class="slider  outline-none shadow-sm br-card   mx-3 ">
1237								 
1238								<div class="slide-item">
1239																		<a href="https://www.banyumilitravel.id/blog/diskon-20-ribu-pengguna-baru?utm_source=website&amp;utm_medium=article&amp;utm_campaign=bm_aja_diskon_pengguna_baru" target="_blank">
1240										<img src="https://www.banyumilitravel.id/uploads/slider/slider20260416115447.diskon-pengguna-baru.webp" class="img-fluid outline-none br-card shadow" alt="Banner"
1241											srcset="https://www.banyumilitravel.id/uploads/slider/slider20260416115447.diskon-pengguna-baru.webp 600w"
1242											sizes="100vw"
1243											fetchpriority="high">
1244									</a>
1245																	</div>
1246								 
1247								<div class="slide-item">
1248																		<img src="https://www.banyumilitravel.id/uploads/slider/slider20240723115136.blob"
1249										class="img-fluid br-card outline-none  " 
1250										alt="Banner"
1251										fetchpriority="high"
1252										srcset="https://www.banyumilitravel.id/uploads/slider/slider20240723115136.blob 600w"
1253										sizes="100vw">
1254																	</div>
1255								 
1256								<div class="slide-item">
1257																		<img src="https://www.banyumilitravel.id/uploads/slider/slider20240524092516.blob"
1258										class="img-fluid br-card outline-none  " 
1259										alt="Banner"
1260										fetchpriority="high"
1261										srcset="https://www.banyumilitravel.id/uploads/slider/slider20240524092516.blob 600w"
1262										sizes="100vw">
1263																	</div>
1264															</div>
1265							
1266													</div>
1267						
1268												
1269					</div>
1270				</div>
1271			</div>
1272		</div>
1273	</section>
1274	
1275	
1276	
1277	
1278	
1279	
1280			<style>
1281    .btn-readmore-promo {
1282        border-radius: 100px;
1283        background-color: #020617;
1284        color: #ffffff !important;
1285    }
1286
1287    .slider-promo-news .slick-prev, .slider-promo-news .slick-next {
1288        background: transparent;
1289        border: none;
1290        font-size: 24px;
1291        color: #333;
1292        position: absolute;
1293        top: 50%;
1294        transform: translateY(-50%);
1295        z-index: 10;
1296        cursor: pointer;
1297    }
1298    .slider-promo-news .border-circle{
1299        border: 1px solid white;
1300        background: #06429D;
1301        color:white;
1302        border-radius:50%;
1303        padding:8px;
1304        width:24px;
1305        height:24px;
1306        font-size:12px;
1307    }
1308    .slider-promo-news .slick-prev { left: -10px; }
1309    .slider-promo-news .slick-next { right: -9px; }
1310    .slider-promo-news .slick-list{padding:0 20% 0 0 !important;}
1311    .slider-promo-news .slick-prev:before, .slider-promo-news .slick-next:before {
1312        content: '' !important;
1313    }
1314    .slider-promo-news .border-arrow{
1315        background: rgba(204, 36, 37, 1);
1316        color:white;
1317        border: 4px solid #ffffff;
1318        border-radius:60px;
1319        padding: 4px 6px;
1320    }
1321    .slider-promo-news .slick-slide {
1322        transition: transform 0.3s ease-in-out;
1323    }
1324    .slider-promo-news .card {
1325        padding: 0 !important;
1326        overflow: hidden;
1327    }
1328    .img-promo-news img{
1329        width: 48px;
1330    }
1331    .title-promo-news-v2{
1332        font-size:36px;
1333    }
1334    .br-t-12 {
1335        border-top-left-radius: 12px;
1336        border-top-right-radius: 12px;
1337    }
1338    .button-product{
1339        opacity: 1;
1340        padding-top: 8px;
1341        padding-right: 18px;
1342        padding-bottom: 8px;
1343        padding-left: 18px;
1344        border-radius: 100px;
1345        border-width: 1px;
1346        background: rgba(250, 250, 250, 1);
1347        border: 1px solid  #E5E7EB;
1348        text-transform: capitalize;
1349    }
1350    .button-product.active{
1351        background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9))
1352        ,linear-gradient(0deg,  #0339B6, #0339B6);
1353        border: 1px solid var(--Primary, rgba(3, 57, 182, 1));
1354        color: #0339B6;
1355    }
1356
1357    .slider-promo-news .img-berita{
1358        display: block;
1359        width: 100%;
1360        height: auto;
1361        margin: 0 !important;
1362        aspect-ratio: 1170 / 550;
1363        object-fit: contain;
1364    }
1365    .slider-promo-news .berita-title{
1366        min-height: 64px; 
1367    }
1368
1369    .line-clamp-2 {
1370        display: -webkit-box;
1371        -webkit-line-clamp: 2;
1372        -webkit-box-orient: vertical;  
1373        overflow: hidden;
1374    }
1375    @media (max-width:768px) {
1376        .slider-promo-news .slick-list{padding:0 30% 0 0 !important;}
1377        .bg-pattern {
1378            background-position: right -100px top; /* Gambar tetap di kanan atas di mobile */
1379            background-size: 250px, 200px; /* Sesuaikan ukuran background jika perlu */
1380        }
1381        .slider-promo-news .berita-title{
1382            min-height: 64px; 
1383        }
1384        .promo-news-title{
1385            font-size:18px;
1386        }
1387
1388        .img-promo-news img{
1389            width: 30px;
1390        }
1391        .title-promo-news-v2{
1392            font-size:18px;
1393        }
1394    }
1395</style>
1396
1397    <section class="my-5">
1398        <div class="container">
1399            <div class="row">
1400                <div class="col-10 col-lg-6">
1401                    <h2 class="mb-3 color-black font-weight-bold title-promo-news-v2">Info Buat Kamu</h2>
1402                </div>
1403                <div class="col-2 col-lg-6 text-right d-flex justify-content-end align-items-center">
1404                    <a href="https://www.banyumilitravel.id/blog" class="btn btn-cari d-md-block w-fit d-flex justify-content-center"><span class="d-none d-lg-inline" data-i18n="homepageViewAll">Lihat Semua</span> <i class="fa fa-chevron-right pl-md-2"></i></a>
1405                </div>
1406            </div>
1407            <div >
1408                <div class="col-lg-12 list-product mb-3 px-0">
1409
1410                    <div class="row mx-0 hide-scrollbar p-2" style="flex-wrap: nowrap;">
1411                        <button class="btn button-product mr-2 active" data-product_id="0" data-i18n="homepageAll">
1412                            Semua
1413                        </button>
1414                                                    
1415                                                            <button class="btn button-product mr-2" data-product_id="">
1416                                    promo
1417                                </button>
1418                                                                                
1419                                                            <button class="btn button-product mr-2" data-product_id="1">
1420                                    berita
1421                                </button>
1422                                                                        </div>
1423
1424                </div>
1425
1426
1427                <!-- <div class="col-sm-12"><p class="fs-18 mb-3 color-black font-weight-bold text-middle-spacing title_product"></p></div> -->
1428                <div class="slider-promo-news col-12 px-0">    
1429                </div>
1430                
1431
1432            </div>
1433        </div>
1434    </section>
1435
1436<script>
1437    var defaultNewsImage = "https:\/\/www.banyumilitravel.id\/global\/images\/default-news.svg";
1438
1439    function initSliderPromo() {
1440        if ($('.slider-promo-news').length) {
1441            $('.slider-promo-news').slick({
1442                slidesToShow: 3,
1443                slidesToScroll: 3,
1444                dots: true,
1445                autoplay: false,
1446                infinite: false,
1447                prevArrow: '<button class="slick-prev"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>',
1448                nextArrow: '<button class="slick-next"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>',
1449                responsive: [
1450                {
1451                    breakpoint: 998,
1452                    settings: {
1453                        centerMode: false,
1454                        centerPadding: '0px',
1455                        slidesToShow: 2,
1456                        slidesToScroll: 2
1457                    }
1458                }, 
1459                {
1460                    breakpoint: 768,
1461                    settings: {
1462                        centerMode: false,
1463                        centerPadding: '0px',
1464                        slidesToShow: 1,
1465                        slidesToScroll: 1
1466                    }
1467                }, 
1468                {
1469                    breakpoint: 480,
1470                    settings: {
1471                        centerMode: false,
1472                        centerPadding: '0px',
1473                        slidesToShow: 1,
1474                        slidesToScroll: 1
1475                    }
1476                }]
1477            });
1478        }
1479    }
1480
1481    $('.button-product').click(function(){
1482        // remove and set active class
1483        $('.button-product').removeClass('active');        
1484        $(this).addClass('active');
1485
1486        id = $(this).data('product_id')
1487        productName = $(this).data('product_name')
1488
1489        getListBlog(id, productName)
1490    })
1491
1492    function getListBlog(idproduct, nameproduct) {
1493        var url = "/blog-product",
1494        id = idproduct
1495        productName = nameproduct
1496
1497        // get list blog based on selected product
1498        $.get(url+"?kategori_berita="+id, function(data){
1499            }).done(function(data){
1500                if ($('.slider-promo-news').hasClass('slick-initialized')) {
1501                    $('.slider-promo-news').slick('unslick');
1502                }
1503                var html = ""
1504                if(data.length > 0){
1505                    $.each( data, function( key, value ) {
1506                        var imageUrl = value.berita_photo ? value.berita_photo : defaultNewsImage;
1507                        html += `
1508                        <div>
1509                            <div class="card br-12 h-100 mx-2 mb-2">
1510                                <img src="` + imageUrl + `" class="img-fluid br-t-12 img-berita" onerror="this.onerror=null;this.src='` + defaultNewsImage + `';">
1511                                <div class="">
1512                                    <div class="berita-title text-container">
1513                                        <p class="text-justify px-3 mb-0 py-2 ellipsis-text">
1514                                            <a class="color-black line-clamp-2" href="` + value.berita_url + `">` + value.berita_judul + `</a>
1515                                        </p>
1516                                    </div>
1517                                </div>
1518                            </div>
1519                        </div>`;
1520                    });
1521                }
1522                $('.title_product').html(productName);
1523                $('.slider-promo-news').html(html).promise().done(function() {
1524                initSliderPromo()
1525                })
1526            }).fail(function(data){
1527        })  
1528    }
1529
1530    $(document).ready(function() {
1531
1532        getListBlog(0, 'Semua');
1533    });
1534</script>
1534
1535	
1536	
1537	
1538	
1539	
1540	<style>
1541    @media (max-width: 767px) {
1542        .img-tentang {
1543            height: 350px !important;
1544        }
1545    }
1546</style>
1547
1548
1549	
1550	
1551			
1552	
1553	 
1554					<style>
1555    .title-layanan{
1556        font-weight: 700;
1557        font-size: 36px;
1558    }
1559    .title-layanan-desc{
1560        font-weight: 400;
1561        font-size: 18px;
1562        color:#71747D;
1563    }
1564
1565    .border-layanan-v8 {
1566        position: relative;
1567        z-index: 1;
1568        padding: 16px;
1569        border-radius: 32px;
1570        background-color: white;
1571
1572         display: flex;
1573        flex-direction: column;
1574        justify-content: flex-end;
1575    }
1576
1577    .border-layanan-v8::before {
1578        content: '';
1579        position: absolute;
1580        inset: 0;
1581        border-radius: 32px;
1582        padding: 1px;
1583        background: linear-gradient(230.86deg, #0339B6 19.21%, #00A0FF 66.33%, #FFEE00 99.98%);
1584        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
1585        -webkit-mask-composite: xor;
1586        mask-composite: exclude;
1587    }
1588
1589    .border-layanan-v8:last-child {
1590        background-color: #FAFAFA;
1591    }
1592
1593    .border-layanan-v8:last-child::before {
1594        background: none;
1595        -webkit-mask: none;
1596        mask: none;
1597    }
1598
1599    .border-layanan-v8.available{
1600        background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)),
1601        linear-gradient(0deg, #0339B6, #0339B6);
1602    }
1603
1604    .layanan-img {
1605        position: absolute;
1606        top: 27px;
1607        right: 73px;
1608        transform: translate(50%, -50%);
1609    }
1610
1611    .text-title-v8{
1612        color:#0339B6;
1613        font-size:22px;
1614        font-weight:800;
1615    }
1616    .text-gray-v8{
1617        color:#555555;
1618    }
1619    .gradient-comingsoon{
1620        background: linear-gradient(90deg, #0339B6 0%, #0172DF 55.77%, #00A0FF 100%);
1621        padding-top: 4px;
1622        padding-right: 20px;
1623        padding-bottom: 4px;
1624        padding-left: 20px;
1625        border-radius: 999px;
1626        color:white;
1627    }
1628
1629    @media (max-width: 768px) {
1630        .title-layanan{
1631            font-size: 24px;
1632        }
1633        .title-layanan-desc{
1634            font-size: 16px;
1635        }
1636        .text-title-v8{
1637            color:#0339B6;
1638            font-size:15px;
1639        }
1640    }
1641</style>
1642<section class="py-4">
1643    <div class="container">
1644        <div>
1645            <div>
1646                                <div>
1647                    <img src="/default/banyumili/images/layanan/islamic.png" alt="icon-layanan" class="img-fluid" width="56px" style="margin-bottom: -8px; margin-right: 8px;">
1648                </div>
1649                            </div>
1650            <div class="py-3">
1651                <h2 class="text-black-v7 title-layanan">Layanan Banyumili</h2>
1652            </div>
1653            <div class="col-md-8 px-0 pb-3">
1654                <p class="text-gray-v7 title-layanan-desc">Banyumili travel memiliki berbagai layanan buat Kamu. Semua urusan perjalanan, paket, dokumen, dan logistik beres bareng Banyumili. Tinggal klik, beres deh.</p>
1655            </div>
1656        </div>
1657        <div class="grid-cols-4 gap-22 my-4">
1658                        <a href="/blog/travel" target="_blank">
1659                <div class="border-layanan-v8 h-100  available ">
1660                    <img src="/default/banyumili/images/layanan/travel.png" alt="layanan-1" class="img-fluid layanan-img" width="101px">
1661                    <div class="mt-5">
1662                        <div class="d-flex align-items-center">
1663                            <h3 class="text-title-v8 ">Travel</h3>
1664                                                    </div>
1665                        <p class="text-gray-v8 fs-14 mb-0 ">Perjalanan antar kota makin nyaman dan tepat waktu bersama armada terbaik dari Banyumili.</p>
1666                    </div>
1667                                            <button class="btn btn-cari w-fit d-none" data-i18n="homepageViewDetails">Lihat Detail</button>
1668                                    </div>
1669            </a>
1670                        <a href="/paket/cekpaket" target="_blank">
1671                <div class="border-layanan-v8 h-100  available ">
1672                    <img src="/default/banyumili/images/layanan/paket.png" alt="layanan-1" class="img-fluid layanan-img" width="101px">
1673                    <div class="mt-5">
1674                        <div class="d-flex align-items-center">
1675                            <h3 class="text-title-v8 ">Paket</h3>
1676                                                    </div>
1677                        <p class="text-gray-v8 fs-14 mb-0 ">Kirim barang atau dokumen sameday/nextday! Banyumili Paket siap antar dengan cepat dan aman sampai tujuan, tanpa ribet.</p>
1678                    </div>
1679                                            <button class="btn btn-cari w-fit d-none" data-i18n="homepageViewDetails">Lihat Detail</button>
1680                                    </div>
1681            </a>
1682                        <a href="/blog/pariwisata" target="_blank">
1683                <div class="border-layanan-v8 h-100  available ">
1684                    <img src="/default/banyumili/images/layanan/pariwisata.png" alt="layanan-1" class="img-fluid layanan-img" width="101px">
1685                    <div class="mt-5">
1686                        <div class="d-flex align-items-center">
1687                            <h3 class="text-title-v8 ">Pariwisata</h3>
1688                                                    </div>
1689                        <p class="text-gray-v8 fs-14 mb-0 ">Ingin liburan bareng keluarga besar atau rombongan lebih seru dan berkesan? Kami menyediakan armada premium dan sopir berpengalaman.</p>
1690                    </div>
1691                                            <button class="btn btn-cari w-fit d-none" data-i18n="homepageViewDetails">Lihat Detail</button>
1692                                    </div>
1693            </a>
1694                        <a href="/" target="_blank">
1695                <div class="border-layanan-v8 h-100 ">
1696                    <img src="/default/banyumili/images/layanan/comingsoon.png" alt="layanan-1" class="img-fluid layanan-img" width="101px">
1697                    <div class="mt-5">
1698                        <div class="d-flex align-items-center">
1699                            <h3 class="text-title-v8  mb-0 mr-2 ">Lainnya</h3>
1700                                                        <span class="gradient-comingsoon" data-i18n="homepageComingSoon">Coming Soon</span>
1701                                                    </div>
1702                        <p class="text-gray-v8 fs-14 mb-0  mb-0 ">Segera hadir layanan lengkap lainnya untuk memenuhi semua kebutuhan perjalanan Kamu: Tiket Pesawat, Booking Hotel, dan Tiket Kereta Api.</p>
1703                    </div>
1704                                    </div>
1705            </a>
1706                    </div>
1707    </div>
1708</section>			
1709	
1710		
1711	
1712	
1713	
1714	
1715						<section
1716				class="my-5"
1717				>
1718			<div class="container-fluid px-0 bg-container" >
1719				<div class="container ">
1720																		<style>
1721        .header-title-fasilitas{
1722            font-size:36px;
1723            font-weight:700;
1724        }
1725        .item-desc-text{
1726            color:#71747D;
1727            font-size:16px;
1728        }
1729        .title-desc-text{
1730            color:#1F2937;
1731            font-size:16px;
1732            font-weight:700;
1733        }
1734        .fasilitas .card{
1735            box-shadow: none !important;
1736        }
1737        .devide-fasilitas{
1738            background: linear-gradient(180deg, #0339B6 0%, #00A0FF 100%);
1739            border-radius:99px;
1740            height:24px;
1741            width:3px;
1742        }
1743
1744        @media(max-width:768px){
1745            .header-title-fasilitas{
1746                font-size:28px;
1747                font-weight:700;
1748            }
1749        }   
1750</style>
1751<div class="row py-5 px-3 px-md-0">
1752    <div class="d-flex flex-column mx-auto text-center">
1753                <div>
1754            <img src="/default/banyumili/images/layanan/islamic.png" alt="islamic" class="img-fluid" width="56px">
1755        </div>
1756                <div class="mb-3 col-xl-9 col-12 mx-auto px-0">
1757            <h2 class="header-title-fasilitas mb-2">
1758                Fasilitas yang Tersedia
1759            </h2>
1760            <p class="fs-18 text-grey-dark-2 ">Banyumili travel menghadirkan kenyamanan dan keamanan terbaik dalam setiap perjalanan</p>
1761        </div>
1762    </div>
1763        <div class="grid-cols-3 fasilitas gap-40 py-5">
1764                    <div class="card p-2 br-25 leading-6" >
1765                <div class="pb-4 d-flex justify-content-center mx-auto">
1766                    <div class="w-full">
1767                        <img src="/default/banyumili/images/fasilitas/gps_tracker.png" alt="icon" class="img-fluid">
1768                    </div>
1769                </div>
1770                <div class="px-3 pb-3">
1771                    <div class="pb-1 d-flex gap-8">
1772                        <div class="devide-fasilitas"></div>
1773                        <h3 class="title-desc-text">GPS Tracker</h3>
1774                    </div>
1775                    <div>
1776                        <p class="item-desc-text">Pantau posisi armada secara real-time untuk memastikan keamanan perjalanan Anda.</p>
1777                    </div>
1778                </div>
1779            </div>
1780                    <div class="card p-2 br-25 leading-6" >
1781                <div class="pb-4 d-flex justify-content-center mx-auto">
1782                    <div class="w-full">
1783                        <img src="/default/banyumili/images/fasilitas/gps_speed.png" alt="icon" class="img-fluid">
1784                    </div>
1785                </div>
1786                <div class="px-3 pb-3">
1787                    <div class="pb-1 d-flex gap-8">
1788                        <div class="devide-fasilitas"></div>
1789                        <h3 class="title-desc-text">GPS Speed Alert</h3>
1790                    </div>
1791                    <div>
1792                        <p class="item-desc-text">Pembatasan kecepatan laju armada secara otomatis demi standar keamanan yang terjaga.</p>
1793                    </div>
1794                </div>
1795            </div>
1796                    <div class="card p-2 br-25 leading-6" >
1797                <div class="pb-4 d-flex justify-content-center mx-auto">
1798                    <div class="w-full">
1799                        <img src="/default/banyumili/images/fasilitas/usb_port.png" alt="icon" class="img-fluid">
1800                    </div>
1801                </div>
1802                <div class="px-3 pb-3">
1803                    <div class="pb-1 d-flex gap-8">
1804                        <div class="devide-fasilitas"></div>
1805                        <h3 class="title-desc-text">USB Slot</h3>
1806                    </div>
1807                    <div>
1808                        <p class="item-desc-text">Isi daya gadget Anda dengan slot USB di setiap kursi agar tetap terhubung sepanjang perjalanan..</p>
1809                    </div>
1810                </div>
1811            </div>
1812                    <div class="card p-2 br-25 leading-6" >
1813                <div class="pb-4 d-flex justify-content-center mx-auto">
1814                    <div class="w-full">
1815                        <img src="/default/banyumili/images/fasilitas/seat_belt.png" alt="icon" class="img-fluid">
1816                    </div>
1817                </div>
1818                <div class="px-3 pb-3">
1819                    <div class="pb-1 d-flex gap-8">
1820                        <div class="devide-fasilitas"></div>
1821                        <h3 class="title-desc-text">Seat Belt</h3>
1822                    </div>
1823                    <div>
1824                        <p class="item-desc-text">Keamanan prioritas utama dengan sabuk pengaman di seluruh kursi.</p>
1825                    </div>
1826                </div>
1827            </div>
1828                    <div class="card p-2 br-25 leading-6" >
1829                <div class="pb-4 d-flex justify-content-center mx-auto">
1830                    <div class="w-full">
1831                        <img src="/default/banyumili/images/fasilitas/adjust_seat.png" alt="icon" class="img-fluid">
1832                    </div>
1833                </div>
1834                <div class="px-3 pb-3">
1835                    <div class="pb-1 d-flex gap-8">
1836                        <div class="devide-fasilitas"></div>
1837                        <h3 class="title-desc-text">Adjustment Seat</h3>
1838                    </div>
1839                    <div>
1840                        <p class="item-desc-text">Atur posisi duduk senyaman mungkin dengan fitur reclining seat.</p>
1841                    </div>
1842                </div>
1843            </div>
1844                    <div class="card p-2 br-25 leading-6" >
1845                <div class="pb-4 d-flex justify-content-center mx-auto">
1846                    <div class="w-full">
1847                        <img src="/default/banyumili/images/fasilitas/leg_rest.png" alt="icon" class="img-fluid">
1848                    </div>
1849                </div>
1850                <div class="px-3 pb-3">
1851                    <div class="pb-1 d-flex gap-8">
1852                        <div class="devide-fasilitas"></div>
1853                        <h3 class="title-desc-text">Leg Rest</h3>
1854                    </div>
1855                    <div>
1856                        <p class="item-desc-text">Tetap nyaman istirahatkan kaki Anda dengan leg rest yang luas.</p>
1857                    </div>
1858                </div>
1859            </div>
1860                    <div class="card p-2 br-25 leading-6" >
1861                <div class="pb-4 d-flex justify-content-center mx-auto">
1862                    <div class="w-full">
1863                        <img src="/default/banyumili/images/fasilitas/head_room.png" alt="icon" class="img-fluid">
1864                    </div>
1865                </div>
1866                <div class="px-3 pb-3">
1867                    <div class="pb-1 d-flex gap-8">
1868                        <div class="devide-fasilitas"></div>
1869                        <h3 class="title-desc-text">Head Room</h3>
1870                    </div>
1871                    <div>
1872                        <p class="item-desc-text">
1872Ruang kabin yang tinggi memberikan kesan lega dan tidak sesak.</p>
1873                    </div>
1874                </div>
1875            </div>
1876                    <div class="card p-2 br-25 leading-6" >
1877                <div class="pb-4 d-flex justify-content-center mx-auto">
1878                    <div class="w-full">
1879                        <img src="/default/banyumili/images/fasilitas/bagasi.png" alt="icon" class="img-fluid">
1880                    </div>
1881                </div>
1882                <div class="px-3 pb-3">
1883                    <div class="pb-1 d-flex gap-8">
1884                        <div class="devide-fasilitas"></div>
1885                        <h3 class="title-desc-text">Bagasi Luas</h3>
1886                    </div>
1887                    <div>
1888                        <p class="item-desc-text">Bawa barang lebih banyak tanpa khawatir dengan kapasitas bagasi ekstra.</p>
1889                    </div>
1890                </div>
1891            </div>
1892                    <div class="card p-2 br-25 leading-6" >
1893                <div class="pb-4 d-flex justify-content-center mx-auto">
1894                    <div class="w-full">
1895                        <img src="/default/banyumili/images/fasilitas/air_mineral.png" alt="icon" class="img-fluid">
1896                    </div>
1897                </div>
1898                <div class="px-3 pb-3">
1899                    <div class="pb-1 d-flex gap-8">
1900                        <div class="devide-fasilitas"></div>
1901                        <h3 class="title-desc-text">Air Mineral</h3>
1902                    </div>
1903                    <div>
1904                        <p class="item-desc-text">Perjalanan tetap segar dengan air mineral gratis bagi penumpang.</p>
1905                    </div>
1906                </div>
1907            </div>
1908            </div>
1909</div>															</div>
1910			</div>
1911		</section>
1912			
1913		
1914						<style>
1915        .header-title-galeri{
1916            font-size:36px;
1917            font-weight:700;
1918        }
1919
1920        .outlet-content{
1921            gap: 8px;
1922            padding:12px;
1923            width: 260px;
1924            position: relative;
1925            border-radius: 12px;
1926            background-color: rgba(255, 255, 255, 0.85);
1927            justify-self:center;
1928            backdrop-filter: blur(8px)
1929        }
1930        .img-outlet img{
1931            width:48px
1932        }
1933        .slider-galeri-banyumili .slick-prev, .slider-galeri-banyumili .slick-next {
1934            font-size: 24px;
1935            color: #333;
1936            position: absolute;
1937            top: 50%;
1938            z-index: 10;
1939            cursor: pointer;
1940        }
1941        .slider-galeri-banyumili .slick-prev::before, .slider-galeri-banyumili .slick-next::before{
1942            content: '';
1943        }
1944        .slider-galeri-banyumili .slick-prev { left: 0px; }
1945        .slider-galeri-banyumili .slick-next { right: 0px; }
1946
1947        .slider-galeri-banyumili .border-circle{
1948            border: 1px solid white;
1949            background: #06429D;
1950            color:white;
1951            border-radius:50%;
1952            padding:8px;
1953            width:24px;
1954            height:24px;
1955            font-size:12px;
1956        }
1957        .slider-galeri-banyumili .slick-prev:hover, .slider-galeri-banyumili .slick-next:hover {
1958            color: black; /* Change color on hover */
1959        }
1960
1961        .slider-galeri-banyumili img {
1962            max-height: 273px;
1963            object-fit: cover; 
1964        }
1965
1966        @media (max-width: 992px) {
1967            .slider-galeri-banyumili img {
1968                max-height: 200px;
1969            }
1970        }
1971
1972        @media(max-width:768px){
1973            .outlet-title{
1974                font-size:18px;
1975            }
1976            .img-outlet img{
1977                width:30px;
1978            }
1979            .header-title-galeri{
1980                font-size:28px;
1981                font-weight:700;
1982            }
1983            .slider-galeri-banyumili img {
1984                max-height: 188px;
1985            }
1986        }   
1987    </style>
1988
1989    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lightgallery.min.css">
1990    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-zoom.min.css">
1991    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-thumbnail.min.css">
1992    <section>
1993        <div class="container-fluid py-5 text-center text-dark px-0">
1994                        <div>
1995                <img src="/default/banyumili/images/layanan/islamic.png" alt="islamic" class="img-fluid" width="56px">
1996            </div>
1997                        <div class="mb-3 col-xl-4 col-12 mx-auto px-0">
1998                <h2 class="header-title-galeri mb-2">
1999                    <label class="color-primary font-bold mb-0 py-1 px-2 br-10">Galeri Banyumili</label>
2000                </h2>
2001                <p class="fs-18 text-grey-dark-2 px-1">Dari eksterior gagah sampai interior mewah, kami pastikan Anda menikmati setiap detik perjalanan bersama Banyumili.</p>
2002            </div>
2003            <div class="col-12">
2004                <div class="slider-galeri-banyumili mt-2"  id="lightgallery">
2005                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1744173170blob">
2006                            <img src="https://www.banyumilitravel.id/uploads/galeri/1744173170blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2007                        </div>
2008                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1751003056blob">
2009                            <img src="https://www.banyumilitravel.id/uploads/galeri/1751003056blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2010                        </div>
2011                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717411blob">
2012                            <img src="https://www.banyumilitravel.id/uploads/galeri/1753717411blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2013                        </div>
2014                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717806blob">
2015                            <img src="https://www.banyumilitravel.id/uploads/galeri/1753717806blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2016                        </div>
2017                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717685blob">
2018                            <img src="https://www.banyumilitravel.id/uploads/galeri/1753717685blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2019                        </div>
2020                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717719blob">
2021                            <img src="https://www.banyumilitravel.id/uploads/galeri/1753717719blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2022                        </div>
2023                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717622blob">
2024                            <img src="https://www.banyumilitravel.id/uploads/galeri/1753717622blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2025                        </div>
2026                                            <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1744173063blob">
2027                            <img src="https://www.banyumilitravel.id/uploads/galeri/1744173063blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm">
2028                        </div>
2029                                    </div>
2030            </div>
2031        </div>
2032    </section>
2033
2034    
2034<script src="https://www.banyumilitravel.id/global/js/lightgallery.js"></script>
2034
2035    
2035<script src="https://www.banyumilitravel.id/global/js/lightgallery-umd.js"></script>
2035
2036    
2036<script src="https://www.banyumilitravel.id/global/js/lightgallery-zoom.js"></script>
2036
2037    
2037<script type="text/javascript">
2038        lightGallery(document.getElementById('lightgallery'), {
2039            plugins: [lgZoom, lgThumbnail]
2040        });
2041
2042        $('.slider-galeri-banyumili').slick({
2043            slidesToShow: 3,
2044            slidesToScroll: 3,
2045            dots: true,
2046            autoplay: false,
2047            infinite: false,
2048            prevArrow: '<button class="slick-prev"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>',
2049            nextArrow: '<button class="slick-next"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>',
2050            responsive: [
2051                {
2052                    breakpoint: 1200,
2053                    settings: {
2054                        slidesToShow: 3,
2055                        slidesToScroll: 2,
2056                        infinite: true,
2057                        dots: false
2058                    }
2059                },
2060                {
2061                    breakpoint: 992,
2062                    settings: {
2063                        slidesToShow: 2 ,
2064                        slidesToScroll: 2,
2065                        infinite: true,
2066                        dots: false
2067                    }
2068                },
2069                {
2070                    breakpoint: 768,
2071                    settings: {
2072                        slidesToShow: 1,
2073                        slidesToScroll: 1,
2074                        infinite: true,
2075                        dots: true,
2076                        centerMode: true,
2077                        centerPadding: '10%',
2078                        prevArrow: '<button class="slick-prev d-none"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>',
2079                        nextArrow: '<button class="slick-next d-none"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>',
2080                    }
2081                }
2082            ]
2083        });
2084    </script>
2084
2085			
2086			<style>
2087        .header-title-member{
2088            font-size:36px;
2089            font-weight:700;
2090            color:white;
2091        }
2092        .border-member{
2093            background: linear-gradient(265.84deg,#EBF1FF 99.99%, #FFFFFF -0.01%);
2094            border: 2px solid #FFFFFF;
2095            width: 183;
2096            height: 48;
2097            border-radius: 999px;
2098            gap: 8px;
2099            padding-top: 12px;
2100            padding-right: 24px;
2101            padding-bottom: 12px;
2102            padding-left: 20px;
2103            color:#0339B6;
2104
2105        }
2106
2107        @media(max-width:768px){
2108            .header-title-member{
2109                font-size:28px;
2110                font-weight:700;
2111            }
2112        }   
2113</style>
2114<section>
2115    <div class="container py-5 mb-3 px-md-0">
2116        <div class="bg-member d-flex">
2117            <div class="col-md-8 col-12 align-content-center d-flex flex-column justify-content-between gap-8 p-md-5 px-4 py-5 text-md-left text-center">
2118                <h2 class="header-title-member font-weight-bold mb-2">
2119                    <label class="font-weight-bold mb-0 py-1 px-2 br-10">Yuk! Gabung Jadi Member Banyumili</label>
2120                </h2>
2121                <p class="fs-18 text-white ">Nikmati kemudahan, reward, dan promo eksklusif hanya untuk Kamu yang terdaftar sebagai member. Setiap perjalanan jadi lebih hemat, praktis, dan penuh keuntungan.</p>
2122                <div class="d-flex flex-column flex-md-row gap-8 text-md-left text-center">
2123                    <a href="https://wa.me/6282141864864" target="_blank" class="border-member w-full w-md-fit"> <i class="fab fa-whatsapp"></i> Hubungi Admin</a>
2124                    <a href="https://www.banyumilitravel.id/member/detail" class="border-member w-full w-md-fit">Daftar Member <i class="fas fa-chevron-right ml-3"></i></a>
2125                </div>
2126            </div>
2127        </div>
2128    </div>
2129</section>	
2130			<style>
2131        .header-title-partner{
2132            font-size:36px;
2133            font-weight:700;
2134        }
2135
2136        @media(max-width:768px){
2137            .header-title-partner{
2138                font-size:28px;
2139                font-weight:700;
2140            }
2141        }   
2142</style>
2143<section>
2144    <div class="container my-5">
2145        <div class="text-center">
2146            <h2 class="header-title-partner font-weight-bold mb-4">
2147                <label class="font-weight-bold mb-0 py-1 px-2 br-10">Partner Kami</label>
2148            </h2>
2149            <div class="flex-wrap d-flex gap-40 justify-content-center">
2150                                    <img src="/default/banyumili/images/partner/tiketux.png" alt="partner" class="img-fluid">
2151                                    <img src="/default/banyumili/images/partner/traveloka.png" alt="partner" class="img-fluid">
2152                                    <img src="/default/banyumili/images/partner/nucare.png" alt="partner" class="img-fluid">
2153                                    <img src="/default/banyumili/images/partner/easybook.png" alt="partner" class="img-fluid">
2154                            </div>
2155        </div>
2156    </div>
2157</section>					
2158	
2159				
2160	
2161	
2162	
2163				
2164	
2165		<section class="my-5 ">
2166									<div class="container">
2167									</div>
2168						</section>
2169	
2170	
2171	
2172	
2173	
2174	
2175						<section class="">
2176    <div class="container py-5">
2177        <div class="row">
2178                        <div class="col-md-6 col-lg-7 pr-lg-5">
2179                                            <img src="https://www.banyumilitravel.id/global/images/salespayment.webp" alt="" class="img-fluid" loading="lazy" decoding="async">
2180                            </div>
2181                        <div class="col-md-6 col-lg-5 pt-4 my-auto">
2182                                            <div class="mb-4">
2183                    <img src="https://www.banyumilitravel.id/default/banyumili/images/layanan/islamic.png" alt="" class="img-fluid">
2184                </div>
2185                                <h2 class="heading-title mb-4 text-sales-payment ">
2186                                            Pembayaran Fleksibel, Perjalanan Lebih Mudah
2187                                    </h2>
2188                <p class="text-muted mb-5">
2189                                            Nikmati kemudahan pembayaran dengan 20+ metode, mulai dari dompet digital, transfer bank,
2190                        hingga pembayaran di gerai retail. Pilih yang paling nyaman untukmu!
2191                                    </p>
2192                <a href="https://www.banyumilitravel.id/pembayaran" class="btn first-bg-color bt
2192n-payment btn-outline-cari text-white px-3 py-2">
2193                    Jelajahi Opsi Pembayaran
2194                                            <i class="fas fa-chevron-right ml-2"></i>
2195                                    </a>
2196            </div>
2197        </div>
2198    </div>
2199</section>			
2200	
2201	
2202	
2203						<style>
2204    .download-flex{
2205        display: flex;
2206        flex-direction: row;
2207        gap:24px;
2208    }
2209    .download-flex .text-cs{
2210        align-self: start;
2211    }
2212    .download-text{
2213        font-size: 40px;
2214        font-weight: 700;
2215    }
2216    .border-b{
2217        border-bottom: 3px solid #71747D;
2218        width: 20%;
2219    }
2220    @media (max-width:768px) {
2221        .download-text{
2222            font-size: 24px;
2223            font-weight: 700;
2224        }
2225        .download-flex{
2226            flex-direction: column;
2227            gap:0;
2228        }
2229        .download-flex .justify-content-end{
2230            justify-content: center !important;
2231        }
2232        .download-flex .w-50{
2233            width: 100% !important;
2234        }
2235        .download-flex .text-cs{
2236            align-self: center;
2237        }
2238        .mmt-20{
2239            margin-top: -67px;
2240        }
2241        .border-b{
2242            width: 50%;
2243        }
2244    }
2245</style>
2246<section class="pt-4 bg-download">
2247    <div class="container">
2248        <div class="download-flex justify-content-center pt-5">
2249            <div class="gap-22 justify-content-center align-items-start w-50 py-5" style="z-index: 2">
2250                <div class="text-white text-cs">
2251                    <div>
2252                        <h2 class="download-text mb-0" data-i18n="operatorDownloadTitle">Nyaman di jalan, tenang di hati, berkah dalam tujuan. Yuk! Download Aplikasinya</h2>
2253                    </div>
2254                </div>
2255                <div class="border-b my-5"></div>
2256                <div class="d-flex justify-content-start align-items-center text-cs">
2257                    <a href="https://www.banyumilitravel.id/download/app" target="_blank">
2258                        <img src="https://www.banyumilitravel.id/default/banyumili/images/icon/downloadlogo.png" alt="" class="img-downloads mr-2">
2259                    </a>
2260                                                                        <a href="https://play.google.com/store/apps/details?id=id.co.tbk.android.banyumili" target="_blank">
2261                                <img src="global/images/playstore.png" alt="Playstore" class="img-store mr-2 w-download">
2262                            </a>
2263                                                                                                <a href="https://apps.apple.com/app/banyumili/id6498587668" target="_blank">
2264                                <img src="global/images/appstore.png" alt="Appstore" class="img-store mr-2 w-download">
2265                            </a>
2266                                                            </div>
2267            </div>
2268            <div class="w-50 d-flex justify-content-center mmt-20">
2269                <img src="https://www.banyumilitravel.id/default/banyumili/images/home/bg-phone.png" alt="phone" class="img-fluid">
2270
2271            </div>
2272        </div>
2273    </div>
2274</section>
2275			
2276	<div class="modal fade" id="modalConfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" onclick="$('#modalConfirm').modal('hide')">
2277    <div class="modal-dialog modal-dialog-centered modal-success" role="dialog">
2278      <div class="modal-content" style="background-color: #fff4cf"> 
2279        <div class="modal-body">
2280            <button type="button" class="close" data-dismiss="modal" aria-label="Tutup" data-i18n-aria-label="commonClose">
2281                <span aria-hidden="true">&times;</span>
2282            </button>
2283            
2284            <div class="modal-text">
2285            </div>
2286        </div>
2287      </div>
2288    </div>
2289</div>
2290</div>
2291
2292                    </div>
2293
2294                                    
2295                <footer class="font-small new-page-footer pt-4 position-relative mycontainer">
2296    <div class="container px-xl-5 text-center text-md-left pt-3">
2297        <div class="row border-bottom-footer">
2298            <div class="col-xl-4 mb-3 mt-2">
2299                <img src="https://www.banyumilitravel.id/default/banyumili/images/icon/logo.png" alt="Logo" class="logo-footer mb-4">
2300                
2301                                                                                <a target="_blank" href="https://www.instagram.com/banyumilitravel" class="pb-2">
2302                            <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2">
2303                                                                    <div class="mr-1 my-auto flex-shrink-0">
2304                                        <div class="icon-medsos">
2305                                            <img src="https://www.banyumilitravel.id/global/images/sosmed/instagram-eid.png"
2306                                                class="img-fluid"
2307                                                alt="icon"
2308                                                width="36">
2309                                        </div>
2310                                    </div>
2311                                                                <div class="footer-text text-center text-lg-left my-auto">
2312                                    banyumilitravel
2313                                </div>
2314                            </div>
2315                        </a>
2316                                                                                                    <a target="_blank" href="https://www.facebook.com/banyumilitrans" class="pb-2">
2317                            <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2">
2318                                                                    <div class="mr-1 my-auto flex-shrink-0">
2319                                        <div class="icon-medsos">
2320                                            <img src="https://www.banyumilitravel.id/global/images/sosmed/facebook-eid.png"
2321                                                class="img-fluid"
2322                                                alt="icon"
2323                                                width="36">
2324                                        </div>
2325                                    </div>
2326                                                                <div class="footer-text text-center text-lg-left my-auto">
2327                                    banyumilitrans
2328                                </div>
2329                            </div>
2330                        </a>
2331                                                                                                    <a target="_blank" href="https://www.tiktok.com/@banyumilitravel" class="pb-2">
2332                            <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2">
2333                                                                    <div class="mr-1 my-auto flex-shrink-0">
2334                                        <div class="icon-medsos">
2335                                            <img src="https://www.banyumilitravel.id/global/images/sosmed/tiktok-ei
2335d.png"
2336                                                class="img-fluid"
2337                                                alt="icon"
2338                                                width="36">
2339                                        </div>
2340                                    </div>
2341                                                                <div class="footer-text text-center text-lg-left my-auto">
2342                                    @banyumilitravel
2343                                </div>
2344                            </div>
2345                        </a>
2346                                                                                                    <a target="_blank" href="https://www.tiktok.com/@banyumilitravel" class="pb-2">
2347                            <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2">
2348                                                                    <div class="mr-1 my-auto flex-shrink-0">
2349                                        <div class="icon-medsos">
2350                                            <img src="https://www.banyumilitravel.id/global/images/sosmed/youtube-eid.png"
2351                                                class="img-fluid"
2352                                                alt="icon"
2353                                                width="36">
2354                                        </div>
2355                                    </div>
2356                                                                <div class="footer-text text-center text-lg-left my-auto">
2357                                    @banyumilitravel
2358                                </div>
2359                            </div>
2360                        </a>
2361                                    
2362                
2363                                                            <div class="d-flex align-items-start justify-content-center justify-content-md-start mb-2">
2364                            <div class="mr-1 flex-shrink-0">
2365                                <img src="https://www.banyumilitravel.id/global/images/sosmed/location-eid.png" alt="icon" width="36">
2366                            </div>
2367                            <div>
2368                                <p class="footer-text text-left mb-0">
2369                                    Jl. Karya Etam No. 12, Sangatta Utara, Kec. Sangatta Utara, Kabupaten Kutai Timur, Kalimantan Timur 75683
2370                                </p>
2371                            </div>
2372                        </div>
2373                                                </div>
2374            <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2 pl-xl-2">
2375                <h5 class="footer-title pb-1" data-i18n="footerMainRoutes">Layanan Rute Utama</h5>
2376                <ul class="list-group" style="list-style: none;">
2377                    <li class="pb-2">
2378                        <a href="https://www.banyumilitravel.id/blog/travel-sangatta" class="footer-text">Travel Sangatta</a>
2379                    </li>
2380                    <li class="pb-2">
2381                        <a href="https://www.banyumilitravel.id/blog/travel-balikpapan" class="footer-text">Travel Balikpapan</a>
2382                    </li>
2383                    <li class="pb-2">
2384                        <a href="https://www.banyumilitravel.id/blog/travel-samarinda" class="footer-text">Travel Samarinda</a>
2385                    </li>
2386                    <li class="pb-2">
2387                        <a href="https://www.banyumilitravel.id/blog/travel-bontang" class="footer-text">Travel Bontang</a>
2388                    </li>
2389                </ul>
2390            </div>
2391            <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2 pl-xl-5">
2392                <h5 class="footer-title pb-1" data-i18n="footerOthers">Lainnya</h5>
2393                <ul class="list-group" style="list-style: none;">
2394                                                            <li class="pb-2">
2395                        <a href="https://www.banyumilitravel.id/outlet" class="footer-text" data-i18n="navOutlet">Outlet</a>
2396                    </li>
2397                    <li class="pb-2">
2398                        <a href="https://www.banyumilitravel.id/pembayaran" class="footer-text" data-i18n="footerPaymentGuide">Cara Bayar</a>
2399                    </li>
2400                    <li class="pb-2">
2401                        <a href="https://www.banyumilitravel.id/kontak" class="footer-text" data-i18n="footerContact">Kontak</a>
2402                    </li>
2403                    <li class="pb-2">
2404                        <a href="https://www.banyumilitravel.id/blog" class="footer-text" data-i18n="navBlog">Blog</a>
2405                    </li>
2406                                    </ul>
2407            </div>
2408            <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2">
2409                                    <h5 class="footer-title pb-1" data-i18n="footerCallCenter">Call Center</h5>
2410                    <ul class="list-group" style="list-style: none;">
2411                                                                                                                <li class="pb-2 footer-text">
2412                                    <a class="footer-text"
2413                                    target="_blank"
2414                                    href="https://wa.me/6282141864864">
2415                                        <div class="d-flex align-items-center justify-content-center justify-content-md-start">
2416                                            <div class="mr-1 align-content-center flex-shrink-0">
2417                                                <img src="https://www.banyumilitravel.id/global/images/sosmed/whatsapp-eid.png"
2418                                                    class="img-fluid"
2419                                                    alt="icon"
2420                                                    width="36">
2421                                            </div>
2422                                            <div>
2423                                                
2424                                                                                                    <p class="mb-0 footer-title" style="font-size:16px !important;">
2425                                                        Admin Sangatta
2426                                                    </p>
2427                                                                                                
2428                                                <div class="my-auto">
2429                                                    082141864864
2430                                                </div>
2431                                            </div>
2432                                        </div>
2433                                    </a>
2434                                </li>
2435                                                                                                                                            <li class="pb-2 footer-text">
2436                                    <a class="footer-text"
2437                                    target="_blank"
2438                                    href="https://wa.me/6282141864864">
2439                                        <div class="d-flex align-items-center justify-content-center justify-content-md-start">
2440                                            <div class="mr-1 align-content-center flex-shrink-0">
2441                                                <img src="https://www.banyumilitravel.id/global/images/sosmed/whatsapp-eid.png"
2442                                                    class="img-fluid"
2443                                                    alt="icon"
2444                                                    width="36">
2445                                            </div>
2446                                            <div>
2447                                                
2448                                                                                                    <p class="mb-0 footer-title" style="font-size:16px !important;">
2449                                                        Admin Balik Papan
2450                                                    </p>
2451                                                                                                
2452                                                <div class="my-auto">
2453                                                    082141864864
2454                                                </div>
2455                                            </div>
2456                                        </div>
2457                                    </a>
2458                                </li>
2459                                                                        </ul>
2460                            </div>
2461                            <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2 pl-xl-5">
2462                    <h5 class="footer-title pb-1" data-i18n="footerDownloadApp">Unduh Aplikasi</h5>
2463                                                                                                <a href="https://play.google.com/store/apps/details?id=id.co.tbk.android.banyumili" target="_blank">
2464                                <img src="https://www.banyumilitravel.id/global/images/playstore.png"
2465                                    alt=""
2466                                    class="img-fluid pb-2"
2467                                    width="120">
2468                            </a>
2469                            <br>
2470                                                                                                                        <a href="https://apps.apple.com/app/banyumili/id6498587668" target="_blank">
2471                                <img src="https://www.banyumilitravel.id/global/images/appstore.png"
2472                                    alt=""
2473                                    class="img-fluid pb-2"
2474                                    width="120">
2475                            </a>
2476                            <br>
2477                                                            </div>
2478                    </div>
2479    </div>
2480    <div class="container">
2481        <div class="row">
2482            <div class="col-12">
2483                <h6 class="text-center font-bold-o py-4 footer-text-bottom mb-0">
2484                                        © 2026 Banyumili. <span data-i18n="footerAllRightsReserved">Semua Hak Dilindungi Undang-Undang</span>
2485                                            <br>
2486                        <span data-i18n="footerEmail">Email</span>: [email protected]
2487                                    </h6>
2488            </div>
2489        </div>
2490    </div>
2491</footer>
2492                    
2493        <div class="modal fade" id="modal-load" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="modal-load-label" aria-hidden="true">
2494    <div class="modal-dialog modal-dialog-centered">
2495        <div class="spinner-border m-auto text-light" role="status" style="width: 60px; height:60px;">
2496            <span class="sr-only" data-i18n="commonLoading">Loading...</span>
2497        </div>
2498    </div>
2499</div>
2500
2501<script>
2502    function showLoadPage(){
2503        $('#modal-load').modal({
2504            show: true
2505        })
2506    }
2507    
2508    function hideLoadPage(){
2509        $('#modal-load').modal('hide')
2510    }
2511
2512    function resetModalPagePadding(){
2513        if ($('.modal.show').length === 0) {
2514            $('body').removeClass('modal-open').css('padding-right', '');
2515            $('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top').each(function(){
2516                const element = $(this);
2517                const originalPaddingRight = element.data('padding-right');
2518                const originalMarginRight = element.data('margin-right');
2519
2520                if (originalPaddingRight !== undefined) {
2521                    element.css('padding-right', originalPaddingRight).removeData('padding-right');
2522                }
2523
2524                if (originalMarginRight !== undefined) {
2525                    element.css('margin-right', originalMarginRight).removeData('margin-right');
2526                }
2527            });
2528
2529            $('.sticky-top.mr-0').each(function(){
2530                this.style.removeProperty('padding-right');
2531                this.style.removeProperty('margin-right');
2532            });
2533            $('.modal-backdrop').remove();
2534        }
2535    }
2536
2537    $(window).on('pageshow', function(){
2538        $('#modal-load').removeClass('show').hide();
2539        resetModalPagePadding();
2540    });
2541
2542    $(document).on('hidden.bs.modal', function(){
2543        resetModalPagePadding();
2544    });
2545</script>
2545
2546
2547        
2548        
2549        
2550        	
2550<script type="text/javascript" src="https://www.banyumilitravel.id/default/banyumili/js/slick.min.js"></script>
2550
2551	
2551<script src="https://www.banyumilitravel.id/global/js/numeral.js"></script>
2551
2552	
2552<script src="https://www.banyumilitravel.id/global/js/flatpickr-holiday.js?ver=1"></script>
2552
2553    
2553<script type="text/javascript">
2554		$(document).ready(function () {
2555
2556						
2557			
2558			
2559						$('.slider').slick({
2560	            slidesToShow: 1,
2561	            slidesToScroll: 1,
2562	            dots: true,
2563	            autoplay:true,
2564	            infinite:true,
2565				prevArrow: '<button class="slick-prev"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>',
2566				nextArrow: '<button class="slick-next"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>',
2567	            responsive: [
2568		            {
2569		                breakpoint: 1024,
2570		                settings: {
2571			                centerMode: false,
2572			                centerPadding: '0px',
2573			                slidesToShow: 1,
2574			                slidesToScroll: 1,
2575			                infinite: true,
2576			                dots: true
2577		                }
2578		            },
2579		            {
2580		                breakpoint: 600,
2581		                settings: {
2582			                centerMode: false,
2583			                centerPadding: '0px',
2584			                slidesToShow: 1,
2585			                slidesToScroll: 1
2586		                }
2587		            },
2588		            {
2589		                breakpoint: 480,
2590		                settings: {
2591			                centerMode: false,
2592			                centerPadding: '0px',
2593			                slidesToShow: 1,
2594			                slidesToScroll: 1
2595		                }
2596		            }
2597	            ]
2598            });
2599						$('.slider-galeri').slick({
2600				slidesToShow: 3,
2601				slidesToScroll: 3,
2602				dots:true,
2603				variableWidth: false,
2604				autoplay:true,
2605				infinite: true,
2606				centerMode: false,
2607				responsive: [
2608					{
2609					breakpoint: 900,
2610					settings: {
2611						nextArrow:false,
2612						prevArrow:false,
2613						slidesToScroll: 2,
2614						slidesToShow: 2,
2615						arrows: false,
2616						}
2617					},
2618					{
2619					breakpoint: 480,
2620					settings: {
2621						nextArrow:false,
2622						prevArrow:false,
2623						slidesToScroll: 2,
2624						slidesToShow: 2,
2625						arrows: false,
2626						centerMode: true,
2627						slidesToShow: 1
2628						}
2629					}
2630				]
2631			});
2632
2633			$('.layanan').slick({
2634	            infinite: false,
2635	            speed: 300,
2636	            slidesToShow: 1,
2637	            dots:true,
2638	            autoplay: false,
2639	            autoplaySpeed: 2000,
2640	            variableWidth: true,
2641	            prevArrow:false,
2642	            nextArrow:false,
2643
2644	            responsive: [
2645		            {
2646		                breakpoint: 1024,
2647		                settings: {
2648		                centerMode: false,
2649		                centerPadding: '0px',
2650		                slidesToShow: 1,
2651		                slidesToScroll: 1,
2652		                infinite: true,
2653		                dots: false
2654		                }
2655		            },
2656		            {
2657		                breakpoint: 600,
2658		                settings: {
2659		                centerMode: false,
2660		                centerPadding: '0px',
2661		                slidesToShow: 1,
2662		                slidesToScroll: 1
2663		                }
2664		            },
2665		            {
2666		                breakpoint: 480,
2667		                settings: {
2668
2669		                centerMode: false,
2670		                centerPadding: '0px',
2671		                slidesToShow: 1,
2672		                slidesToScroll: 1
2673		                }
2674		            }
2675	            ]
2676            });
2677
2678			$('.slider-info-promo').slick({
2679				slidesToShow: 4,
2680				slidesToScroll: 4,
2681				dots: true,
2682				autoplay: true,
2683				infinite: $('.slider-info-promo .slider-item').length >= 4, // Only enable infinite loop if 4 or more slides
2684				variableWidth: false, // Ensure uniform widths
2685				centerMode: false, // Disable centering
2686				responsive: [
2687					{
2688						breakpoint: 900,
2689						settings: {
2690							nextArrow: false,
2691							prevArrow: false,
2692							slidesToScroll: 2,
2693							slidesToShow: 2,
2694							arrows: false,
2695						}
2696					},
2697					{
2698						breakpoint: 480,
2699						settings: {
2700							nextArrow: false,
2701							prevArrow: false,
2702							slidesToScroll: 1,
2703							slidesToShow: 1,
2704							arrows: false,
2705							centerMode: false,
2706						}
2707					}
2708				]
2709			});
2710
2711			document.querySelectorAll('.card-fasilitas').forEach(function(card) {
2712				let img = card.querySelector('.fasilitas-icon');
2713
2714				// Menangani event hover (mouseenter)
2715				card.addEventListener('mouseenter', function() {
2716					let hoverSrc = img.getAttribute('data-hover');
2717					img.setAttribute('src', hoverSrc);
2718				});
2719
2720				// Menangani event keluar hover (mouseleave)
2721				card.addEventListener('mouseleave', function() {
2722					let defaultSrc = img.getAttribute('data-default');
2723					img.setAttribute('src', defaultSrc);
2724				});
2725			});
2726
2727		});
2728
2729		function detailCustomer() {
2730			var url = "https://www.banyumilitravel.id";
2731			$.ajax({
2732				url: url+"/detail-login",
2733				type: "get",
2734				data: {
2735				},
2736				success: function(response) {
2737					if(response.status === "OK"){
2738						var tgl_lahir = response.results.user.tgl_lahir,
2739						jenis_kelamin = response.results.user.jenis_kelamin
2740
2741						if(tgl_lahir == '' || tgl_lahir === "0000-00-00" || tgl_lahir === null){
2742							$('#birthdayPop').modal('show')
2743						}
2744
2745						var isUltah = isSameMonth(tgl_lahir);
2746						if(isUltah){
2747							$('.reservasi-section').addClass('bg-birthday')
2748						}
2749					}
2750				},
2751				error: function(xhr) {
2752				}
2753			});
2754		}
2755
2756		function isSameMonth(tgl) {
2757			const currentDate = new Date(); // Tanggal saat ini
2758			const inputDate = new Date(tgl); // Tanggal dari variabel tgl
2759
2760			// Periksa apakah bulan dan tahun sama
2761			return (inputDate.getMonth() === currentDate.getMonth());
2762		}
2763
2764	</script>
2764
2765
2766	
2767	
2768						
2768<script> var url = 'https://www.banyumilitravel.id'; </script>
2768
2769			
2769<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/default-js-v1.js"></script>
2769
2770			
2771	
2771<script>
2772		var dateFormatValue;
2773		var altFormatValue;
2774					dateFormatValue = 'j-n-Y';
2775			altFormatValue = 'd-m-Y';
2776		
2777		// Ambil data tanggal dari backend
2778		let rawMinDate = "2026-10-03"; // misal "2025-11-20" dari API
2779		let rawMaxDate = "2027-01-31"; // misal "2025-11-20" dari API
2780
2781		// Konversi ke format JS Date
2782		let parsedMinDate = null;
2783		if (rawMinDate && typeof rawMinDate === 'string') {
2784			const parts = rawMinDate.split('-');
2785			if (parts.length === 3) {
2786				// Kalau format ISO (2025-11-20)
2787				if (parts[0].length === 4) {
2788					parsedMinDate = new Date(parts[0], parts[1] - 1, parts[2]);
2789				}
2790				// Kalau format Indonesia (20-11-2025)
2791				else if (parts[2].length === 4) {
2792					parsedMinDate = new Date(parts[2], parts[1] - 1, parts[0]);
2793				}
2794			}
2795		}
2796
2797		let parsedMaxDate = null;
2798		if (rawMaxDate && typeof rawMaxDate === 'string') {
2799			const parts = rawMaxDate.split('-');
2800			if (parts.length === 3) {
2801				// Kalau format ISO (2025-11-20)
2802				if (parts[0].length === 4) {
2803					parsedMaxDate = new Date(parts[0], parts[1] - 1, parts[2]);
2804				}
2805				// Kalau format Indonesia (20-11-2025)
2806				else if (parts[2].length === 4) {
2807					parsedMaxDate = new Date(parts[2], parts[1] - 1, parts[0]);
2808				}
2809			}
2810		}
2811
2812		// Tentukan nilai awal dan batas
2813		let minDateConfig = parsedMinDate || 'today';
2814		let initialDate1Value = parsedMinDate || new Date();
2815		let maxDate = parsedMaxDate || new Date();
2816		if (!parsedMaxDate) maxDate.setMonth(maxDate.getMonth() + 3);
2817
2818		var holidayCalendar = new FlatpickrHolidayCalendar({
2819			endpoint: "https://www.banyumilitravel.id/api/calendar/holidays"
2820		});
2821
2822		var date1 = $("#tanggal_pergi").flatpickr(holidayCalendar.withHooks({
2823			defaultDate: initialDate1Value,
2824			minDate: minDateConfig,
2825			locale: "id",
2826			altInput: true,
2827			altFormat: altFormatValue,
2828			dateFormat: dateFormatValue ,
2829			disableMobile: "true",
2830			maxDate: maxDate,
2831			onChange: function(selectedDates, dateStr, instance) {
2832				// Update initialDate1Value saat tanggal dipilih
2833				initialDate1Value = selectedDates[0];
2834
2835				// Update minDate based on checkbox status
2836				if ($("#is_pp").prop("checked")) {
2837					date2.set("minDate", initialDate1Value);
2838
2839					// Pastikan tanggal pergi tidak lebih besar dari tanggal pulang
2840					if (selectedDates[0] > date2.selectedDates[0]) {
2841						date2.setDate(selectedDates[0]);
2842					}
2843				}
2844			}
2845		}));
2846
2847		disableFlatpickr()
2848
2849		var date2 = $("#tanggal_pulang").flatpickr(holidayCalendar.withHooks({
2850			minDate: minDateConfig,
2851			locale: "id",
2852			altInput: true,
2853			altFormat: altFormatValue,
2854			dateFormat: dateFormatValue ,
2855			disableMobile: "true",
2856			defaultDate: initialDate1Value,
2857			maxDate: maxDate,
2858			onChange: function(selectedDates, dateStr, instance) {
2859				// Update maxDate based on checkbox status
2860				if ($("#is_pp").prop("checked")) {
2861					date1.set('maxDate', dateStr);
2862
2863					// Pastikan tanggal pulang tidak lebih kecil dari tanggal pergi
2864					if (selectedDates[0] < date1.selectedDates[0]) {
2865						date1.setDate(selectedDates[0]);
2866					}
2867				}
2868			}
2869		}));
2870
2871		function enableFlatpickr(callback) {
2872			$("#tglpulang-div").css("background-color", "transparent");
2873			date2 = $("#tanggal_pulang").flatpickr(holidayCalendar.withHooks({
2874				minDate: minDateConfig,
2875				locale: "id",
2876				altInput: true,
2877				altFormat: altFormatValue,
2878				dateFormat: dateFormatValue ,
2879				disableMobile: "true",
2880				defaultDate: initialDate1Value,
2881				maxDate: maxDate,
2882				onChange: function(selectedDates, dateStr, instance) {
2883					// Pastikan tanggal pulang tidak lebih kecil dari tanggal pergi
2884					if ($("#is_pp").prop("checked")) {
2885						date1.set('maxDate', dateStr);
2886						if (selectedDates[0] < date1.selectedDates[0]) {
2887							date1.setDate(selectedDates[0]);
2888						}
2889					}
2890				}
2891			}));
2892
2893			// Atur minDate setelah date2 diinisialisasi
2894			date2.set("minDate", initialDate1Value);
2895
2896			if (typeof callback === 'function') {
2897				callback(date2);
2898			}
2899		}
2900
2901		function disableFlatpickr() {
2902							if (date2) {
2903					date2.destroy();
2904					$("#tanggal_pulang").html(" ")
2905				}
2906					}
2907
2908		// checkbox is_pp
2909		if ($('#is_pp').is(':checked')) {
2910			$('#ispp').val(true)
2911			enableFlatpickr(function() {
2912				$('.tglpulang').prop('disabled', false);
2913			})
2914		}else{
2915			$('#ispp').val(false)
2916			disableFlatpickr()
2917			$('.tglpulang').prop('disabled', true)
2918		}
2919
2920		$("#is_pp").on('change', function() {
2921			if ($(this).is(':checked')) {
2922				$('#ispp').val(true)
2923				enableFlatpickr(function(date2) {
2924					$('.tglpulang').prop('disabled', false);
2925				});
2926			} else {
2927				$('#ispp').val(false)
2928				disableFlatpickr()
2929				$('.tglpulang').prop('disabled', true)
2930				date1.set('maxDate', maxDate);
2931			}
2932		});
2933
2934		function cek(){
2935			if($('#asal').val() == "") {
2936                $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDeparture') : 'Silakan pilih keberangkatan')
2937				$('#modalConfirm').modal('show')
2938				return false;
2939			}
2940
2941			if($('#tujuan').val() == "") {
2942                $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDestination') : 'Silakan pilih tujuan')
2943				$('#modalConfirm').modal('show')
2944				return false;
2945			}
2946
2947			if ($('#is_pp').is(':checked')) {
2948				if($('#tanggal_pergi').val() == "") {
2949                    $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDepartureDate') : 'Silakan pilih tanggal pergi')
2950				    $('#modalConfirm').modal('show')
2951					return false;
2952				}
2953
2954		        if($('#tanggal_pulang').val() == "") {
2955                    $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationReturnDate') : 'Silakan pilih tanggal pulang')
2956				    $('#modalConfirm').modal('show')
2957					return false;
2958				}
2959		    }
2960		    else {
2961		        if($('#tanggal_pergi').val() == "") {
2962                    $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDepartureDate') : 'Silakan pilih tanggal pergi')
2963				    $('#modalConfirm').modal('show')
2964					return false;
2965				}
2966			}
2967
2968			
2969			showLoadPage();
2970			return true;
2971		}
2972	</script>
2972
2973
2974	
2974<script>
2975
2976		var url_login = "https://www.banyumilitravel.id/ceklogin"
2977		//set data tujuan
2978        $.get(url_login, function(data){
2979        }).done(function(data){
2980        }).fail(function(data){});
2981
2982	</script>
2982
2983
2984	
2985<script>
2986    // ============================================
2987    // PILIH MODE POPUP DI BAWAH INI:
2988    // ============================================
2989    
2990    // MODE 1: Popup muncul setiap 2 jam sekali (seperti sekarang)
2991    // MODE 2: Popup muncul setiap kali reload halaman (tidak pakai cookie)
2992    
2993    const POPUP_MODE = 1; // Ganti angka ini: 1 atau 2
2994    
2995    // ============================================
2996    // JANGAN UBAH KODE DI BAWAH INI
2997    // ============================================
2998
2999    // Check if the cookie popup is set
3000    var hiddenPopup = getCookie('hidden_popup_expired');
3001    
3002    var banner = '',
3003        indexImg = 0,
3004        imgPopup = JSON.parse('[{"img":"https:\/\/webasset.b-cdn.net\/webprofile\/\/default-banyumili\/popup\/20260406162630_blob","link":null}]')
3005        popLoginAuth = 0
3006        popLoginFeature = 0
3007
3008    if(screen.width < 576 ){
3009        imgPopup = JSON.parse('[{"img":"https:\/\/webasset.b-cdn.net\/webprofile\/\/default-banyumili\/popup\/20260406162643_blob","link":null}]')
3010    }
3011
3012    var popShownFromLoginClose = false;
3013
3014    $( document ).ready(function() {
3015        if(popLoginAuth == 0 && popLoginFeature == 1) {
3016            $(document).on('loginDialogClosed', function () {
3017                popShownFromLoginClose = true;
3018                // Show popup based on selected mode
3019                if (shouldShowPopup()) {
3020                    showPop();
3021                    setPopupCookie();
3022                }
3023            });
3024
3025            // Safety fallback: kalau modal login gagal muncul/ke-init (race
3026            // condition asset loading, dsb) event 'loginDialogClosed' tidak
3027            // akan pernah fire dan banner jadi tidak pernah tampil. Untuk
3028            // MODE 2 (harus selalu tampil tiap reload), paksa tampil setelah
3029            // jeda singkat kalau belum ke-trigger dari penutupan modal login.
3030            if (POPUP_MODE === 2) {
3031                setTimeout(function () {
3032                    if (!popShownFromLoginClose && shouldShowPopup()) {
3033                        showPop();
3034                        setPopupCookie();
3035                    }
3036                }, 4000);
3037            }
3038        }else {
3039            // Show popup based on selected mode
3040            if (shouldShowPopup()) {
3041                showPop();
3042                setPopupCookie();
3043            }
3044        }
3045
3046        $('.close-pop-info').click(function(){
3047            $('#popInfo').modal('hide')
3048        })
3049    })
3050
3051    $('#popInfo').on('hidden.bs.modal', function (e) {
3052        if(indexImg < imgPopup.length){
3053            indexImg = indexImg + 1
3054            // Defer to the next tick so Bootstrap can finish tearing down the
3055            // current modal (backdrop removal, body.modal-open, transition state)
3056            // before we re-open it for the next image. Showing synchronously here
3057            // gets swallowed and the next popup never appears.
3058            setTimeout(showPop, 300);
3059        }
3060    })
3061    
3062    function showPop(){
3063        if(imgPopup.length > 0 && indexImg < imgPopup.length){
3064            var data_banner = imgPopup[indexImg]['img']
3065            $('#popInfoImg').attr('src', data_banner)
3066            $('#linkPopup').attr('href', imgPopup[indexImg]['link'])
3067            $('#popInfo').modal('show')
3068        }
3069    }
3070
3071    // ============================================
3072    // FUNGSI BARU UNTUK MENGONTROL MODE POPUP
3073    // ============================================
3074    
3075    function shouldShowPopup() {
3076        if (POPUP_MODE === 2) {
3077            // MODE 2: Selalu tampilkan setiap reload
3078            return true;
3079        } else {
3080            // MODE 1: Tampilkan hanya jika cookie tidak ada (default)
3081            return !hiddenPopup;
3082        }
3083    }
3084
3085    function setPopupCookie() {
3086        if (POPUP_MODE === 1) {
3087            // MODE 1: Set cookie 2 jam
3088            setCookie('hidden_popup_expired', 1, 2);
3089            // setCookie('hidden_popup_expired', 1, 1/120); // 30 detik untuk testing
3090        }
3091        // MODE 2: Tidak perlu set cookie
3092    }
3093
3094    // ============================================
3095    // FUNGSI COOKIE (TIDAK BERUBAH)
3096    // ============================================
3097
3098    function getCookie(name) {
3099        let value = "; " + document.cookie;
3100        let parts = value.split("; " + name + "=");
3101        if (parts.length === 2) return parts.pop().split(";").shift();
3102    }
3103
3104    // Function to set a cookie (HOURS)
3105    function setCookie(name, value, hours) {
3106        let expires = "";
3107        if (hours) {
3108            let date = new Date();
3109            date.setTime(date.getTime() + (hours * 60 * 60 * 1000));
3110            expires = "; expires=" + date.toUTCString();
3111        }
3112        document.cookie = name + "=" + (value || "") + expires + "; path=/";
3113    }
3114</script>
3114
3115
3116        
3116<script>
3117            window.PORTAL_LANGUAGE = "id";
3118        </script>
3118
3119                        
3119<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/23.7.6/i18next.min.js"></script>
3119
3120        
3120<script src="https://www.banyumilitravel.id/locales/default.js?v=3.0"></script>
3120
3121
3122            </body>
3123</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.