@extends('layouts.public')

@section('title', 'Refund & Cancellation Policy')
@section('meta_description', 'Understand The Fair Way Social\'s refund and cancellation policy for golf bookings. Learn about our refund timelines and processes.')

@section('content')
    {{-- Header --}}
    <section class="bg-gradient-to-br from-gray-50 to-gray-100 pt-8">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <h1 class="text-4xl font-extrabold text-gray-900 mb-4">Refund & Cancellation Policy</h1>
            <p class="text-gray-600">Last updated: {{ date('F d, Y') }}</p>
        </div>
    </section>

    {{-- Quick Summary --}}
    <section class="py-8 bg-white border-b">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="bg-green-50 rounded-2xl p-6">
                <h2 class="text-lg font-bold text-gray-900 mb-4">Quick Summary</h2>
                <div class="grid md:grid-cols-3 gap-4">
                    <div class="text-center p-4 bg-white rounded-xl">
                        <div class="text-3xl font-bold text-green-600 mb-1">100%</div>
                        <div class="text-sm text-gray-600">Refund if cancelled 48+ hours before</div>
                    </div>
                    <div class="text-center p-4 bg-white rounded-xl">
                        <div class="text-3xl font-bold text-yellow-600 mb-1">50%</div>
                        <div class="text-sm text-gray-600">Refund if cancelled 24-48 hours before</div>
                    </div>
                    <div class="text-center p-4 bg-white rounded-xl">
                        <div class="text-3xl font-bold text-red-600 mb-1">0%</div>
                        <div class="text-sm text-gray-600">No refund within 24 hours</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{-- Content --}}
    <section class="pt-12 bg-white">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="prose prose-lg max-w-none">

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">1. Client Cancellation Policy</h2>
                <p class="text-gray-600 mb-4">
                    We understand that plans can change. Our cancellation policy is designed to be fair to both Clients and Golfers.
                </p>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">1.1 Cancellation Timeline</h3>
                <div class="space-y-4 mb-6">
                    <div class="flex items-start p-4 bg-green-50 rounded-xl border-l-4 border-green-500">
                        <div class="flex-shrink-0 mr-4">
                            <span class="text-2xl font-bold text-green-600">48+</span>
                            <span class="text-sm text-green-600 block">hours</span>
                        </div>
                        <div>
                            <h4 class="font-semibold text-gray-900">Full Refund (100%)</h4>
                            <p class="text-sm text-gray-600">Cancel 48 hours or more before your scheduled session to receive a full refund.</p>
                        </div>
                    </div>

                    <div class="flex items-start p-4 bg-yellow-50 rounded-xl border-l-4 border-yellow-500">
                        <div class="flex-shrink-0 mr-4">
                            <span class="text-2xl font-bold text-yellow-600">24-48</span>
                            <span class="text-sm text-yellow-600 block">hours</span>
                        </div>
                        <div>
                            <h4 class="font-semibold text-gray-900">Partial Refund (50%)</h4>
                            <p class="text-sm text-gray-600">Cancel between 24 and 48 hours before your session to receive a 50% refund.</p>
                        </div>
                    </div>

                    <div class="flex items-start p-4 bg-red-50 rounded-xl border-l-4 border-red-500">
                        <div class="flex-shrink-0 mr-4">
                            <span class="text-2xl font-bold text-red-600">&lt;24</span>
                            <span class="text-sm text-red-600 block">hours</span>
                        </div>
                        <div>
                            <h4 class="font-semibold text-gray-900">No Refund</h4>
                            <p class="text-sm text-gray-600">Cancellations within 24 hours of the scheduled session are not eligible for a refund.</p>
                        </div>
                    </div>
                </div>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">1.2 How to Cancel</h3>
                <ol class="list-decimal pl-6 text-gray-600 mb-4">
                    <li>Log in to your account</li>
                    <li>Go to your Bookings page</li>
                    <li>Find the booking you wish to cancel</li>
                    <li>Click "Cancel Booking"</li>
                    <li>Confirm your cancellation</li>
                </ol>
                <p class="text-gray-600 mb-4">
                    Your refund will be processed automatically based on the cancellation timeline above.
                </p>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">2. Golfer Cancellation Policy</h2>
                <p class="text-gray-600 mb-4">
                    We expect Golfers to honor their commitments to Clients. However, we understand that emergencies happen.
                </p>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">2.1 Golfer Cancellation</h3>
                <p class="text-gray-600 mb-4">
                    If a Golfer cancels a booking:
                </p>
                <ul class="list-disc pl-6 text-gray-600 mb-4">
                    <li>The Client receives a <strong>full refund (100%)</strong> regardless of timing</li>
                    <li>The Golfer's cancellation rate is recorded and may affect their standing on the platform</li>
                    <li>Repeated cancellations may result in account review or suspension</li>
                </ul>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">2.2 No-Show Policy</h3>
                <p class="text-gray-600 mb-4">
                    If a Golfer fails to show up for a confirmed booking without prior cancellation:
                </p>
                <ul class="list-disc pl-6 text-gray-600 mb-4">
                    <li>The Client receives a full refund</li>
                    <li>The Golfer's account may be subject to review or penalties</li>
                </ul>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">3. Weather-Related Cancellations</h2>
                <p class="text-gray-600 mb-4">
                    Golf is an outdoor sport, and weather can affect play. Our weather policy is as follows:
                </p>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">3.1 Severe Weather</h3>
                <p class="text-gray-600 mb-4">
                    In cases of severe weather (lightning, dangerous conditions):
                </p>
                <ul class="list-disc pl-6 text-gray-600 mb-4">
                    <li>Either party may cancel without penalty</li>
                    <li>Full refund is provided to the Client</li>
                    <li>We recommend rescheduling when possible</li>
                </ul>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">3.2 Light Rain/Mild Weather</h3>
                <p class="text-gray-600 mb-4">
                    For light rain or mild weather conditions where play is still possible:
                </p>
                <ul class="list-disc pl-6 text-gray-600 mb-4">
                    <li>We encourage both parties to proceed with the session</li>
                    <li>Rescheduling is preferred over cancellation</li>
                    <li>Standard cancellation policy applies if cancellation is chosen</li>
                </ul>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">4. Refund Processing</h2>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">4.1 Timeline</h3>
                <p class="text-gray-600 mb-4">
                    Refunds are typically processed within:
                </p>
                <ul class="list-disc pl-6 text-gray-600 mb-4">
                    <li><strong>1-3 business days:</strong> for refund initiation</li>
                    <li><strong>5-10 business days:</strong> for funds to appear in your account (depending on your bank)</li>
                </ul>

                <h3 class="text-xl font-semibold text-gray-800 mt-6 mb-3">4.2 Refund Method</h3>
                <p class="text-gray-600 mb-4">
                    Refunds are issued to the original payment method used for the booking. We cannot issue refunds to a different payment method.
                </p>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">5. Rescheduling</h2>
                <p class="text-gray-600 mb-4">
                    As an alternative to cancellation, we encourage rescheduling when possible:
                </p>
                <ul class="list-disc pl-6 text-gray-600 mb-4">
                    <li>Contact the Golfer directly through our messaging system</li>
                    <li>Agree on a new date and time that works for both parties</li>
                    <li>We will update the booking accordingly</li>
                    <li>No cancellation fees apply when rescheduling</li>
                </ul>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">6. Disputes</h2>
                <p class="text-gray-600 mb-4">
                    If you believe a refund was processed incorrectly or have a dispute:
                </p>
                <ol class="list-decimal pl-6 text-gray-600 mb-4">
                    <li>Contact our support team within 30 days of the booking</li>
                    <li>Provide your booking details and reason for dispute</li>
                    <li>Our team will review the case and respond within 48 hours</li>
                    <li>We may request additional information to resolve the dispute</li>
                </ol>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">7. Service Fees</h2>
                <p class="text-gray-600 mb-4">
                    The Fair Way Social charges a service fee on each booking. In the event of a refund:
                </p>
                <ul class="list-disc pl-6 text-gray-600 mb-4">
                    <li><strong>Client-initiated cancellation:</strong> Service fee is non-refundable</li>
                    <li><strong>Golfer-initiated cancellation:</strong> Full refund including service fee</li>
                    <li><strong>Weather-related cancellation:</strong> Full refund including service fee</li>
                </ul>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">8. Exceptional Circumstances</h2>
                <p class="text-gray-600 mb-4">
                    We understand that exceptional circumstances may arise. In cases of documented emergencies (medical, family emergency, etc.), please contact our support team. We may make exceptions to our standard policy on a case-by-case basis.
                </p>

                <h2 class="text-2xl font-bold text-gray-900 mt-8 mb-4">9. Contact Us</h2>
                <p class="text-gray-600 mb-4">
                    For questions about refunds or cancellations:
                </p>
                <div class="bg-gray-50 rounded-xl p-6">
                    <p class="text-gray-700 my-0">
                        <strong>The Fair Way Social - Support Team</strong><br>
                        Email: <a href="mailto:support@thefairwaysocial.com" class="text-green-600 hover:text-green-700">support@thefairwaysocial.com</a><br>
                        Response time: Within 24-48 hours
                    </p>
                </div>

            </div>
        </div>
    </section>

    {{-- Related Links --}}
    <section class="pb-8 bg-gray-50">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <h2 class="text-xl font-bold text-gray-900 mb-0">Related Policies</h2>
            <div class="grid md:grid-cols-3 gap-0">
                <a href="{{ route('page.terms') }}" class="bg-white p-4 rounded-xl hover:shadow-md transition">
                    <h3 class="font-semibold text-gray-900">Terms of Service</h3>
                    <p class="text-sm text-gray-600">Platform usage terms</p>
                </a>
                <a href="{{ route('page.privacy') }}" class="bg-white p-4 rounded-xl hover:shadow-md transition">
                    <h3 class="font-semibold text-gray-900">Privacy Policy</h3>
                    <p class="text-sm text-gray-600">How we handle your data</p>
                </a>
                <a href="{{ route('page.trust') }}" class="bg-white p-4 rounded-xl hover:shadow-md transition">
                    <h3 class="font-semibold text-gray-900">Trust & Safety</h3>
                    <p class="text-sm text-gray-600">How we keep you safe</p>
                </a>
            </div>
        </div>
    </section>
@endsection