<?php include '../partials/header.php'; ?>

<!-- Add gradient background -->
<div class="fixed inset-0 bg-gradient-to-br from-secondary via-primary to-accent opacity-10 pointer-events-none"></div>

<!-- Add padding to account for fixed header -->
<div class="pt-24 sm:pt-28 md:pt-32 relative z-10">
    <!-- Hero Section -->
    <section class="relative bg-gradient-to-r from-secondary to-accent text-white py-16 md:py-24 overflow-hidden">
        <div class="absolute inset-0 bg-black/40"></div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="max-w-4xl mx-auto text-center">
                <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold mb-6 leading-tight">
                    Booking & Cancellation Policy
                </h1>
                <p class="text-lg md:text-xl text-white/90 max-w-3xl mx-auto leading-relaxed">
                    Important information about our booking procedures, payment terms, and cancellation policies
                </p>
            </div>
        </div>
        <!-- Decorative elements -->
        <div class="absolute top-0 right-0 w-64 h-64 bg-primary/20 rounded-full -translate-y-32 translate-x-32"></div>
        <div class="absolute bottom-0 left-0 w-48 h-48 bg-accent/20 rounded-full translate-y-24 -translate-x-24"></div>
    </section>

    <!-- Main Content -->
    <section class="py-16 md:py-20 bg-gradient-to-b from-gray-50 to-white">
        <div class="container mx-auto px-4">
            <div class="max-w-4xl mx-auto">
                <!-- Booking Policy -->
                <div class="bg-white rounded-2xl shadow-xl p-8 md:p-12 mb-12 border border-gray-100">
                    <div class="flex items-center mb-8">
                        <div class="bg-secondary/10 p-3 rounded-xl mr-4">
                            <i class="fas fa-calendar-check text-2xl text-secondary"></i>
                        </div>
                        <h2 class="text-3xl md:text-4xl font-bold text-dark">Booking Policy</h2>
                    </div>

                    <div class="space-y-8">
                        <!-- Reservations -->
                        <div>
                            <h3 class="text-xl font-semibold text-secondary mb-4 flex items-center">
                                <i class="fas fa-bookmark text-primary mr-3"></i>
                                Making Reservations
                            </h3>
                            <div class="bg-gray-50 p-6 rounded-xl space-y-4">
                                <p class="text-gray-700 leading-relaxed">
                                    <strong>Peak Season Bookings:</strong> All bookings during peak periods (December 15 - January 31, Easter holidays, and long weekends) require a minimum stay of 7 nights and must be made at least 30 days in advance.
                                </p>
                                <p class="text-gray-700 leading-relaxed">
                                    <strong>Off-Peak Season:</strong> Bookings can be made with as little as 24 hours notice, subject to availability. Minimum stay of 2 nights applies.
                                </p>
                                <p class="text-gray-700 leading-relaxed">
                                    <strong>Group Bookings:</strong> Groups of 4 or more sites must contact the office directly. Special rates and conditions may apply.
                                </p>
                            </div>
                        </div>

                        <!-- Payment Terms -->
                        <div>
                            <h3 class="text-xl font-semibold text-secondary mb-4 flex items-center">
                                <i class="fas fa-credit-card text-primary mr-3"></i>
                                Payment Terms
                            </h3>
                            <div class="bg-gray-50 p-6 rounded-xl space-y-4">
                                <p class="text-gray-700 leading-relaxed">
                                    <strong>Deposit Required:</strong> A 50% deposit is required to secure your booking. The remaining balance is due upon arrival.
                                </p>
                                <p class="text-gray-700 leading-relaxed">
                                    <strong>Accepted Payment Methods:</strong> We accept cash, EFTPOS, Visa, and Mastercard. American Express is not accepted.
                                </p>
                                <p class="text-gray-700 leading-relaxed">
                                    <strong>Bond:</strong> A $100 refundable bond is required for all cabin bookings and will be refunded within 7 days after departure, provided no damage has occurred.
                                </p>
                            </div>
                        </div>

                        <!-- Check-in/Check-out -->
                        <div>
                            <h3 class="text-xl font-semibold text-secondary mb-4 flex items-center">
                                <i class="fas fa-clock text-primary mr-3"></i>
                                Check-in & Check-out Times
                            </h3>
                            <div class="bg-gray-50 p-6 rounded-xl">
                                <div class="grid md:grid-cols-2 gap-6">
                                    <div>
                                        <h4 class="font-semibold text-dark mb-2">Check-in Times</h4>
                                        <ul class="space-y-2 text-gray-700">
                                            <li><strong>Cabins:</strong> 2:00 PM onwards</li>
                                            <li><strong>Camping Sites:</strong> 1:00 PM onwards</li>
                                            <li><strong>Late Arrivals:</strong> Contact office for arrangements</li>
                                        </ul>
                                    </div>
                                    <div>
                                        <h4 class="font-semibold text-dark mb-2">Check-out Times</h4>
                                        <ul class="space-y-2 text-gray-700">
                                            <li><strong>Cabins:</strong> 10:00 AM</li>
                                            <li><strong>Camping Sites:</strong> 11:00 AM</li>
                                            <li><strong>Late Checkout:</strong> Subject to availability (additional charges may apply)</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Cancellation Policy -->
                <div class="bg-white rounded-2xl shadow-xl p-8 md:p-12 mb-12 border border-gray-100">
                    <div class="flex items-center mb-8">
                        <div class="bg-accent/10 p-3 rounded-xl mr-4">
                            <i class="fas fa-calendar-times text-2xl text-accent"></i>
                        </div>
                        <h2 class="text-3xl md:text-4xl font-bold text-dark">Cancellation Policy</h2>
                    </div>

                    <div class="space-y-8">
                        <!-- Standard Cancellations -->
                        <div>
                            <h3 class="text-xl font-semibold text-secondary mb-4 flex items-center">
                                <i class="fas fa-info-circle text-primary mr-3"></i>
                                Standard Cancellation Terms
                            </h3>
                            <div class="bg-gray-50 p-6 rounded-xl space-y-4">
                                <div class="grid md:grid-cols-2 gap-6">
                                    <div class="bg-white p-4 rounded-lg border-l-4 border-green-500">
                                        <h4 class="font-semibold text-green-700 mb-2">More than 14 days notice</h4>
                                        <p class="text-gray-700">Full refund minus $25 administration fee</p>
                                    </div>
                                    <div class="bg-white p-4 rounded-lg border-l-4 border-yellow-500">
                                        <h4 class="font-semibold text-yellow-700 mb-2">7-14 days notice</h4>
                                        <p class="text-gray-700">50% refund of total booking amount</p>
                                    </div>
                                    <div class="bg-white p-4 rounded-lg border-l-4 border-orange-500">
                                        <h4 class="font-semibold text-orange-700 mb-2">3-7 days notice</h4>
                                        <p class="text-gray-700">25% refund of total booking amount</p>
                                    </div>
                                    <div class="bg-white p-4 rounded-lg border-l-4 border-red-500">
                                        <h4 class="font-semibold text-red-700 mb-2">Less than 3 days notice</h4>
                                        <p class="text-gray-700">No refund available</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Peak Season Policy -->
                        <div>
                            <h3 class="text-xl font-semibold text-secondary mb-4 flex items-center">
                                <i class="fas fa-star text-primary mr-3"></i>
                                Peak Season Cancellation Policy
                            </h3>
                            <div class="bg-red-50 border border-red-200 p-6 rounded-xl">
                                <p class="text-red-800 font-medium mb-4">
                                    <i class="fas fa-exclamation-triangle mr-2"></i>
                                    Special conditions apply for peak season bookings:
                                </p>
                                <ul class="space-y-2 text-red-700">
                                    <li>• <strong>More than 30 days:</strong> Full refund minus $50 administration fee</li>
                                    <li>• <strong>14-30 days:</strong> 50% refund of total booking amount</li>
                                    <li>• <strong>Less than 14 days:</strong> No refund available</li>
                                </ul>
                                <p class="text-red-700 mt-4 text-sm italic">
                                    Peak season: December 15 - January 31, Easter holidays, and long weekends
                                </p>
                            </div>
                        </div>

                        <!-- No Show Policy -->
                        <div>
                            <h3 class="text-xl font-semibold text-secondary mb-4 flex items-center">
                                <i class="fas fa-user-times text-primary mr-3"></i>
                                No Show Policy
                            </h3>
                            <div class="bg-gray-50 p-6 rounded-xl">
                                <p class="text-gray-700 leading-relaxed mb-4">
                                    If you fail to arrive on your scheduled check-in date without prior notification, your booking will be considered a "no show" and the following will apply:
                                </p>
                                <ul class="space-y-2 text-gray-700 pl-4">
                                    <li>• Full payment is forfeited with no refund</li>
                                    <li>• Your site/cabin may be released for other guests</li>
                                    <li>• Future bookings may require full payment in advance</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Special Circumstances -->
                <div class="bg-white rounded-2xl shadow-xl p-8 md:p-12 mb-12 border border-gray-100">
                    <div class="flex items-center mb-8">
                        <div class="bg-primary/10 p-3 rounded-xl mr-4">
                            <i class="fas fa-heart text-2xl text-primary"></i>
                        </div>
                        <h2 class="text-3xl md:text-4xl font-bold text-dark">Special Circumstances</h2>
                    </div>

                    <div class="space-y-6">
                        <div class="bg-blue-50 border border-blue-200 p-6 rounded-xl">
                            <h3 class="text-lg font-semibold text-blue-800 mb-3">
                                <i class="fas fa-umbrella mr-2"></i>
                                Weather Conditions
                            </h3>
                            <p class="text-blue-700">
                                In case of severe weather warnings or natural disasters that prevent safe travel, we may offer full refunds or the option to reschedule your booking at no additional charge.
                            </p>
                        </div>

                        <div class="bg-green-50 border border-green-200 p-6 rounded-xl">
                            <h3 class="text-lg font-semibold text-green-800 mb-3">
                                <i class="fas fa-plus-square mr-2"></i>
                                Medical Emergencies
                            </h3>
                            <p class="text-green-700">
                                Medical emergencies requiring hospitalization may be considered for special refund consideration. Medical documentation will be required.
                            </p>
                        </div>

                        <div class="bg-purple-50 border border-purple-200 p-6 rounded-xl">
                            <h3 class="text-lg font-semibold text-purple-800 mb-3">
                                <i class="fas fa-exchange-alt mr-2"></i>
                                Date Changes
                            </h3>
                            <p class="text-purple-700">
                                Changes to booking dates are subject to availability and may incur a $25 administration fee. Rate differences may apply for new dates.
                            </p>
                        </div>
                    </div>
                </div>

                <!-- Contact Information -->
                <div class="bg-gradient-to-r from-secondary to-accent text-white rounded-2xl p-8 md:p-12 text-center">
                    <h2 class="text-2xl md:text-3xl font-bold mb-6">Questions About Our Policies?</h2>
                    <p class="text-lg text-white/90 mb-8 max-w-2xl mx-auto">
                        Our friendly staff are here to help explain any aspect of our booking and cancellation policies.
                    </p>
                    <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
                        <a href="tel:0351871214" class="bg-white text-secondary hover:bg-gray-100 font-semibold py-3 px-8 rounded-lg transition-all duration-300 shadow-lg hover:shadow-xl flex items-center gap-2">
                            <i class="fas fa-phone"></i>
                            Call (03) 5187 1214
                        </a>
                        <a href="/contact" class="bg-primary text-dark hover:bg-primary/90 font-semibold py-3 px-8 rounded-lg transition-all duration-300 shadow-lg hover:shadow-xl flex items-center gap-2">
                            <i class="fas fa-envelope"></i>
                            Contact Us
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<?php include '../partials/footer.php'; ?>