@extends('layout/main')

@section('content')
    <!-- Start Hero Section -->
    <div class="hero">
        <img src="{{ url('images/info-booking.png') }}" class="d-block w-100 h-slider"
            alt="monggopro.com/images/info-booking.png">
    </div>
    <!-- End Hero Section -->

    <!-- Start We Help Section -->
    <div class="we-help-section">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-7 mb-5 mb-lg-0">
                    <div class="imgs-grid">
                        <div class="grid grid-1"><img src="{{ url('images/img-grid-2.png') }}" alt="monggopro.com"></div>
                        <div class="grid grid-2"><img src="{{ url('images/img-grid-1.png') }}" alt="monggopro.com"></div>
                        <div class="grid grid-3"><img src="{{ url('images/img-grid-3.png') }}" alt="monggopro.com"></div>
                    </div>
                </div>
                <div class="col-lg-5 ps-lg-5">
                    <h5 class="mb-4 section-title">Cek Ketersediaan Alat</h5>
                    <p>
                        Silahkan hubungi
                        <a class="text-success" href="https://wa.me/628112641104" target="_blank">Whatsapp</a>
                        Monggopro untuk menanyakan ketersediaan alat.
                    </p>
                    <h5 class="section-title">
                        Mengisi Format Booking Via
                        <a class="text-success" href="https://wa.me/628112641104" target="_blank">Whatsapp</a>
                    </h5>
                    <p>Jika alat tersedia, penyewa mengisi format booking berupa</p>
                    <ul class="list-unstyled custom-list my-4">
                        <li>Nama (Sesuai E-KTP)</li>
                        <li>Jenis kamera/lensa/alat yang disewa</li>
                        <li>Tanggal & jam ambil</li>
                        <li>Tanggal & jam kembali</li>
                        <li>Tanggal & jam kembali</li>
                        <li>Nama instagram</li>
                        <li>Nomor telfon</li>
                    </ul>
                    <h5 class="mb-4 section-title">Pembayaran</h5>
                    <p>
                        Down Payment (DP) untuk keep unit minimal 50% dari biaya sewa. (DP hangus
                        apabila cancel / syarat tidak terpenuhi).
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- End We Help Section -->

    <!-- Start Why Choose Us Section -->
    <div class="why-choose-section">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-7">
                    <h5 class="section-title">Syarat Sewa di Monggopro</h5>
                    <p>Menyiapkan minimal 2 Identitas ASLI YANG BERSANGKUTAN, kami bawa sebagai jaminan.</p>
                    <strong>ID Luar Jogja WAJIB</strong>
                    <ul class="list-unstyled custom-list my-4">
                        <li>E-KTP</li>
                        <li>STNK / BPKB Asli bukan Salinan</li>
                        <li>Atau minimal 2 E-KTP</li>
                    </ul>
                    <strong>ID Jogja WAJIB</strong>
                    <ul class="list-unstyled custom-list my-4">
                        <li>E-KTP</li>
                        <li>
                            STNK / BPKP Asli bukan Salinan /
                            SIM / KTM / Kartu Pelajar / KK / NPWP /
                            IJAZAH / Kartu Pegawai / Passport
                        </li>
                    </ul>
                    <p>
                        Memiliki media social AKTIF seperti Instagram, Bersedia difoto saat
                        penyerahan alat sebagai dokumentasi Monggopro
                    </p>
                </div>

                <div class="col-lg-5">
                    <div class="img-booking">
                        <img src="{{ url('images/info-booking-2.png') }}" alt="monggopro.com/images/info-booking-2.png"
                            class="img-fluid rounded">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- End Why Choose Us Section -->

    <!-- Start We Help Section -->
    <div class="we-help-section">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-6 mb-5 mb-lg-0">
                    <div class="imgs-grid-booking">
                        <div class="grid grid-1"><img src="{{ url('images/img-grid-4.png') }}"
                                alt="monggopro.com/img/img-grid-4.png"></div>
                    </div>
                </div>
                <div class="col-lg-6 ps-lg-5">
                    <h5 class="mb-4 section-title">Pengambilan dan Pengembalian</h5>
                    <p>
                        Lokasi pengambilan dan pengembalian di store Monggopro Rent (Link lokasi
                        maps monggopro). Tersedia layanan antar dan ambil hanya ke penginapan /
                        rumah dengan tambahan biaya.
                    </p>
                    <h5 class="section-title">PENGAMBILAN</h5>
                    <p>
                        Jam sewa dihitung saat penerimaan alat, Penyewa berhak bertanya
                        tentang cara penggunaan alat yang disewakan dan berhak untuk cek sepuasnya
                        kondisi alat-alat yang disewa. Segala komplain yang dilakukan pada saat
                        penyewaan selesai ataupun masih berlangsung maka Monggopro tidak
                        bertanggungjawab.
                    </p>
                    <h5 class="mb-4 section-title">PENGEMBALIAN</h5>
                    <p>
                        Biaya keterlambatan pengembalian alat / overtime dihitung 15.000 per
                        jam. Lebih dari 3 jam dihitung biaya sewa 1 hari apabila tidak ada konfirmasi.
                    </p>
                    <p>
                        Alat-alat yang disewa harus dikembalikan dalam kondisi baik atau sama
                        seperti saat ambil.
                    </p>
                    <p>Kerusakan atau kehilangan sepenuhnya menjadi tanggungjawab penyewa</p>
                </div>
            </div>
        </div>
    </div>
    <!-- End We Help Section -->
@endsection