@extends('layouts.dashboard')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="max-w-4xl mx-auto">
        <h1 class="text-3xl font-bold text-gray-800 mb-8">Bantuan</h1>

        <!-- FAQ Section -->
        <div class="bg-white rounded-lg shadow-md p-6 mb-8">
            <h2 class="text-2xl font-semibold text-[#2C7A7B] mb-6">Pertanyaan yang Sering Diajukan</h2>
            
            <div class="space-y-6">
                <div class="border-b border-gray-200 pb-4">
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Bagaimana cara melakukan pembayaran?</h3>
                    <p class="text-gray-600">Pembayaran dapat dilakukan melalui berbagai metode yang tersedia seperti transfer bank, e-wallet, dan kartu kredit. Setelah memilih metode pembayaran, Anda akan diarahkan ke halaman pembayaran yang sesuai.</p>
                </div>

                <div class="border-b border-gray-200 pb-4">
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Berapa lama waktu pengiriman?</h3>
                    <p class="text-gray-600">Waktu pengiriman bervariasi tergantung lokasi pengiriman dan metode pengiriman yang dipilih. Estimasi waktu pengiriman akan ditampilkan saat checkout.</p>
                </div>

                <div class="border-b border-gray-200 pb-4">
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Bagaimana jika barang rusak saat diterima?</h3>
                    <p class="text-gray-600">Jika barang rusak saat diterima, segera laporkan dalam waktu 24 jam dengan mengirimkan foto barang rusak ke email kami. Tim kami akan segera memproses pengembalian atau penggantian barang.</p>
                </div>

                <div class="border-b border-gray-200 pb-4">
                    <h3 class="text-lg font-medium text-gray-900 mb-2">Apakah ada garansi untuk produk?</h3>
                    <p class="text-gray-600">Ya, semua produk kami memiliki garansi sesuai dengan ketentuan dari masing-masing brand. Detail garansi dapat dilihat di halaman produk.</p>
                </div>
            </div>
        </div>

        <!-- Contact Section -->
        <div class="bg-white rounded-lg shadow-md p-6">
            <h2 class="text-2xl font-semibold text-[#2C7A7B] mb-6">Hubungi Kami</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <h3 class="text-lg font-medium text-gray-900 mb-4">Informasi Kontak</h3>
                    <div class="space-y-3">
                        <p class="flex items-center text-gray-600">
                            <i class="fas fa-envelope w-6 text-[#2C7A7B]"></i>
                            info@elektrostore.com
                        </p>
                        <p class="flex items-center text-gray-600">
                            <i class="fas fa-phone w-6 text-[#2C7A7B]"></i>
                            +62 812 3456 7890
                        </p>
                        <p class="flex items-center text-gray-600">
                            <i class="fas fa-map-marker-alt w-6 text-[#2C7A7B]"></i>
                            Jl. Elektronik No. 123, Jakarta
                        </p>
                    </div>
                </div>

                <div>
                    <h3 class="text-lg font-medium text-gray-900 mb-4">Jam Operasional</h3>
                    <div class="space-y-2 text-gray-600">
                        <p>Senin - Jumat: 09:00 - 17:00</p>
                        <p>Sabtu: 09:00 - 15:00</p>
                        <p>Minggu: Tutup</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection