{% extends "base.html" %}

{% block content %}
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-lg-8 col-xl-7">
      <div class="card border-0 shadow-lg rounded-3 p-4 p-md-5 text-center">
        <div class="display-1 text-success mb-3">🎉</div>
        <h2 class="fw-bold text-body mb-2">{{ t_shop('order_success', 'Comandă Înregistrată cu Succes!') }}</h2>
        <p class="text-secondary mb-4">{{ t_shop('order_success_msg', 'Îți mulțumim pentru comandă! Numărul comenzii tale este') }} <strong class="text-primary">#{{ order.order_number }}</strong>.</p>

        <!-- Informatii Comandă -->
        <div class="bg-body-tertiary p-4 rounded-3 text-start mb-4">
          <h5 class="fw-bold mb-3 border-bottom pb-2">{{ t_shop('order_details', '📦 Detalii Comandă') }}</h5>
          <div class="row g-2 small">
            <div class="col-sm-6">
              <span class="text-secondary">{{ t_shop('customer', 'Client') }}:</span> <strong>{{ order.customer_name }}</strong>
            </div>
            <div class="col-sm-6">
              <span class="text-secondary">{{ t_shop('email', 'E-mail') }}:</span> <strong>{{ order.customer_email }}</strong>
            </div>
            <div class="col-sm-6">
              <span class="text-secondary">{{ t_shop('payment_method_label', 'Metodă Plată') }}:</span> <strong class="text-uppercase">{{ order.payment_method }}</strong>
            </div>
            <div class="col-sm-6">
              <span class="text-secondary">{{ t_shop('payment_status', 'Status Plată') }}:</span> 
              {% if order.payment_status == 'paid' %}
              <span class="badge bg-success">{{ t_shop('paid', 'Plătit') }}</span>
              {% else %}
              <span class="badge bg-warning text-dark">{{ t_shop('pending', 'În așteptare') }}</span>
              {% endif %}
            </div>
          </div>

          <h6 class="fw-bold mt-4 mb-2">{{ t_shop('ordered_products', 'Produse Comandate:') }}</h6>
          <ul class="list-group list-group-flush mb-0">
            {% for item in order.order_items %}
            <li class="list-group-content list-group-item bg-transparent d-flex justify-content-between align-items-center px-0 py-2">
              <div>
                <strong>{{ item.product_title }}</strong> (x{{ item.quantity }})
              </div>
              <span class="fw-bold text-primary">{{ "%.2f"|format(item.unit_price * item.quantity) }} {{ currency }}</span>
            </li>
            {% endfor %}
          </ul>
          <div class="d-flex justify-content-between align-items-center pt-3 border-top mt-2">
            <span class="fw-bold">{{ t_shop('total_amount', 'Total General:') }}</span>
            <span class="fs-4 fw-bold text-primary">{{ "%.2f"|format(order.total_amount) }} {{ currency }}</span>
          </div>
        </div>

        <!-- Buton Descărcare Fișier Digital (Dacă produsul e virtual) -->
        {% if has_digital and order.download_token %}
        <div class="card bg-primary text-white border-0 p-4 mb-4 text-center">
          <h4 class="fw-bold mb-2">{{ t_shop('digital_ready', '📥 Fișierul tău digital este gata!') }}</h4>
          <p class="small mb-3">{{ t_shop('digital_download_info', 'Poți descărca fișierul digital apăsând pe butonul de mai jos:') }}</p>
          <div>
            <a href="/shop/download/{{ order.download_token }}" class="btn btn-light btn-lg fw-bold text-primary shadow px-4">
              {{ t_shop('download_file', '⬇️ Descarcă Fișierul Now') }}
            </a>
          </div>
        </div>
        {% endif %}

        <div class="d-flex gap-3 justify-content-center">
          <a href="/shop" class="btn btn-outline-primary fw-semibold px-4">
            {{ t_shop('back_to_shop', '🛒 Înapoi la Magazin') }}
          </a>
          <a href="/" class="btn btn-primary fw-semibold px-4">
            {{ t_shop('back_to_home', '🏠 Înapoi pe Prima Pagină') }}
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}