{% extends '/admin/authenticated/layout/base.html.twig' %}

{% import '/admin/components/helpers_macro.html.twig' as helpers %}


{% block title %}
    Quotes
{% endblock %}

{% block content %}

    {{ helpers.notifications_success() }}
    {{ helpers.notifications_error() }}
    {{ helpers.notifications_warning() }}

    <div class="card card-outline card-primary">
        <div class="card-header card-header-compressed">
            <strong class="font-20">Quotes</strong>
            <div class="card-tools">
                <a href="{{ path('bo_quote_create') }}" class="btn btn-sm btn-success">
                    <i class="fas fa-plus"></i>
                    Create
                </a>
            </div>
        </div>
        <div class="card-body table-responsive">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th style="width: 200px;">Author</th>
                    <th>Quote</th>
                    <th style="width: 100px;">Status</th>
                    <th style="width: 100px;"></th>
                </tr>
                </thead>
                <tbody>
                {% for item in quotes %}
                    <tr id="quoteRow-{{ item.id }}"
                        data-url-remove="{{ path('bo_quote_remove', {id: item.id}) }}"
                        class="rowquote">
                        <td>{{ item.author }}</td>
                        <td>{{ item.text|raw }}</td>
                        <td>{{ helpers.booleanIcon(item.active) }}</td>
                        <td>
                            <div class="text-right">
                                <a href="{{ path('bo_quote_edit', {id: item.id}) }}"
                                   class="btn btn-outline-info btn-xs"
                                   type="button"
                                   title="Edit">
                                    <i class="fa-solid fa-pen"></i>
                                </a>
                                <button class="btn btn-outline-danger btn-xs btnRemoveQuoteFromList"
                                        type="button"
                                        title="Delete">
                                    <i class="fa-solid fa-trash"></i>
                                </button>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
                <tr class="rowNoFoundData {{ quotes|length > 0 ? 'd-none' }}">
                    <td colspan="4" class="text-center">No data found.</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    {% include '/admin/authenticated/quote/_modalRemoveQuote.html.twig' %}
    {{ helpers.form_processing() }}
{% endblock %}