{% extends 'admin/@layout.html.twig' %}

{% set pageName = 'page_name_currency_index'|trans({}, 'admin') %}

{% block content %}
    <section class="content" data-controller="currency">
        <form action="" method="post">
            <div class="card col-8">
                <div class="card-header">
                    <div class="row">
                        <div class="col-2">
                            {{ 'enabled_currencies'|trans({}, 'admin') }}
                        </div>
                        <div class="col-7">
                            <div class="form-group">
                                <div class="custom-control custom-switch">
                                    <div class="form-check">
                                        <input type="checkbox" id="auto_update_exchange_rates"
                                               name="auto_update_exchange_rates"
                                               class="custom-control-input form-check-input" novalidate="novalidate"
                                               value="1"
                                               {% if autoUpdateEnabled %}checked="checked"{% endif %}
                                        >
                                        <label class="custom-control-label form-check-label"
                                               for="auto_update_exchange_rates">
                                            {{ 'form_auto_update_exchange_rates'|trans({}, 'admin') }}
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-3 text-right">
                            <span class="btn btn-outline-success"
                                  id="download-actual-exchange-rates"
                                  data-action="click->currency#downloadActualExchangeRates"
                            >
                                <i class="fa-solid fa-download"></i>
                                {{ 'button_download_actual_exchange_rates'|trans({}, 'admin') }}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    {% if shopCurrencies|length %}
                        <table class="table no-first-border no-footer enabled-currencies">
                            <thead>
                            <tr>
                                <th>
                                    {{ 'td.default'|trans({}, 'admin') }}
                                </th>
                                <th>
                                    {{ 'td.currency_name'|trans({}, 'admin') }}
                                </th>
                                <th>
                                    {{ 'td.currency_symbol'|trans({}, 'admin') }}
                                </th>
                                <th>
                                    {{ 'td.exchange_rate'|trans({}, 'admin') }}
                                </th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for currency in shopCurrencies %}
                                {{ _self.enableCurrencyTableRow(currency) }}
                            {% endfor %}
                            </tbody>
                        </table>
                    {% else %}
                        {{ component('alert', {type: 'info', message: 'alert_no_enabled_currencies', translationDomain: 'admin'}) }}
                    {% endif %}
                </div>
                <div class="card-footer text-right">
                    <twig:admin:button_save/>
                </div>
            </div>
        </form>


        <div class="card col-6">
            <div class="card-header">
                {{ 'available_currencies'|trans({}, 'admin') }}
            </div>
            <div class="card-body">
                {% if availableCurrencies|length %}
                    <table class="table no-first-border no-footer">
                        <thead>
                        <tr>
                            <th>{{ 'td.currency_name'|trans({}, 'admin') }}</th>
                            <th>{{ 'td.currency_code'|trans({}, 'admin') }}</th>
                            <th>{{ 'td.currency_symbol'|trans({}, 'admin') }}</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for currency in availableCurrencies %}
                            {{ _self.availableCurrencyTableRow(currency) }}
                        {% endfor %}
                        </tbody>
                    </table>
                {% else %}
                    {{ component('alert', {type: 'info', message: 'alert_no_available_currencies', translationDomain: 'admin'}) }}
                {% endif %}
            </div>
        </div>
    </section>
{% endblock %}

{% macro availableCurrencyTableRow(currency) %}
    <tr data-country-code="{{ currency.isoCode|lower }}">
        <td class="currency-name">
            {{ currency.name }}
        </td>
        <td>
            {{ currency.isoCode }}
        </td>
        <td>
            {{ currency.symbol }}
        </td>
        <td class="text-right">
            <a href="{{ path('admin_shop_currency_add', {
                'id': currency.id,
            }) }}"
               class="btn bg-primary"
            >
                <i class="fa fa-plus"></i>
                {{ 'button_add'|trans({}, 'admin') }}
            </a>
        </td>
    </tr>
{% endmacro %}

{% macro enableCurrencyTableRow(shopCurrency) %}
    {% set currency = shopCurrency.currency %}
    <tr class="enabled-currency-item" data-iso="{{ currency.isoCode }}">
        <td class="currency-default">
            <input type="radio" name="default_currency"
                   data-action="change->currency#changeDefaultCurrency"
                   class="input-default"
                   value="{{ shopCurrency.id }}"
                   {% if shopCurrency.default %}checked="checked"{% endif %}
            />
        </td>
        <td class="currency-name">
            {{ currency.name }}
        </td>
        <td class="currency-symbol">
            {{ currency.symbol }}
        </td>
        <td class="currency-exchange-rate">
            <input type="number" min="0.0001" step="0.0001" name="currency[{{ shopCurrency.id }}][exchange_rate]"
                   placeholder="0.0000"
                   {% if shopCurrency.default %}readonly{% endif %}
                   value="{{ shopCurrency.exchangeRate }}"
                   class="form-control exchange-rate">
        </td>
        <td class="text-right table-actions">
            <a href="{{ path('admin_shop_currency_remove', {
                'id': shopCurrency.id,
            }) }}"
               class="btn bg-danger"
               data-delete-confirm="{{ 'alert_admin_currency_remove'|trans({'{value}': currency.name}, 'admin') }}"
            >
                {{ 'button_remove'|trans({}, 'admin') }}
            </a>
        </td>
    </tr>
{% endmacro %}