{% extends "base.html" %}
{% block title %}{{ m.nom }} - Détail{% 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 border-gray-200 dark:border-gray-700">
  <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 %}