{% extends "main/main.html" %}
{% block content %}
<div class="mb-4">
  <a href="{{ url_for('main.galeri') }}" class="text-sm text-brand-600 hover:underline"><i class="fas fa-arrow-left"></i> Kembali ke Galeri</a>
</div>

<div class="bg-white rounded-2xl shadow-card overflow-hidden">
  <img src="{{ url_for('static', filename='upload/galeri/' + foto.gambar) }}" alt="{{ foto.judul }}" class="w-full max-h-[520px] object-contain bg-slate-50">
  <div class="p-6">
    <h1 class="text-2xl font-bold text-slate-800">{{ foto.judul }}</h1>
    <p class="text-sm text-slate-400 mt-1">{{ foto.tanggaldibuat.strftime('%d %B %Y') }}</p>
    {% if foto.deskripsi %}
    <div class="prose max-w-none mt-4 text-slate-600 leading-relaxed">{{ foto.deskripsi|safe }}</div>
    {% endif %}
  </div>
</div>
{% endblock content %}