{% extends "base.html" %}{% block title %}Détail Film{% endblock %}{% block content %}
<a href="javascript:history.back()" class="text-sm text-indigo-600 dark:text-indigo-400 hover:underline">← Retour</a>
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow p-6 mt-3 border">
  <div class="flex gap-6">
    <div>{% if m.poster %}<img src="{{ m.poster }}" alt="poster" class="w-40 object-cover rounded-xl shadow">{% else %}<div class="w-40 h-60 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>{% endif %}</div>
    <div class="flex-1">
      <h1 class="text-2xl font-bold mb-2">{{ m.nom }}</h1>
      <div class="text-gray-600 dark:text-gray-300 mb-4">{% if m.year %}<span class="mr-2">{{ m.year }}</span>{% endif %}{% if m.pays %}<span class="mr-2">• {{ m.pays }}</span>{% endif %}{% if m.date %}<span class="mr-2">• {{ m.date }}</span>{% endif %}</div>
      {% if m.titre %}<div class="mb-2"><span class="font-medium">Titre original :</span> {{ m.titre }}</div>{% endif %}
      {% if m.acteurs %}<div class="mb-2"><span class="font-medium">Acteurs :</span> {{ m.acteurs }}</div>{% endif %}
      {% if m.desc %}<div class="mt-4"><h2 class="font-semibold mb-1">Résumé</h2><p class="whitespace-pre-wrap">{{ m.desc }}</p></div>{% endif %}
      {% if m.path %}<div class="mt-4"><h2 class="font-semibold mb-1">Chemin</h2><code class="text-sm">{{ m.path }}</code></div>{% endif %}
    </div>
  </div>
</div>
{% endblock %}