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

{% block title %}{{'Suppliers'|trans}}{% endblock %}
{% block page_title %}{{'Suppliers'|trans}}{% endblock %}
{% block breadcrumb %}
    <li class="breadcrumb-item active" aria-current="page">{{'Suppliers'|trans}}</li>
{% endblock %}

{% block buttons %}
    <a href="{{ path('supplier') }}" class="btn btn-outline-primary"><i class="bi bi-plus-square"></i> {{'Add'|trans}}</a>
{% endblock %}

{% block body %}

{% for label, messages in app.flashes %}
    <div class="alert alert-{{ label }}">
        {% for message in messages %}
            <p>{{ message }}</p>
        {% endfor %}
    </div>
{% endfor %}

<div class="card bg-white border-0 rounded-3 mb-4">
    <div class="card-body p-4">
        <table class="table">
            <thead>
                <tr>
                    <th class="w-5">#</th>
                    <th class="col-md-1">{{'Code'|trans}}</th>
                    <th>{{'Name'|trans}}</th>
                    <th class="text-right" width="20%">{{'Actions'|trans}}</th>
                </tr>
            </thead>
            <tbody>
                {% for supplier in suppliers %}
                    <tr>
                        <td>{{ supplier.id }}</td>
                        <td>{{ supplier.code }}</td>
                        <td><a href="{{ path('supplier', {'id': supplier.id}) }}">{{ supplier.name }}</a></td>
                        <td class="text-right">
                            <a href="{{ path('supplier', {'id': supplier.id}) }}" class="btn btn-sm btn-primary"><i class="bi bi-pen"></i> {{'Edit'|trans}}</a>
                            <a href="{{ path('delete_supplier', {'id': supplier.id}) }}" class="btn btn-sm btn-danger"><i class="bi bi-trash"></i> {{'Delete'|trans}}</a>
                        </td>                
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}