<?php 
session_start(); 

// אבטחה: אם המשתמש לא מחובר, הוא עובר לדף התחברות
if (!isset($_SESSION['user_id'])) {
    header("Location: login.php");
    exit();
}
?>
<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ShareIt - שיתוף אוכל</title>
    <link rel="stylesheet" href="../assets/css/main.css">
    <link rel="stylesheet" href="../assets/css/upload.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
</head>
<body>

    <header>
        <div class="header-right">
            <a href="../index.php">
                <img src="../assets/img/logo.jpeg" alt="ShareIt Logo" class="header-logo">
            </a>
        </div>
        <div id="user-info">
            שלום, <strong><?php echo $_SESSION['first_name']; ?></strong> | 
            <a href="../index.php">חזרה לפיד</a>
        </div>
    </header>

    <main class="upload-wrapper">
        <div class="upload-card">
            <div class="hero-brand-name" style="color: #d63031; font-size: 3rem; font-weight: 900; text-align: center; margin-bottom: 10px;">ShareIt</div>
            <h1>שתפו אוכל עם השכנים 🍎</h1>
            <p class="subtitle">העלו תמונה, ה- AI שלנו כבר יזהה מה זה!</p>
            
            <form action="../api/upload_item.php" method="POST" enctype="multipart/form-data">
                
                <div class="upload-section">
                    <label class="custom-file-upload">
                        <input type="file" name="item_image" id="imageInput" accept="image/*" required>
                        <span>📸 לחצו לבחירת תמונה או צילום</span>
                    </label>
                    <div id="preview-container">
                        <img id="imagePreview" src="#" alt="תצוגה מקדימה" style="display:none;">
                    </div>
                </div>

                <hr class="divider">

                <div class="location-section">
                    <h3>📍 איפה האוכל נמצא?</h3>
                    <div class="current-address-box">
                        מיקום נוכחי: <strong><?php echo $_SESSION['user_address'] ?? 'לא הוגדרה כתובת'; ?></strong>
                    </div>
                    
                    <label class="checkbox-container">
                        <input type="checkbox" id="toggleLocation">
                        <span class="checkmark"></span>
                        אני במיקום אחר כרגע
                    </label>

                    <div id="manual-location" class="hidden-section">
                        <p class="instruction">הזינו כתובת חדשה או גררו את הסמן במפה:</p>
                        <div class="address-grid">
                            <input type="text" id="city" placeholder="עיר">
                            <input type="text" id="street" placeholder="רחוב">
                            <input type="text" id="h_num" placeholder="מספר">
                        </div>
                        <div id="map"></div>
                    </div>

                    <input type="hidden" name="item_lat" id="item_lat" value="<?php echo $_SESSION['user_lat']; ?>">
                    <input type="hidden" name="item_lng" id="item_lng" value="<?php echo $_SESSION['user_lng']; ?>">
                    <input type="hidden" name="item_address" id="item_address" value="<?php echo $_SESSION['user_address']; ?>">
                </div>

                <button type="submit" class="btn-publish">פרסם פריט (ניתוח AI כבר יתבצע באופן אוטומטי) ✨</button>
            </form>
        </div>
    </main>

    <footer>
        <div class="footer-content">
            <div class="footer-links">
                <a href="#">אודות</a> | <a href="#">צרו קשר</a> | <a href="#">שאלות תשובות</a>
            </div>
            <p>© 2026 ShareIt - פלטפורמה קהילתית לשיתוף מזון</p>
        </div>
    </footer>

    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <script src="../assets/js/upload.js"></script>
</body>
</html> 