<?php
/**
 * Template Name: Contact Page
 * Template Post Type: page
 */
get_header();
?>

<!-- Hero section -->
<section class="page-hero">
    <div class="hero-content">
        <h1><?php the_title(); ?></h1>
        <p>Let's plan your next adventure together</p>
    </div>
</section>

<!-- Contact section -->
<section class="contact">
    <div class="container">
        <div class="contact-grid">
            <div class="contact-info">
                <h2>Get in Touch</h2>
                <div class="info-item">
                    <i class="fas fa-map-marker-alt"></i>
                    <p>123 Travel Street, Adventure City</p>
                </div>
                <div class="info-item">
                    <i class="fas fa-phone"></i>
                    <p>+386 41 444 290</p>
                </div>
                <div class="info-item">
                    <i class="fas fa-envelope"></i>
                    <p>info@grilctours.com</p>
                </div>
                <div class="social-links">
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                </div>
            </div>
            <div class="contact-form">
                <?php echo do_shortcode('[contact-form-7 id="contact-form" title="Contact Form"]'); ?>
                
                <!-- Fallback form if Contact Form 7 is not installed -->
                <form>
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text" id="name" name="name" required>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="subject">Subject</label>
                        <input type="text" id="subject" name="subject" required>
                    </div>
                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" name="message" rows="5" required></textarea>
                    </div>
                    <button type="submit" class="btn-submit">Send Message</button>
                </form>
            </div>
        </div>
    </div>
</section>

<?php get_footer(); ?> 