/
var
/
www
/
html
/
gnet_live
/
storage
/
framework
/
views
/
Upload File
HOME
<!doctype html> <html lang="id-ID"> <head> <?php echo app('Illuminate\Foundation\Vite')(['resources/css/cgm.min.css']); ?> <?php echo $__env->make('components.head', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>"> <script nonce="<?php echo e($nonce); ?>" src="https://www.google.com/recaptcha/api.js"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=<?php echo e(config('app.gtm.id')); ?>" height="0" width="0" class="inline-iframe"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="<?php echo e(asset('assets/css/font.css')); ?>" rel="stylesheet"> <!-- All CSS Plugins here --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/plugins/swiper-bundle.min.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/plugins/glightbox.min.css')); ?>"> <link rel="stylesheet" href="<?php echo e(asset('assets/css/vendor/bootstrap.min.css')); ?>"> <link nonce="<?php echo e($nonce); ?>" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <link nonce="<?php echo e($nonce); ?>" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css"> <!-- Custom Style CSS --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/style.min.css')); ?>"> <!-- Inline Style CSS --> <link rel="stylesheet" href="<?php echo e(asset('assets/css/inline-style.css')); ?>"> <!-- Start header area --> <?php echo $__env->make('components.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <!-- End header area --> <main class="main__content_wrapper"> <!-- Start breadcrumb section --> <section class="breadcrumb__section breadcrumb__bg about-details"> <div class="container-fluid"> <div class="row row-cols-1"> <div class="col"> <div class="breadcrumb__content"> <h1 class="breadcrumb__content--title text-white mb-10">Hubungi Gnet Indonesia</h1> <!-- <p class="text-white">Jangan ragu untuk menghubungi tim layanan pelanggan kami di bawah ini, jika Anda memiliki pertanyaan atau komentar. </p> --> <ul class="breadcrumb__content--menu d-flex"> <li class="breadcrumb__content--menu__items"><a class="text-white" href="/">Home</a></li> <li class="breadcrumb__content--menu__items"> <a class="text-white" href="/about-us">About Us</a> </li> <li class="breadcrumb__content--menu__items"> <span class="text-white">Hubungi Gnet Indonesia</span> </li> </ul> </div> </div> </div> </div> </section> <!-- End breadcrumb section --> <!-- Start contact section --> <section class="contact__section section--padding"> <div class="container-fluid"> <div class="main__contact--area"> <div class="row"> <div class="col-lg-4 mb-60"> <h3 class="contact__heading">Main Office</h3> <div class="contact__list d-flex gap-3"> <span class="icon flaticon-placeholder-2"></span> <a href="https://maps.app.goo.gl/YaZjdy1QF5RNm1Ax8" target="_blank" rel="noreferrer"> <p>Springhill Office Tower, Lt 5 Unit A-H. Jl Benyamin Sueb, Ruas D7 blok D6 Kec. Pademangan, Jakarta Utara, 14410</p> </a> </div> <div class="contact__list d-flex gap-3"> <span class="fa fa-whatsapp"></span> <a href="https://api.whatsapp.com/send?phone=+6281313777570&text=Hai,%20saya%20tertarik%20dengan%20produk%20GNET.%20Bisa%20informasikan%20lebih%20lanjut?" target="_blank" rel="noreferrer"> <p>+62 813-1377-7570</p> </a> </div> <div class="contact__list d-flex gap-3"> <span class="fa fa-envelope"></span> <p><a href="mailto:marketing@gnetindonesia.com">marketing@gnetindonesia.com</a></p> </div> <div class="contact__list d-flex gap-3"> <span class="fa fa-clock-o"></span> <p>Senin – Jumat : 8:00 – 17:00 WIB</p> </div> <div class="contact__list d-flex gap-3"> <span class="fa fa-clock-o"></span> <p>Sabtu : 8:00 – 12:00 WIB</p> </div> <div class="contact__list d-flex gap-3"> <span class="fa fa-clock-o"></span> <p>Minggu & Hari Besar Nasional : Tutup</p> </div> </div> <div class="col-lg-7 offset-lg-1"> <h3 class="contact__heading">Contact Us</h3> <div class="contact__form"> <form class="contact__form--inner" id="form-contact"> <?php echo csrf_field(); ?> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="contact__form--list mb-20"> <label class="contact__form--label" for="name">Nama<span class="contact__form--label__star">*</span></label> <input class="contact__form--input" name="name" id="name" placeholder="Masukkan nama" type="text" required> </div> </div> <div class="col-lg-6 col-md-6"> <div class="contact__form--list mb-20"> <label class="contact__form--label" for="noHp">No HP<span class="contact__form--label__star">*</span></label> <input class="contact__form--input" name="no_hp" id="noHp" placeholder="No HP" type="text" required> </div> </div> <div class="col-lg-6 col-md-6"> <div class="contact__form--list mb-20"> <label class="contact__form--label" for="email">Email <span class="contact__form--label__star">*</span></label> <input class="contact__form--input" name="email" id="email" placeholder="Email" type="text" required> </div> </div> <div class="col-lg-12 col-md-12"> <div class="contact__form--list mb-20"> <label class="contact__form--label" for="province">Provinsi Domilisi<span class="contact__form--label__star">*</span></label> <div class="position-relative flex-fill"> <label> <input id="input-search-province" class="predictive__search--input" placeholder="Masukkan Provinsi" type="text" autocomplete="off" name="province" required> </label> <div class="dropdown__province"> <ul id="suggestion__list-province"> <?php $__currentLoopData = $provinces; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $prov): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <li class="province__items" value="<?php echo e($prov->prov_id); ?>"><?php echo e($prov->prov_name); ?></li> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </ul> </div> </div> </div> </div> <div class="col-lg-12 col-md-12"> <div class="contact__form--list mb-20"> <label class="contact__form--label" for="city">Kota/Kabupaten<span class="contact__form--label__star">*</span></label> <div class="position-relative flex-fill"> <label> <input id="input-search-city" class="predictive__search--input" placeholder="Pilih Provinsi" type="text" autocomplete="off" name="city" disabled required> </label> <div class="dropdown__city"> <ul id="suggestion__list-city"> <?php $__currentLoopData = $city_by_prov; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $city): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <li class="city__items" value="<?php echo e($city->city_id); ?>"><?php echo e($city->city_name); ?></li> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </ul> </div> </div> </div> </div> <div class="col-lg-12 col-md-12"> <div class="contact__form--list mb-20"> <label class="contact__form--label" for="category">Kategori Pertanyaan<span class="contact__form--label__star">*</span></label> <select class="form-select" name="category"> <option value="Produk">Produk</option> <option value="Karier">Karier</option> <option value="Alamat Cabang">Alamat Cabang</option> <option value="Lainnya">Lainnya</option> </select> </div> </div> <div class="col-12"> <div class="contact__form--list mb-10"> <label class="contact__form--label" for="message">Message <span class="contact__form--label__star">*</span></label> <textarea class="contact__form--textarea" name="message" id="message" placeholder="Masukkan Pesan"></textarea> </div> </div> </div> <div class="g-recaptcha mt-4 mb-15" data-sitekey=<?php echo e(config('services.recaptcha.site_key')); ?>></div> <button class="contact__form--btn primary__btn" type="submit">Kirim Pesan</button> </form> </div> </div> </div> </div> </div> </section> <!-- End contact section --> </main> <!-- Start footer section --> <?php echo $__env->make('components.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <!-- End footer section --> <!-- Scroll top bar --> <button id="scroll__top"> <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 244l144-144 144 144M256 120v292" /> </svg> </button> <!-- Floating WhatsApp --> <?php echo $__env->make('components.floating-whatsapp', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?> <!-- All Script JS Plugins here --> <script src="assets/js/vendor/popper.js" defer="defer"></script> <script src="assets/js/vendor/bootstrap.min.js" defer="defer"></script> <script src="assets/js/plugins/swiper-bundle.min.js" defer="defer"></script> <script src="assets/js/plugins/glightbox.min.js" defer="defer"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script nonce="<?php echo e($nonce); ?>" src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script> <!-- Customscript js --> <script src="assets/js/script.min.js" defer="defer"></script> <script nonce="<?php echo e($nonce); ?>"> // Ketika provinsi dipilih, panggil fungsi untuk mendapatkan kota berdasarkan provinsi document.getElementById('suggestion__list-province').addEventListener('click', function(event) { const selectedProvId = event.target.getAttribute('value'); const inputCity = document.getElementById('input-search-city'); inputCity.removeAttribute('disabled'); inputCity.setAttribute('placeholder', 'Pilih Kota/Kabupaten'); fetch(`/select-province?prov_id=${selectedProvId}`) .then(response => response.json()) .then(data => { // Handle data: update daftar kota berdasarkan provinsi yang dipilih const cityList = document.getElementById('suggestion__list-city'); cityList.innerHTML = ''; data.forEach(city => { const listItem = document.createElement('li'); listItem.setAttribute('class', 'city__items'); listItem.setAttribute('value', city.city_id); listItem.textContent = city.city_name; cityList.appendChild(listItem); }); }) .catch(error => console.error('Error:', error)); }); </script> <script nonce="<?php echo e($nonce); ?>"> $(document).ready(function() { $('#form-contact').submit(function(e) { e.preventDefault(); var formData = new FormData($('#form-contact')[0]); $.ajax({ url: '/submit-message', type: 'POST', data: formData, processData: false, contentType: false, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(response) { handleSuccess(); }, error: function(err) { console.log(err); handleError(JSON.stringify(err.responseJSON)) } }); }); function handleSuccess() { Swal.fire({ text: 'Pesan berhasil terkirim.', icon: 'success', showConfirmButton: false, }); location.reload(); } function handleError(errorMessage) { var errors = JSON.parse(errorMessage); var combinedErrorMessage = Object.values(errors).flat().join(', '); Swal.fire({ text: combinedErrorMessage, icon: 'error' }); } }); </script> </body> </html> <?php /**PATH /var/www/html/gnet_live/resources/views/contact-us.blade.php ENDPATH**/ ?>