<?php
require_once 'config.php';
include 'session_check.php';

// spracovanie odoslania formulára
$message_sent = false;
$error_message = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // získanie a validácia údajov z formulára
    $name = trim($_POST['name'] ?? '');
    $email = filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL);
    $subject = trim($_POST['subject'] ?? '');
    $message_text = trim($_POST['message'] ?? '');

    if ($name === '' || $subject === '' || $message_text === '') {
        $error_message = 'Please fill in all fields.';
    } elseif (!$email) {
        $error_message = 'Please enter a valid email address.';
    } else {
        try {
            $stmt = $pdo->prepare("INSERT INTO contact_messages (name, email, subject, message) VALUES (?, ?, ?, ?)");
            $stmt->execute([$name, $email, $subject, $message_text]);
            $message_sent = true;
        } catch (PDOException $e) {
            error_log('contact form: ' . $e->getMessage());
            $error_message = 'Failed to send message. Please try again.';
        }
    }
}

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - ShoeBox</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header" style="background: #fff !important;">
        <div class="container">
            <div class="navbar">
                <div class="logo">
                    <a href="index.php"><img src="obrazky/logo.png" width="125px"></a>
                </div>
                <nav>
                    <ul id="MenuItems">
                        <li><a href="index.php">Home</a></li>
                        <li><a href="products.php">Product</a></li>
                        <li><a href="about.php">About</a></li>
                        <li><a href="contact.php">Contact</a></li>
                        <?php if ($is_logged_in): ?>
                            <li><a href="account.php"><?php echo htmlspecialchars($username); ?></a></li>
                            <?php if ($is_admin): ?><li><a href="admin/index.php">Admin</a></li><?php endif; ?>
                            <li><a href="logout.php">Logout</a></li>
                        <?php else: ?>
                            <li><a href="account.php">Login/Register</a></li>
                        <?php endif; ?>
                    </ul>
                </nav>
                <a href="cart.php"><img src="obrazky/cart.svg" class="cart-icon" width="30px" height="30px"></a>
                <img src="obrazky/menu.png" class="menu-icon" onclick="menutoggel()">
            </div>
        </div>
    </div>
    <!-- Contact Page Content -->
    <div class="small-container contact-page" style="padding: 50px 0;">
        <h2 class="title">Contact Us</h2>
        <div class="row">
            <div class="col-2" style="flex-basis: 60%; padding-right: 20px;">
                 <h3>Send us a Message</h3>
                 <?php if ($message_sent): ?>
                    <p style="color: green; border: 1px solid green; padding: 10px; margin-bottom: 15px;">Thank you for your message! We will get back to you shortly.</p>
                 <?php else: ?>
                    <?php if ($error_message): ?>
                        <p style="color: red; border: 1px solid red; padding: 10px; margin-bottom: 15px;"><?= htmlspecialchars($error_message) ?></p>
                    <?php endif; ?>
                    <form action="contact.php" method="POST" id="contactForm">
                        <input type="text" name="name" placeholder="Your Name" required value="<?= isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '' ?>">
                        <input type="email" name="email" placeholder="Your Email" required value="<?= isset($_POST['email']) ? htmlspecialchars($_POST['email']) : '' ?>">
                        <input type="text" name="subject" placeholder="Subject" required value="<?= isset($_POST['subject']) ? htmlspecialchars($_POST['subject']) : '' ?>">
                        <textarea name="message" placeholder="Your Message" rows="6" required style="width: 100%; resize: none; box-sizing: border-box; padding: 10px;"><?= isset($_POST['message']) ? htmlspecialchars($_POST['message']) : '' ?></textarea>
                        <button type="submit" class="btn">Send Message</button>
                    </form>
                 <?php endif; ?>
            </div>
            <div class="col-2" style="flex-basis: 40%;">
                <h3>Contact Information</h3>
                <p><i class="fa fa-map-marker"></i> 123 ShoeBox Street, Cityville, ST 12345</p>
                <p><i class="fa fa-phone"></i> +1 234 567 890</p>
                <p><i class="fa fa-envelope-o"></i> contact@shoebox.example.com</p> <!-- Use your actual email -->
                <br>
                <h3>Business Hours</h3>
                <p>Monday - Friday: 9:00 AM - 6:00 PM</p>
                <p>Saturday: 10:00 AM - 4:00 PM</p>
                <p>Sunday: Closed</p>
            </div>
        </div>
    </div>

    
    <div class="footer">
        <div class="container">
            <div class="row">
                  <div class="footer-col-1">
                    <h3>Download Our App</h3>
                    <p>Download App for Android and IOS Mobile phone.</p>
                    <br>
                    <div class="app-logo">
                        <img src="obrazky/play-store.png">
                        <img src="obrazky/app-store.png">
                    </div>
                </div>
                <div class="footer-col-2">
                    <img src="obrazky/logo-white.png">
                    <p>Our Purpose Is To Sustainably Make the Pleasure and Benefits of Sports Accessible to the Many</p>
                </div>
                <div class="footer-col-3">
                    <h3>Useful Links</h3>
                    <ul>
                        <li>Cupons</li>
                        <li>Blog Post</li>
                        <li>Return Policy</li>
                        <li>Join Affliate</li>
                    </ul>
                </div>
                <div class="footer-col-4">
                    <h3>Follow us</h3>
                    <ul>
                        <li>Facebook</li>
                        <li>Twitter</li>
                        <li>Instagram</li>
                        <li>YouTube</li>
                    </ul>
                </div>
            </div>
            <hr>
            <p class="copyright">Copyright 2025 Alex Melicher</p>
        </div>
    </div>

    
    <script>
        var MenuItems = document.getElementById("MenuItems");
        MenuItems.style.maxHeight = "0px";
        function menutoggel() {
            if(MenuItems.style.maxHeight == "0px") {
                MenuItems.style.maxHeight = "200px"
            } else {
                MenuItems.style.maxHeight = "0px"
            }
        }
    </script>
</body>
</html> 