@extends('layouts.app')

@section('content')
<!-- custom counter CSS -->
<style>
    /* reset counter for all sections */
    .policy-wrapper {
        counter-reset: section;
    }

    /* each section increments the section counter */
    .policy-section {
        counter-increment: section;
        margin-bottom: 1.5rem;
    }

    /* Heading gets automatic "1. " prefix */
    .policy-section h3 {
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    .policy-section h3::before {
        content: counter(section) ". ";
        color: #111827;
        font-weight: 700;
        margin-right: 0.4rem;
    }

    /* reset subsection counter for each ol inside a section */
    .policy-section ol {
        counter-reset: subsection;
        margin: 0;
        padding: 0;
    }

    /* remove default marker, increment subsection, and space for custom marker */
    .policy-section ol li {
        list-style: none;
        counter-increment: subsection;
        position: relative;
        padding-left: 3rem;
        margin-bottom: .5rem;
        color: #111827;
    }

    /* show "section.subsection" like 1.1, 1.2 */
    .policy-section ol li::before {
        content: counter(section) "." counter(subsection) " ";
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 600;
        color: #374151;
    }
</style>

<!-- Breadcrumb -->
<div class="mt-24 px-4 py-8 bg-slate-100 flex items-center">
    <div class="lg:container">
        <a href="{{ url('/') }}" class="text-primary hover:text-neutral-700 focus:text-neutral-700">
            <i class="fa fa-home"></i>
        </a>
        <span class="mx-4 text-xs text-neutral-500"><i class="fa fa-chevron-right"></i></span>
        <span class="text-sm text-black">Syarat &amp; Ketentuan Program Afiliasi</span>
    </div>
</div>
<!-- End Breadcrumb -->

<div class="lg:container mt-4 mx-4">
    <div class="lg:w-10/12 mx-auto policy-wrapper">
        <h1 class="mt-12 mb-10 text-2xl lg:text-4xl font-semibold text-black">
            Syarat dan Ketentuan Program Afiliasi Bacabuku.com
        </h1>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Definisi</h3>
            <ol class="ml-6 text-black">
                <li>Affiliator adalah individu, komunitas, atau badan usaha yang bergabung dalam program afiliasi
                    untuk mempromosikan Bacabuku.com.</li>
                <li>Program Afiliasi adalah kerja sama promosi antara PT Enam Kubuku Indonesia dan Affiliator
                    berdasarkan ketentuan yang berlaku.</li>
                <li>Komisi adalah imbalan yang diterima Affiliator dari hasil transaksi yang sah melalui tautan
                    atau kode afiliasi yang dimiliki.</li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Pendaftaran dan Keanggotaan</h3>
            <ol class="ml-6 text-black">
                <li>Program Afiliasi Bacabuku.com terbuka untuk individu, komunitas, maupun badan usaha yang memiliki
                    minat
                    mempromosikan e-book Bacabuku.com.</li>
                <li>Pendaftaran dilakukan melalui formulir resmi Bacabuku.com dan akan diverifikasi oleh tim Bacabuku.
                </li>
                <li>Bacabuku.com berhak menolak pendaftaran tanpa kewajiban memberikan alasan.</li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Kewajiban dan Tanggung Jawab Affiliator</h3>
            <ol class="ml-6 text-black">
                <li>Affiliator wajib menggunakan tautan afiliasi resmi yang disediakan Bacabuku.com.</li>
                <li>Konten promosi harus sesuai etika, tidak mengandung SARA, kekerasan, pornografi, atau pelanggaran
                    hukum.</li>
                <li>Affiliator dilarang melakukan kecurangan seperti spam, manipulasi klik, atau pembelian menggunakan
                    tautan sendiri untuk keuntungan pribadi.</li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Komisi dan Pembayaran</h3>
            <ol class="ml-6 text-black">
                <li>Affiliator akan menerima komisi sesuai persentase yang berlaku dari setiap penjualan sah melalui
                    tautan
                    afiliasinya.</li>
                <li>Pembayaran dilakukan dengan minimal saldo komisi Rp50.000 (lima puluh ribu rupiah).</li>
                <li>Pembayaran hanya dapat diproses setelah affiliator melakukan pengajuan pembayaran/penagihan melalui
                    dashboard affiliator.</li>
                <li>Pembayaran melalui Bank BCA tanpa biaya administrasi, sedangkan untuk bank lain biaya administrasi
                    menjadi tanggung jawab affiliator.</li>
                <li>Bacabuku.com tidak bertanggung jawab atas keterlambatan transfer akibat kesalahan data rekening yang
                    diberikan affiliator.</li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Alur Komisi</h3>
            <ol class="ml-6 text-black">
                <li>Komisi dari setiap transaksi yang sah akan terlebih dahulu tercatat dengan status <b>Komisi Dalam
                        Proses</b> selama 7 (tujuh) hari kalender sebagai periode verifikasi awal.</li>
                <li>Setelah periode verifikasi berakhir, komisi akan otomatis berubah status menjadi <b>Komisi Belum
                        Ditagih</b> hingga affiliator mengajukan penagihan melalui dashboard Affiliator.</li>
                <li>Setelah affiliator mengajukan penagihan, status komisi akan diperbarui menjadi <b>Komisi Belum
                        Dibayar</b> sampai proses transfer selesai.</li>
                <li>Setelah pembayaran diproses oleh bagian keuangan dan status diperbarui dalam sistem, komisi akan
                    tercatat sebagai <b>Komisi Sudah Dibayar</b>.</li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Kebijakan Penjualan dan Pengembalian</h3>
            <ol class="ml-6 text-black">
                <li>Semua penjualan e-book bersifat final. Tidak ada pengembalian dana (return/refund) apabila terjadi
                    kesalahan pembelian oleh pengguna.</li>
                <li>Komisi hanya berlaku untuk transaksi yang berhasil dan tidak dibatalkan.</li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Pengakhiran Keanggotaan</h3>
            <ol class="ml-6 text-black">
                <li>Bacabuku.com berhak mengakhiri keanggotaan affiliator kapan saja jika ditemukan pelanggaran syarat
                    dan ketentuan.</li>
                <li>Affiliator dapat mengundurkan diri kapan saja dengan pemberitahuan tertulis minimal 7 hari
                    sebelumnya.
                </li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Perubahan Syarat dan Ketentuan</h3>
            <ol class="ml-6 text-black">
                <li>Bacabuku.com dapat mengubah syarat dan ketentuan ini sewaktu-waktu dengan pemberitahuan melalui
                    email atau situs resmi.</li>
                <li>Dengan terus berpartisipasi, affiliator dianggap menyetujui perubahan yang berlaku.</li>
            </ol>
        </div>

        <div class="policy-section">
            <h3 class="mt-6 mb-2 text-xl text-black">Hukum yang Berlaku</h3>
            <ol class="ml-6 text-black">
                <li>Syarat dan ketentuan ini tunduk pada hukum Republik Indonesia.</li>
                <li>Segala perselisihan akan diselesaikan secara musyawarah, atau jika perlu, melalui jalur hukum sesuai
                    ketentuan yang berlaku.</li>
            </ol>
        </div>
    </div>
</div>
@endsection