{% autoescape %}
<!DOCTYPE html>
<html lang="{{ current_locale }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ app_name }}</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    <link rel="stylesheet" href="style.css"> <!-- Custom CSS -->
</head>
<body>

    {% include 'partials/navbar.twig' %}

    <div class="container-fluid mt-4">
        <div class="row">
            <div class="col-md-3 col-lg-2 d-none d-md-block sidebar">
                {% include 'partials/sidebar.twig' %}
            </div>
            <div class="col-md-9 col-lg-10 content">
                <div id="main-content">
                    {% block content %}
                    <!-- Content will be loaded here via AJAX -->
                    {% endblock %}
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap JS Bundle -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <!-- Translated messages for JS -->
    <script>
        window.translations = {
            deletePartConfirm: "{{ delete_part_confirm|escape('js') }}",
            deleteCategoryConfirm: "{{ delete_category_confirm|escape('js') }}"
        };
    </script>
    <!-- Custom JS -->
    <script src="js/app.js"></script>
</body>
</html>
{% endautoescape %}