/
var
/
www
/
html
/
gnet
/
gnet
/
resources
/
views
/
Upload File
HOME
<!doctype html> <html lang="id"> <head> @include('components.head') <meta name="csrf-token" content="{{ csrf_token() }}"> <script src="https://www.google.com/recaptcha/api.js"></script> </head> <body> <!-- Start header area --> @include('components.header') <!-- End header area --> <main class="main__content_wrapper"> <!-- Start breadcrumb section --> <section class="breadcrumb__section breadcrumb__bg"> <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"> <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" target="_blank"> <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:gias@gias.co.id">gias@gias.co.id</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"> @csrf <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"> @foreach ($provinces as $prov) <li class="province__items" value="{{ $prov->prov_id }}">{{ $prov->prov_name }}</li> @endforeach </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"> @foreach ($city_by_prov as $city) <li class="city__items" value="{{ $city->city_id }}">{{ $city->city_name }}</li> @endforeach </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={{ 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 --> @include('components.footer') <!-- 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 --> <a href="https://api.whatsapp.com/send?phone=6281313777570&text=Hai!%20Saya%20tertarik%20dengan%20produk%20GNET" target="_blank"> <button class="btn-floating whatsapp"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"> <path fill="white" d="M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01zm-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28z" /> </svg> <span>Hallo sobat GNET!</span> <small>Konsultasikan Kebutuhan Anda Bersama Kami</small> </button> </a> <!-- 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 src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <!-- Customscript js --> <script src="assets/js/script.js" defer="defer"></script> <script> // 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> $(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>