Files
menu-miam/templates/menu.html
2026-03-23 20:21:04 +01:00

143 lines
8.5 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Menu de la semaine</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
<div class="container">
<div class="top-nav no-print">
<a href="{{ url_for('recettes') }}" class="btn">📚 Gérer mes recettes</a>
<a href="{{ url_for('accompagnements') }}" class="btn btn-info">🥗 Gérer les accompagnements</a>
<a href="{{ url_for('stats') }}" class="btn btn-success">📊 Statistiques</a>
<button onclick="window.print()" class="btn btn-print">🖨️ Imprimer</button>
</div>
<h1>🍽️ Menu de la semaine</h1>
<!-- Navigation semaine -->
<div class="week-nav no-print">
<form method="POST" action="{{ url_for('change_week') }}" style="display: inline;">
<input type="hidden" name="offset" value="{{ offset - 1 }}">
<button type="submit">◀ Semaine précédente</button>
</form>
<h2>Semaine du {{ start_date }} au {{ end_date }}</h2>
<form method="POST" action="{{ url_for('change_week') }}" style="display: inline;">
<input type="hidden" name="offset" value="{{ offset + 1 }}">
<button type="submit">Semaine suivante ▶</button>
</form>
</div>
<!-- Grille menu -->
<div class="menu-grid">
{% for day in days %}
<div class="day-card" id="{{ day.name }}">
<h3>{{ day.name }}</h3>
<p class="date">{{ day.date }}</p>
{% for meal_type in ['Midi', 'Soir'] %}
<div class="meal-slot">
<h4>{{ meal_type }}</h4>
{% set meal_key = day.name + '_' + meal_type %}
{% if menu.get(meal_key) %}
<div class="recipe-card">
<div class="recipe-info">
<!-- 🔗 NOM DE LA RECETTE CLIQUABLE VERS LA PAGE D'ÉDITION -->
<div class="recipe-name">
<a href="{{ url_for('edit_recette', id=menu[meal_key]['id']) }}" class="recipe-title-link no-print">{{ menu[meal_key]['nom'] }}</a>
<span class="print-only">{{ menu[meal_key]['nom'] }}</span>
</div>
{% if menu[meal_key].get('ingredients') %}
<details class="ingredients-details" open>
<summary>📝 Ingrédients</summary>
<pre>{{ menu[meal_key]['ingredients'] }}</pre>
</details>
{% endif %}
<!-- ✅ ACCOMPAGNEMENTS AVEC AJOUT/SUPPRESSION -->
<div class="recipe-accompagnements">
<strong>🥗 Accompagnements</strong>
{% if menu[meal_key].get('accompagnements') and menu[meal_key]['accompagnements']|length > 0 %}
<ul>
{% for acc in menu[meal_key]['accompagnements'] %}
<li>
<strong>{{ acc['nom'] }}</strong>
{% if acc['descriptif'] %}
<em class="acc-descriptif">{{ acc['descriptif'] }}</em>
{% endif %}
<!-- ✅ BOUTON POUR RETIRER L'ACCOMPAGNEMENT -->
<form method="POST" action="{{ url_for('remove_accompagnement_from_menu') }}" class="inline-form no-print">
<input type="hidden" name="day" value="{{ day.name }}">
<input type="hidden" name="meal" value="{{ meal_type }}">
<input type="hidden" name="accompagnement_id" value="{{ acc['id'] }}">
<input type="hidden" name="offset" value="{{ offset }}">
<input type="hidden" name="anchor" value="{{ day.name }}">
<button type="submit" class="delete-acc-btn" title="Retirer cet accompagnement"></button>
</form>
</li>
{% endfor %}
</ul>
{% endif %}
<!-- ✅ DROPDOWN POUR AJOUTER UN ACCOMPAGNEMENT -->
<form method="POST" action="{{ url_for('add_accompagnement_to_menu') }}" class="add-acc-form no-print">
<input type="hidden" name="day" value="{{ day.name }}">
<input type="hidden" name="meal" value="{{ meal_type }}">
<input type="hidden" name="offset" value="{{ offset }}">
<input type="hidden" name="anchor" value="{{ day.name }}">
<select name="accompagnement_id" onchange="this.form.submit()">
<option value="" disabled selected>Ajouter un accompagnement...</option>
{% for acc in tous_accompagnements %}
<option value="{{ acc['id'] }}">{{ acc['nom'] }}</option>
{% endfor %}
</select>
</form>
</div>
{% if menu[meal_key].get('lien') %}
<div class="recipe-link">
<a href="{{ menu[meal_key]['lien'] }}" target="_blank" class="no-print">🔗 Voir la recette</a>
<span class="print-only">🔗 {{ menu[meal_key]['lien'] }}</span>
</div>
{% endif %}
</div>
<form method="POST" action="{{ url_for('remove_from_menu') }}" class="no-print">
<input type="hidden" name="day" value="{{ day.name }}">
<input type="hidden" name="meal" value="{{ meal_type }}">
<input type="hidden" name="offset" value="{{ offset }}">
<input type="hidden" name="anchor" value="{{ day.name }}">
<button type="submit" class="delete-btn">🗑️</button>
</form>
</div>
{% else %}
<form method="POST" action="{{ url_for('add_to_menu') }}" class="no-print">
<input type="hidden" name="day" value="{{ day.name }}">
<input type="hidden" name="meal" value="{{ meal_type }}">
<input type="hidden" name="offset" value="{{ offset }}">
<input type="hidden" name="anchor" value="{{ day.name }}">
<select name="recette_id" onchange="this.form.submit()">
<option value="">-- Choisir --</option>
{% for recette in recettes|sort(attribute='nom') %}
<option value="{{ recette['id'] }}">{{ recette['nom'] }}</option>
{% endfor %}
</select>
</form>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</body>
</html>