{% extends 'base.html' %}
{% load course_tags %}
{% block title %}خرید دوره {{ course.name }} | آکادمی مهبد نتاج{% endblock %}
{% block content %}
<section class="checkout-page">
  <div class="checkout-card">
    <div class="checkout-summary">
      <span class="badge-gold">خلاصه سفارش</span>
      <h1>{{ course.name }}</h1>
      <p>{{ course.tagline|default:'دسترسی کامل به محتوای آموزشی این دوره' }}</p>
      <div class="checkout-price-list">
        {% if course.is_free %}
          <div><span>هزینه ثبت‌نام</span><strong class="price-free">رایگان</strong></div>
        {% else %}
          <div><span>قیمت اصلی دوره</span><strong {% if course.discount_percent %}class="old-checkout-price"{% endif %}>{{ course.price|toman }}</strong></div>
          {% if course.discount_percent %}
            <div class="discount-row"><span>تخفیف {{ course.discount_percent|fa_number }} درصدی</span><strong>− {{ course.discount_amount|toman }}</strong></div>
          {% endif %}
          <div class="checkout-total"><span>مبلغ قابل پرداخت</span><strong>{{ course.effective_price|toman }}</strong></div>
        {% endif %}
      </div>
      <ul class="checkout-benefits"><li><i class="bi bi-check-circle-fill"></i> دسترسی امن به ویدیوهای دوره</li><li><i class="bi bi-check-circle-fill"></i> دریافت فایل‌ها و ابزارهای تکمیلی</li><li><i class="bi bi-check-circle-fill"></i> دسترسی از پنل اختصاصی دانشجو</li></ul>
    </div>
    <div class="checkout-action">
      <div class="checkout-icon"><i class="bi bi-bag-check"></i></div>
      <h2>{% if course.is_free %}ثبت‌نام رایگان{% else %}پرداخت امن با زرین‌پال{% endif %}</h2>
      <p>خریدار: <strong>{{ user.name|default:user.phone }}</strong></p>
      {% if pending_order %}<div class="pending-notice"><i class="bi bi-hourglass-split"></i><span>یک سفارش در انتظار تأیید برای این دوره دارید.</span></div>{% endif %}
      <form method="post">{% csrf_token %}<button type="submit" class="btn-emerald checkout-submit"><i class="bi bi-shield-check"></i>{% if course.is_free %}افزودن دوره به پنل من{% else %}پرداخت {{ course.effective_price|toman }}{% endif %}</button></form>
      <small>{% if course.is_free %}دسترسی شما بلافاصله فعال می‌شود.{% else %}پس از پرداخت موفق، مستقیماً وارد صفحه مشاهده دوره می‌شوید.{% endif %}</small>
    </div>
  </div>
</section>
{% endblock %}
