{% extends 'base.html' %}

{% block title %}Discount Details: {{ discount.code }}{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0">Discount Details: {{ discount.code }}</h5>
        <div>
            <a href="{% url 'discount_update' discount.pk %}" class="btn btn-primary btn-sm">Edit</a>
            <a href="{% url 'discount_list' %}" class="btn btn-secondary btn-sm">Back to List</a>
        </div>
    </div>
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-md-6">
                <h6 class="text-muted">Basic Information</h6>
                <table class="table table-borderless">
                    <tr>
                        <th style="width: 150px;">Code:</th>
                        <td><span class="badge bg-primary">{{ discount.code }}</span></td>
                    </tr>
                    <tr>
                        <th>Description:</th>
                        <td>{{ discount.description|default:"-" }}</td>
                    </tr>
                    <tr>
                        <th>Status:</th>
                        <td>
                            {% if discount.is_active %}
                                <span class="badge bg-success">Active</span>
                            {% else %}
                                <span class="badge bg-danger">Inactive</span>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th>Single Use:</th>
                        <td>{{ discount.single_use|yesno:"Yes,No" }}</td>
                    </tr>
                </table>
            </div>
            <div class="col-md-6">
                <h6 class="text-muted">Validity</h6>
                <table class="table table-borderless">
                    <tr>
                        <th style="width: 150px;">Valid From:</th>
                        <td>{{ discount.valid_from|default:"-" }}</td>
                    </tr>
                    <tr>
                        <th>Valid Until:</th>
                        <td>{{ discount.valid_until|default:"-" }}</td>
                    </tr>
                    <tr>
                        <th>Created At:</th>
                        <td>{{ discount.created_at }}</td>
                    </tr>
                    <tr>
                        <th>Updated At:</th>
                        <td>{{ discount.updated_at }}</td>
                    </tr>
                </table>
            </div>
        </div>

        <hr>

        <div class="row mb-4">
            <div class="col-md-6">
                <h6 class="text-muted">Discount Rules</h6>
                <table class="table table-borderless">
                    <tr>
                        <th style="width: 150px;">Type:</th>
                        <td>{{ discount.get_discount_type_display }}</td>
                    </tr>
                    {% if discount.discount_type == 'percentage' %}
                    <tr>
                        <th>Percentage:</th>
                        <td>{{ discount.discount_percentage }}%</td>
                    </tr>
                    <tr>
                        <th>Max Discount:</th>
                        <td>{{ discount.max_discount_amount|default:"No Limit" }}</td>
                    </tr>
                    {% else %}
                    <tr>
                        <th>Amount:</th>
                        <td>{{ discount.discount_amount }}</td>
                    </tr>
                    {% endif %}
                    <tr>
                        <th>Min Order Amount:</th>
                        <td>{{ discount.minimum_amount }}</td>
                    </tr>
                </table>
            </div>
            <div class="col-md-6">
                <h6 class="text-muted">Usage Limits</h6>
                <table class="table table-borderless">
                    <tr>
                        <th style="width: 150px;">Max Uses (Total):</th>
                        <td>{{ discount.maximum_uses_total|default:"Unlimited" }}</td>
                    </tr>
                    <tr>
                        <th>Max Uses (Per User):</th>
                        <td>{{ discount.maximum_uses_per_user|default:"Unlimited" }}</td>
                    </tr>
                </table>
            </div>
        </div>

        <hr>

        <div class="row">
            <div class="col-12">
                <h6 class="text-muted">Applicability</h6>
                
                <div class="mb-3">
                    <strong>Brands:</strong><br>
                    {% if discount.apply_to_all_brands %}
                        {% for brand in discount.apply_to_all_brands %}
                            <span class="badge bg-info text-dark me-1">{{ brand }}</span>
                        {% endfor %}
                    {% else %}
                        <span class="text-muted">All Brands</span>
                    {% endif %}
                </div>

                <div class="mb-3">
                    <strong>Products:</strong><br>
                    {% if discount.apply_to_all_products %}
                        {% for product in discount.apply_to_all_products %}
                            <span class="badge bg-info text-dark me-1">{{ product }}</span>
                        {% endfor %}
                    {% else %}
                        <span class="text-muted">All Products</span>
                    {% endif %}
                </div>

                <div class="mb-3">
                    <strong>Services:</strong><br>
                    {% if discount.apply_to_all_services %}
                        {% for service in discount.apply_to_all_services %}
                            <span class="badge bg-info text-dark me-1">{{ service }}</span>
                        {% endfor %}
                    {% else %}
                        <span class="text-muted">All Services</span>
                    {% endif %}
                </div>
            </div>
        </div>

    </div>
</div>
{% endblock %}