<?php
if (session_status() == PHP_SESSION_NONE) {
    session_start();
}

if (!isset($_SESSION['user_logged_in']) || !$_SESSION['user_logged_in']) {
    header("Location: login.php");
    exit;
}
?>
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="UTF-8">
<title>Food Costing Dashboard</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<style>
    body {
        min-height: 100vh;
        
        margin: 0;
        background: #f9f9f9;
    }
    #sidebar {
        width: 250px;
        background: #343a40;
        color: #fff;
        display: flex;
        flex-direction: column;
        height: 100vh;
        padding: 0;
        position: fixed;
        overflow-y: auto;
    }
    #sidebar .sidebar-header {
        padding: 20px;
        background: #212529;
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
    }
    #sidebar ul {
        list-style: none;
        padding: 0;
        margin: 0;
        flex-grow: 1;
    }
    #sidebar ul li a {
        display: block;
        color: #f8f9fa;
        text-decoration: none;
        padding: 12px 20px;
    }
    #sidebar ul li a:hover, #sidebar ul li.active > a {
        background: #ffc107;
        color: #343a40;
        border-radius: 5px;
    }
    #sidebar .logout {
        padding: 15px 20px;
    }
    #content {
        flex-grow: 1;
        padding: 20px;
        
    }
    /* Converter Widget */
    #unit-converter {
        padding: 15px 20px;
        background: #212529;
        margin: 10px;
        border-radius: 8px;
    }
    #unit-converter h6 {
        color: #ffc107;
        margin-bottom: 10px;
        font-weight: bold;
    }
    #unit-converter input, #unit-converter select {
        margin-bottom: 5px;
    }
</style>
</head>
<body>

<nav id="sidebar">
    <div class="sidebar-header">🍴 Food Costing</div>
    <ul>
        <li><a href="index.php"><i class="bi bi-house-door text"></i> Αρχική</a></li>
        <li><a href="ingredient_list.php"><i class="bi bi-box-seam"></i> Υλικά</a></li>
        <li><a href="recipes_list.php"><i class="bi bi-journal-text"></i> Συνταγές προϊόντων</a></li>
        <li><a href="units_list.php"><i class="bi bi-rulers"></i> Μονάδες</a></li>
        <li><a href="products_bulk_edit.php"><i class="bi bi-cash-stack"></i> Τιμοκατάλογος</a></li>
        <li><a href="charts.php"><i class="bi bi-graph-up"></i> Στατιστικά</a></li>
    </ul>

    <!-- Unit Converter Widget -->
    <div id="unit-converter">
        <h6>Μετατροπέας Μονάδων</h6>
        <select id="conversionType" class="form-select form-select-sm">
            <!-- Βάρος -->
            <option value="kg_g">Κιλά → Γραμμάρια</option>
            <option value="g_kg">Γραμμάρια → Κιλά</option>
            <option value="mg_g">Μιλιγκράμ → Γραμμάρια</option>
            <option value="g_mg">Γραμμάρια → Μιλιγκράμ</option>
            <option value="tbsp_mg">Κουταλιά Σούπας → Μιλιγκράμ</option>
            <option value="tsp_mg">Κουταλάκι Γλυκού → Μιλιγκράμ</option>
            <option value="mg_tbsp">Μιλιγκράμ → Κουταλιά Σούπας</option>
            <option value="mg_tsp">Μιλιγκράμ → Κουταλάκι Γλυκού</option>
            <option value="t_cm">Μέτρο → Εκατοστά</option>
            <option value="cm_t">Εκατοστά → Μέτρο</option>
            <!-- Όγκος -->
            <option value="l_ml">Λίτρα → Μιλιλίτρα</option>
            <option value="ml_l">Μιλιλίτρα → Λίτρα</option>
        </select>
        <input type="number" id="inputValue" class="form-control form-control-sm" placeholder="Εισάγετε τιμή">
        <input type="text" id="outputValue" class="form-control form-control-sm" placeholder="Αποτέλεσμα" readonly>
        
        <small style="color:#fff;">Επίλεξε τη μετατροπή και γράψε στο πεδίο</small>
    </div>

    <div class="sidebar-header" style="font-weight: 300; font-size: 12px;">
        Create with ❤️ By CyberOn
    </div>

    <div class="logout">
        <a href="logout.php" class="btn btn-danger w-100"><i class="bi bi-door-open"></i> Αποσύνδεση</a>
    </div>
</nav>

<div id="content">
    <div class="container-fluid">
        <!-- Εδώ θα φορτώνεται το περιεχόμενο κάθε σελίδας -->
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

<script>
document.addEventListener('DOMContentLoaded', () => {
    const input = document.getElementById('inputValue');
    const output = document.getElementById('outputValue');
    const conversion = document.getElementById('conversionType');

    function convert() {
        let val = parseFloat(input.value);
        if (isNaN(val)) { output.value = ''; return; }

        let result;
        switch(conversion.value) {
            case 'kg_g': result = val * 1000; break;
            case 'g_kg': result = val / 1000; break;
            case 'mg_g': result = val / 1000; break;
            case 'g_mg': result = val * 1000; break;
            case 'tbsp_mg': result = val * 150; break; // 1 κουταλιά σούπας ≈ 15 γρ = 15000 mg
            case 'tsp_mg': result = val * 5; break; // 1 κουταλάκι γλυκού ≈ 5 γρ = 5000 mg
            case 'mg_tbsp': result = val / 150; break;
            case 'mg_tsp': result = val / 5; break;
            case 't_cm': result = val * 100; break;
            case 'cm_t': result = val / 100; break;
            case 'l_ml': result = val * 1000; break;
            case 'ml_l': result = val / 1000; break;
            default: result = val; break;
        }
        output.value = result;
    }

    input.addEventListener('input', convert);
    conversion.addEventListener('change', convert);
});
</script>

<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
    var u="//cyberon.gr/analytics/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '6']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>

</body>
</html>
