142 lines
8.4 KiB
HTML
142 lines
8.4 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>
|
|
<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>
|