@extends('layouts.app')

@section('title', 'Terms & Conditions - Sweet Delights Bakery')

@section('description', 'Terms and Conditions for Sweet Delights Bakery. Read our terms of service, policies, and guidelines.')

@section('content')
<div class="container mx-auto px-4 py-12">
    <x-breadcrumbs :items="[
        ['label' => 'Home', 'url' => route('home')],
        ['label' => 'Terms & Conditions']
    ]" />
    
    <div class="max-w-4xl mx-auto">
        <h1 class="text-5xl font-serif font-bold mb-8 text-center text-[#524438]">Terms & Conditions</h1>
        
        <div class="bg-white p-8 rounded-2xl shadow-md border border-[#e8ddd0] space-y-6">
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">1. Acceptance of Terms</h2>
                <p class="text-[#645443] leading-relaxed">
                    By accessing and using the Sweet Delights Bakery website, you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.
                </p>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">2. Use License</h2>
                <p class="text-[#645443] leading-relaxed mb-3">
                    Permission is granted to temporarily download one copy of the materials on Sweet Delights Bakery's website for personal, non-commercial transitory viewing only.
                </p>
                <p class="text-[#645443] leading-relaxed">
                    This is the grant of a license, not a transfer of title, and under this license you may not:
                </p>
                <ul class="list-disc list-inside space-y-2 mt-3 text-[#645443] ml-4">
                    <li>Modify or copy the materials</li>
                    <li>Use the materials for any commercial purpose or for any public display</li>
                    <li>Attempt to reverse engineer any software contained on the website</li>
                    <li>Remove any copyright or other proprietary notations from the materials</li>
                </ul>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">3. Product Information</h2>
                <p class="text-[#645443] leading-relaxed">
                    We strive to provide accurate product descriptions, prices, and images. However, we do not warrant that product descriptions or other content on this site is accurate, complete, reliable, current, or error-free. If a product offered by us is not as described, your sole remedy is to return it in unused condition.
                </p>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">4. Pricing and Payment</h2>
                <p class="text-[#645443] leading-relaxed">
                    All prices are in South African Rand (ZAR) and are subject to change without notice. We reserve the right to modify prices at any time. Sale prices are valid for the duration specified or while supplies last.
                </p>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">5. Orders and Delivery</h2>
                <p class="text-[#645443] leading-relaxed">
                    All orders are subject to product availability. We reserve the right to refuse or cancel any order for any reason, including but not limited to product availability, errors in pricing or product information, or fraud. Delivery times are estimates and not guaranteed.
                </p>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">6. Allergen Information</h2>
                <p class="text-[#645443] leading-relaxed">
                    While we make every effort to provide accurate allergen information, our products may contain or come into contact with common allergens including but not limited to: wheat, eggs, dairy, nuts, and soy. Customers with food allergies should contact us before placing an order.
                </p>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">7. Limitation of Liability</h2>
                <p class="text-[#645443] leading-relaxed">
                    In no event shall Sweet Delights Bakery or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on our website.
                </p>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">8. Revisions and Errata</h2>
                <p class="text-[#645443] leading-relaxed">
                    The materials appearing on our website could include technical, typographical, or photographic errors. We do not warrant that any of the materials on its website are accurate, complete, or current. We may make changes to the materials contained on its website at any time without notice.
                </p>
            </div>
            
            <div>
                <h2 class="text-2xl font-serif font-bold mb-4 text-[#524438]">9. Contact Information</h2>
                <p class="text-[#645443] leading-relaxed">
                    If you have any questions about these Terms & Conditions, please contact us at:
                </p>
                <ul class="list-none space-y-2 mt-3 text-[#645443]">
                    <li class="flex items-center gap-2">
                        <svg class="w-5 h-5 text-[#9d8566]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
                        </svg>
                        <a href="mailto:info@sweetdelights.com" class="text-[#9d8566] hover:text-[#7d6a52] transition-colors">info@sweetdelights.com</a>
                    </li>
                    <li class="flex items-center gap-2">
                        <svg class="w-5 h-5 text-[#9d8566]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                        </svg>
                        <a href="tel:+15551234567" class="text-[#9d8566] hover:text-[#7d6a52] transition-colors">+1 (555) 123-4567</a>
                    </li>
                </ul>
            </div>
            
            <div class="pt-6 border-t border-[#e8ddd0]">
                <p class="text-sm text-[#9d8566]">
                    Last updated: {{ date('F j, Y') }}
                </p>
            </div>
        </div>
    </div>
</div>
@endsection