{% extends 'merchant/base.html.twig' %}

{% block body %}
    <div class="row align-items-center">
        <div class="col-10">
            <h1>Your offers</h1>
        </div>

        <div class="col-2 text-right">
            <a href="{{ url('merchant_offers_create') }}" class="btn btn-success">Add offer</a>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <table class="table table-striped">
                <thead class="thead-dark">
                <tr>
                    <th>Name</th>
                    <th>Categories</th>
                    <th>Price</th>
                    <th>Available vouchers</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for offer in offers %}
                    <tr>
                        <td>{{ offer.title }}</td>
                        <td>
                            {% for category in offer.categories %}
                                {{ category.name }}<br>
                            {% endfor %}
                        </td>
                        <td>{{ offer.price | money_format }}</td>
                        <td>{{ offer.availableVouchers }}</td>
                        <td>
                            <a href="{{ url('merchant_offers_generate_vouchers', {offerId: offer.id}) }}">Generate vouchers</a>
                            <br>
                            <a href="{{ url('merchant_offers_update', {offerId: offer.id}) }}">Update</a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}