@extends('layouts.app')
@section('title', 'Program Dropship')

@section('content')
<section class="bg-gradient-to-br from-rose-500 to-accent-600 text-white">
    <div class="max-w-5xl mx-auto px-4 py-16 text-center">
        <h1 class="text-3xl lg:text-5xl font-extrabold">Jadi Dropshipper White-Label</h1>
        <p class="text-rose-100 mt-3 max-w-2xl mx-auto">Jual produk custom tanpa modal & stok. Paket dikirim atas nama brand Anda — tanpa branding kami. Diskon meningkat sesuai penjualan.</p>
        @auth
            <a href="{{ route('account.dropship') }}" class="inline-block mt-6 bg-white text-accent-600 font-bold px-8 py-3.5 rounded-full">Kelola Dropship Saya</a>
        @else
            <a href="{{ route('register') }}" class="inline-block mt-6 bg-white text-accent-600 font-bold px-8 py-3.5 rounded-full">Daftar Dropship</a>
        @endauth
    </div>
</section>

<div class="max-w-5xl mx-auto px-4 py-12">
    <div class="grid md:grid-cols-4 gap-4">
        @foreach ([['edit','Daftar','Login + unggah KTP/SIM'],['palette','Ambil Desain','Buat atau pakai desain'],['wallet','Jual','Tentukan harga jual sendiri'],['package','Kami Kirim','White-label ke konsumenmu']] as $s)
            <div class="bg-white border border-slate-100 rounded-2xl p-5 text-center"><div class="w-11 h-11 mx-auto rounded-xl bg-accent-50 text-accent-600 grid place-items-center"><x-icon :name="$s[0]" class="w-5 h-5"/></div><h3 class="font-bold mt-2 text-sm">{{ $s[1] }}</h3><p class="text-xs text-slate-500 mt-1">{{ $s[2] }}</p></div>
        @endforeach
    </div>

    <h2 class="text-xl font-extrabold mt-10 mb-4">Tier Diskon Dropship</h2>
    <div class="bg-white border border-slate-100 rounded-2xl p-6 overflow-x-auto">
        <table class="w-full text-sm text-center">
            <thead>
                <tr class="text-slate-400 border-b border-slate-100">
                    <th class="py-2 text-left">Tipe Produk</th><th>L0<br><span class="text-[10px] font-normal">Baru</span></th><th>L1<br><span class="text-[10px] font-normal">≥1jt</span></th><th>L2<br><span class="text-[10px] font-normal">≥50jt</span></th><th>L3<br><span class="text-[10px] font-normal">≥150jt</span></th>
                </tr>
            </thead>
            <tbody>
                @foreach ([
                    ['T-Shirt','0%','5%','8%','11%'],['Casing HP','0%','5%','8%','10%'],['Mug & Botol','0%','7%','12%','18%'],
                    ['Tas & Dompet','0%','5%','8%','10%'],['Bantal','0%','8%','12%','15%'],['Photo & Art','0%','10%','15%','20%'],['Accessories','0%','5–10%','8–15%','10–20%'],
                ] as $r)
                    <tr class="border-b border-slate-50">
                        <td class="py-2.5 text-left font-medium">{{ $r[0] }}</td>
                        <td>{{ $r[1] }}</td><td class="text-emerald-600 font-semibold">{{ $r[2] }}</td><td class="text-emerald-600 font-semibold">{{ $r[3] }}</td><td class="text-emerald-600 font-bold">{{ $r[4] }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <p class="text-xs text-slate-400 mt-3">Komitmen jual minimal 12 pcs/tahun. Level naik otomatis saat syarat GMV terpenuhi. Garansi kualitas tetap dijamin platform.</p>
</div>
@endsection