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

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

{% block content %}
    <div {{ stimulus_controller('shop-settings') }}>
        <div class="row">
            <div class="col-6">
                {{ _self.showTaxForm(taxForm, taxes, mutations) }}
                {{ _self.showAddressForm(addressForm) }}
            </div>
            <div class="col-6">
                {{ _self.showConfigurationForm(configurationForm) }}
            </div>
        </div>
    </div>
{% endblock %}

{% macro showAddressForm(addressForm) %}
    <div class="card">
        <div class="address-block">
            {{ form_start(addressForm) }}
            <div class="card-header text-bold">
                {{ 'card_title_settings_shop_address'|trans({}, 'admin') }}
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        {{ form_row(addressForm.companyName) }}
                    </div>
                    <div class="col-6">
                        {{ form_label(addressForm.companyIn) }}
                        <div class="in-controller mb-3">
                            {{ form_widget(addressForm.companyIn) }}
                            {{ form_errors(addressForm.companyIn) }}
                        </div>
                        <button type="button"
                                class="btn btn-success mb-3" {{ stimulus_action('shop-settings', 'getAresData', 'click') }}>
                            {{ 'button_ares'|trans({}, 'admin') }}
                        </button>
                    </div>
                    <div class="col-6">
                        {{ form_row(addressForm.companyTin) }}
                    </div>
                    <div class="col-6">
                        {{ form_row(addressForm.street) }}
                    </div>
                    <div class="col-3">
                        {{ form_row(addressForm.city) }}
                    </div>
                    <div class="col-3">
                        {{ form_row(addressForm.postalCode) }}
                    </div>
                    <div class="col-6">
                        {{ form_row(addressForm.country) }}
                    </div>
                    <div class="col-6">
                    </div>
                    <div class="col-6">
                        {{ form_row(addressForm.email) }}
                    </div>
                    <div class="col-6">
                        {{ form_row(addressForm.phone) }}
                    </div>
                </div>
            </div>
            {{ _self.cardFooter() }}
            {{ form_end(addressForm) }}
        </div>
    </div>
{% endmacro %}

{% macro showTaxForm(taxForm, taxes, mutations) %}
    <div class="card">
        <div class="address-block">
            {{ form_start(taxForm) }}
            <div class="card-header text-bold">
                <div class="custom-control custom-checkbox">
                    <input class="custom-control-input" name="tax_payer" type="checkbox" id="tax-payer"
                           {% if shop.taxPayer %}checked{% endif %}
                            {{ stimulus_action('shop-settings', 'toggleTaxPayer', 'change') }}
                    >
                    <label for="tax-payer"
                           class="custom-control-label text-bold">{{ 'card_title_tax_payer'|trans({}, 'admin') }}</label>
                </div>
            </div>
            <div class="card-body{% if not shop.taxPayer %} d-none{% endif %}">
                <div class="row">
                    <div class="col-12">
                        {% if taxes|length %}
                            <table class="table">
                                <tr>
                                    <th>{{ 'mutation'|trans({}, 'admin') }}</th>
                                    <th>{{ 'dt.columns.tax'|trans({}, 'admin') }} %</th>
                                    <th></th>
                                </tr>
                                {% for tax in taxes %}
                                    <tr class="tax-row" data-id="{{ tax.id }}">
                                        <td>
                                            {{ tax.mutation.name|trans({}, 'admin') }}
                                        </td>
                                        <td class="col-3">
                                            <div class="input-group mb-3">
                                                <input type="number" class="form-control text-right" step=".1"
                                                       name="taxes[{{ tax.id }}]" value="{{ tax.taxValue }}">
                                                <div class="input-group-append">
                                                    <span class="input-group-text">%</span>
                                                </div>
                                            </div>
                                        </td>
                                        <td class="text-right col-3">
                                            <span class="action action-small remove text-danger"
                                                  title="{{ 'help_remove_tax'|trans({}, 'admin') }}"
                                                    {{ stimulus_action('shop-settings', 'removeTax', 'click') }}
                                            >
                                                <i class="fa-solid fa-trash"></i>
                                                {{ 'button_remove'|trans({}, 'admin') }}
                                            </span>
                                        </td>
                                    </tr>
                                {% endfor %}
                            </table>
                        {% endif %}
                    </div>
                </div>
                <div class="row">
                    <div class="col-6">
                        {{ form_widget(taxForm.mutation) }}
                    </div>
                    <div class="col-6">
                        <div class="input-group mb-3">
                            {{ form_widget(taxForm.taxValue) }}
                            <div class="input-group-append">
                                <button class="btn btn-primary">
                                    {{ 'button_add_tax'|trans({}, 'admin') }}
                                </button>
                            </div>
                            {{ form_errors(taxForm.taxValue) }}
                        </div>
                    </div>
                </div>
            </div>
            {{ _self.cardFooter() }}
            {{ form_end(taxForm) }}
        </div>
    </div>
{% endmacro %}

{% macro showConfigurationForm(configurationForm, taxes, mutations) %}
<div class="card">
    <div class="address-block">
        {{ form_start(configurationForm) }}
        <div class="card-header text-bold">
            {{ 'card_title_configuration'|trans({}, 'admin') }}
        </div>
        <div class="card-body{% if not shop.taxPayer %} d-none{% endif %}">
            <div class="row">
                <div class="col-5">
                    {{ form_label(configurationForm.defaultWeight) }}
                </div>
                <div class="col-7">
                    {{ form_widget(configurationForm.defaultWeight) }}
                </div>
            </div>
        </div>
        {{ _self.cardFooter() }}
        {{ form_end(configurationForm) }}
    </div>
</div>
{% endmacro %}

{% macro cardFooter() %}
    <div class="card-footer text-right">
        <twig:button_save/>
    </div>
{% endmacro %}