{% extends "base.html" %}
{% block title %}{{ listing.title }} — Marketplace{% endblock %}
{% block content %}
<div class="max-w-3xl mx-auto px-4 py-12">
    <a href="{{ url_for('marketplace.index') }}" class="text-sm text-slate-400 hover:text-white transition mb-4 inline-block">&larr; العودة للسوق</a>
    <div class="glass p-8 rounded-xl border border-white/10">
        <h1 class="text-2xl font-bold text-white mb-2">{{ listing.title }}</h1>
        <p class="text-slate-400 mb-4">{{ listing.description }}</p>
        <div class="flex items-center gap-4 mb-6">
            <span class="text-2xl text-gold-400 font-bold">${{ "%.2f"|format(listing.price) }}</span>
            <span class="text-xs text-slate-500">{{ listing.views }} مشاهدة • {{ listing.purchases }} شراء</span>
        </div>
        {% if listing.seller_id != current_user.id %}
        <form method="POST" action="{{ url_for('marketplace.purchase', listing_id=listing.id) }}">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button type="submit" class="w-full bg-gold-500/20 border border-gold-500/30 text-gold-400 px-6 py-3 rounded-lg font-medium hover:bg-gold-500/30 transition">شراء الآن</button>
        </form>
        {% else %}
        <div class="text-center text-slate-500 text-sm">هذه دراستك</div>
        {% endif %}
    </div>
</div>
{% endblock %}