{% extends "base.html" %}
{% set page_title = "Guest Information - Five Cities Orchid Society" %}

{% block content %}
<div class="container-fluid px-4">
    <div class="row">
        <div class="col-12">
            <!-- Header -->
            <div class="text-center mb-5">
                <img src="https://images.squarespace-cdn.com/content/v1/5d5995eb100bdf0001a87d2a/88b92b6f-736d-4547-bd8d-ab0fd05d2630/Five+Cities+Orchid+Society-FF-01.png?format=1500w" 
                     alt="Five Cities Orchid Society" class="img-fluid mb-4" style="max-height: 200px;">
                <h1 class="display-4 text-primary mb-3">Welcome Guests!</h1>
                <p class="lead text-muted">Your guide to visiting Five Cities Orchid Society</p>
            </div>

            <div class="row">
                <div class="col-lg-8 mx-auto">
                    
                    <!-- Welcome Message -->
                    <div class="card mb-5 border-success">
                        <div class="card-header bg-success text-white">
                            <h3 class="mb-0"><i class="fas fa-heart"></i> We Help Our Members Grow Better Orchids</h3>
                        </div>
                        <div class="card-body">
                            <p class="card-text lead">Five Cities Orchid Society is located on the Central California Coast, mid-way between Los Angeles and San Francisco. We enjoy a temperate Mediterranean climate allowing us to grow many types of orchids outdoors.</p>
                            <p class="card-text">We serve not only our local orchid community but through our monthly Zoom meetings and newsletter we now reach a global audience. <strong>You're invited to join us!</strong></p>
                        </div>
                    </div>

                    <!-- Meeting Information -->
                    <div class="card mb-4">
                        <div class="card-header">
                            <h3 class="text-primary mb-0"><i class="fas fa-video"></i> Monthly Zoom Meetings</h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <h5><i class="fas fa-calendar-alt text-success"></i> When</h5>
                                    <p><strong>Second Thursday of each month</strong><br>
                                    7:00 PM - 9:00 PM Pacific Time</p>
                                </div>
                                <div class="col-md-6">
                                    <h5><i class="fas fa-laptop text-success"></i> How to Join</h5>
                                    <p>Subscribe to our <a href="https://lp.constantcontactpages.com/sl/2eiSzYb" target="_blank">FCOS newsletter</a> to receive monthly Zoom links and passwords</p>
                                </div>
                            </div>
                            <div class="alert alert-info mt-3">
                                <i class="fas fa-globe"></i> <strong>Global Welcome:</strong> We attract a global audience for our Zoom presentations and welcome visitors from anywhere in the world!
                            </div>
                        </div>
                    </div>

                    <!-- What to Expect -->
                    <div class="card mb-4">
                        <div class="card-header">
                            <h3 class="text-primary mb-0"><i class="fas fa-star"></i> What to Expect</h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="text-center mb-3">
                                        <i class="fas fa-chalkboard-teacher fa-3x text-success"></i>
                                        <h5 class="mt-2">Expert Presentations</h5>
                                        <p class="small">Learn from renowned orchid experts and hybridizers</p>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="text-center mb-3">
                                        <i class="fas fa-users fa-3x text-success"></i>
                                        <h5 class="mt-2">Friendly Community</h5>
                                        <p class="small">Connect with experienced growers ready to help</p>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="text-center mb-3">
                                        <i class="fas fa-question-circle fa-3x text-success"></i>
                                        <h5 class="mt-2">Ask Questions</h5>
                                        <p class="small">Get answers from members with decades of experience</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- In-Person Events -->
                    <div class="card mb-4">
                        <div class="card-header">
                            <h3 class="text-primary mb-0"><i class="fas fa-map-marker-alt"></i> In-Person Events</h3>
                        </div>
                        <div class="card-body">
                            <h5 class="text-success">OrchidFest 2025</h5>
                            <p><strong>June 28-29, 2025</strong> • Nipomo High School, Olympic Hall</p>
                            <p>Our annual orchid show and sale featuring vendors, displays, demonstrations, and expert advice. <strong>$5 admission, children under 12 free.</strong></p>
                            
                            <h5 class="text-success mt-4">Social Gatherings</h5>
                            <ul>
                                <li><strong>Summer BBQ</strong> - June with silent auction</li>
                                <li><strong>Holiday Party</strong> - December with silent auction</li>
                                <li><strong>Toucan Terrace Events</strong> - Special gatherings in Pismo Beach</li>
                            </ul>
                            
                            <div class="alert alert-success">
                                <i class="fas fa-car"></i> <strong>Free Parking:</strong> All our events feature ample free parking for your convenience.
                            </div>
                        </div>
                    </div>

                    <!-- Getting Started -->
                    <div class="card mb-4">
                        <div class="card-header">
                            <h3 class="text-primary mb-0"><i class="fas fa-seedling"></i> New to Orchids?</h3>
                        </div>
                        <div class="card-body">
                            <p class="lead">Perfect! We specialize in helping beginners succeed.</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <h6><i class="fas fa-book text-success"></i> Garden Talks</h6>
                                    <p class="small">Our educational presentations cover:</p>
                                    <ul class="small">
                                        <li>Growing Phalaenopsis (moth orchids)</li>
                                        <li>Getting orchids to re-bloom</li>
                                        <li>Outdoor growing in coastal areas</li>
                                    </ul>
                                </div>
                                <div class="col-md-6">
                                    <h6><i class="fas fa-play text-success"></i> Member Videos</h6>
                                    <p class="small">Watch our YouTube channel:</p>
                                    <ul class="small">
                                        <li>Greenhouse tours</li>
                                        <li>Care demonstrations</li>
                                        <li>Species profiles</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Contact Information -->
                    <div class="card mb-5">
                        <div class="card-header">
                            <h3 class="text-primary mb-0"><i class="fas fa-envelope"></i> Contact Us</h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <h6>Questions About Meetings?</h6>
                                    <p>Use our <a href="/contact" target="_blank">"Contact Us"</a> form to request Zoom information or ask any questions.</p>
                                </div>
                                <div class="col-md-6">
                                    <h6>Want to Present to Your Group?</h6>
                                    <p>Our members give garden talks to local clubs and organizations. Contact us to schedule a presentation!</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <!-- Call to Action -->
            <div class="text-center mb-5">
                <a href="https://lp.constantcontactpages.com/sl/2eiSzYb" target="_blank" class="btn btn-success btn-lg me-3">
                    <i class="fas fa-envelope"></i> Subscribe to Newsletter
                </a>
                <a href="/fcos/member-benefits" class="btn btn-outline-primary btn-lg">
                    <i class="fas fa-info-circle"></i> Learn About Membership
                </a>
            </div>

            <!-- Quote -->
            <div class="text-center text-muted">
                <p class="fst-italic">"Entertaining and informative speakers at our meetings and help from our more experienced members means everyone's thumb can turn a little greener with membership in Five Cities Orchid Society"</p>
            </div>

        </div>
    </div>
</div>
{% endblock %}