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

{% block stylesheets %}
    {{ encore_entry_link_tags('css/pages/company-check') }}
{% endblock %}

{% block javascripts %}
    {{ knp_pagination_rel_links(pagination) }}
    {{ encore_entry_script_tags('js/pages/company-check.min') }}
{% endblock %}

{% block body %}
<div class="content" id="company-check">

    {# <?php include_partial('global/flashes'); ?> #}

    {%- if pagination.getTotalItemCount > 0 %}
        {# <div class="tw-relative">
            <div class="ti-search">
                <label for="table-search" class="sr-only">Search</label>
                <div class="tw-relative tw-mt-1">
                    <div class="ti-icon-wrapper">
                        <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
                        </svg>
                    </div>
                    <input type="text" id="table-search" placeholder="Search for companies">
                </div>
            </div>
        </div> #}
        <div class="ti-table-wrapper table-responsive">
            <table class="ti-table">
                <caption>
                    Pending Company Check
                    <p>Select final details of companies and then approve them!</p>
                </caption>
                <thead>
                    <tr>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Id', 'c.id') }}</th>
                        <th scope="col" class="tw-whitespace-nowrap">{{ knp_pagination_sortable(pagination, 'Created at', 'cc.createdAt') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Name', 'c.name') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Website', 'c.website') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Description', 'c.description') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Email', 'c.email') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Phone', 'c.phone') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Default Language', 'c.defaultLanguage') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Review Count', 'c.reviewCount') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Review Score', 'c.reviewScore') }}</th>
                        <th scope="col">{{ knp_pagination_sortable(pagination, 'Category', 'cc.category') }}</th>
                        <th scope="col">{{ 'Additional Categories'|trans }}</th>
                        <th scope="col">{{ 'Logo'|trans }}</th>
                        <th scope="col">{{ 'Screenshot'|trans }}</th>
                        <th scope="col">{{ 'Address'|trans }}</th>
                        <th scope="col"><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>
                <tbody>
                    {% for companyChange in pagination %}
                    <tr id="approvement_{{ companyChange.id }}">
                        <th scope="row" class="tw-font-medium tw-text-gray-900 tw-whitespace-nowrap dark:tw-text-white">#{{ companyChange.company.getId() }}</th>
                        <td class="tw-whitespace-nowrap">{{ companyChange.createdAt | date('Y.m.d') }}<br>{{ companyChange.createdAt | date('H:i:s') }}</td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.names %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="name_{{ companyChange.id }}"
                                        id="name_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                        {%- if companyChange.company.getName() is same as(value) %} checked {% endif -%}
                                    >
                                    <label for="name_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.websites %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="website_{{ companyChange.id }}"
                                        id="website_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                        {%- if companyChange.company.getWebsite() is same as(value) %} checked {% endif -%}
                                    >
                                    <label for="website_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        {# <td>{{ companyChange.descriptions|join(', ')|raw }}</td> #}
                        <td>
                            <ul class="ti-radio-group">
                                {% for index, value in companyChange.descriptions %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="description_{{ companyChange.id }}"
                                        id="description_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ index }}"
                                        value="{{ value }}"
                                    >
                                    <label for="description_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ index }}">
                                        {{ value|split(' ')|slice(0,5)|join(' ') }} ({{ value|length }})
                                    </label>
                                    <textarea rows="6" name="final_description_{{ companyChange.id }}" id="final_description_{{ companyChange.id }}_{{ index }}">{{ value|raw }}</textarea>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.emails %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="email_{{ companyChange.id }}"
                                        id="email_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                        {%- if companyChange.company.getEmail() is same as(value) %} checked {% endif -%}
                                    >
                                    <label for="email_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.phones %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="phone_{{ companyChange.id }}"
                                        id="phone_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                        {%- if companyChange.company.getPhone() is same as(value) %} checked {% endif -%}
                                    >
                                    <label for="phone_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.defaultLanguages %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="defaultLanguage_{{ companyChange.id }}"
                                        id="defaultLanguage_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                        {%- if companyChange.company.getDefaultLanguage() in value %} checked {% endif -%}
                                    >
                                    <label for="defaultLanguage_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value|slug('_')|language_name }} ({{ value }})
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.reviewCounts %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="reviewCount_{{ companyChange.id }}"
                                        id="reviewCount_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                        {%- if companyChange.company.getReviewCount() is same as(value) %} checked {% endif -%}
                                    >
                                    <label for="reviewCount_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.reviewScores %}
                                <li>
                                    <input required
                                        type="radio"
                                        name="reviewScore_{{ companyChange.id }}"
                                        id="reviewScore_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                        {%- if companyChange.company.getReviewScore() == value %} checked {% endif -%}
                                    >
                                    <label for="reviewScore_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td >
                            <ul class="ti-radio-group">
                                {% for value in companyChange.mainCategories %}
                                <li>
                                    <input
                                        type="radio"
                                        name="category_{{ companyChange.id }}"
                                        id="category_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value|raw }}"
                                        {%- if companyChange.company.companyCategory and companyChange.company.companyCategory.getName() is same as(value) %} checked {% endif -%}
                                    >
                                    <label for="category_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value|raw }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for value in companyChange.addonCategories %}
                                <li>
                                    <input
                                        type="checkbox"
                                        name="categories_{{ companyChange.id }}[]"
                                        id="categories_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value|raw }}"
                                    >
                                    <label for="categories_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}">
                                        {{ value|raw }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td class="tw-align-top">
                            <ul class="ti-radio-group">
                                {% for value in companyChange.logos %}
                                <li>
                                    <input
                                        type="radio"
                                        name="logo_{{ companyChange.id }}"
                                        id="logo_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                    >
                                    <label for="logo_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}" class="!tw-p-1 !tw-bg-light-grey">
                                        <img src="{{ value }}" alt="{{ value }}" title="{{ value }}" />
                                    </label>
                                </li>
                                {% endfor %}
                                {% for value in companyChange.screenshots %}
                                <li>
                                    <input
                                        type="radio"
                                        name="screenshot_{{ companyChange.id }}"
                                        id="screenshot_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                    >
                                    <label for="screenshot_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}" class="!tw-p-1 !tw-bg-light-grey">
                                        <img src="{{ value }}" alt="{{ value }}" title="{{ value }}" />
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td class="tw-align-top">
                            <ul class="ti-radio-group">
                                {% for value in companyChange.screenshots %}
                                <li>
                                    <input
                                        type="radio"
                                        name="screenshot_{{ companyChange.id }}"
                                        id="screenshot_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}"
                                        value="{{ value }}"
                                    >
                                    <label for="screenshot_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ value|slug }}" class="!tw-p-1 !tw-bg-light-grey">
                                        <img src="{{ value }}" alt="{{ value }}" title="{{ value }}" />
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td>
                            <ul class="ti-radio-group">
                                {% for index, value in companyChange.addresses %}
                                {% set addressString = "#{value.country}, #{value.zip}, #{value.city},<br>#{value.street}" %}
                                {% set addressSlug = "#{value.country}-#{value.zip}-#{value.city}-#{value.street}"|slug %}
                                <li>
                                    <input
                                        type="checkbox"
                                        name="addresses_{{ companyChange.id }}[]"
                                        id="addresses_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ addressSlug }}"
                                        value="addresses_{{ index }}"
                                    >
                                    <label for="addresses_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ addressSlug }}">
                                        {{ addressString|raw }}
                                    </label>
                                </li>
                                {% endfor %}

                                {% for index, value in companyChange.addressString ?? [] %}
                                <li>
                                    <input
                                        type="checkbox"
                                        name="addresses_{{ companyChange.id }}[]"
                                        id="addresses_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ addressString|slug }}"
                                        value="addressString_{{ index }}"
                                    >
                                    <label for="addresses_{{ companyChange.id }}_{{ companyChange.company.getId() }}_{{ addressString|slug }}">
                                        {{ addressString }}
                                    </label>
                                </li>
                                {% endfor %}
                            </ul>
                        </td>
                        <td class="tw-text-right">
                            <a href="#" class="btn btn-sm btn-success btn-block btn-accept">Approve</a>
                            <a href="#" class="btn btn-sm btn-danger btn-block btn-decline">Decline</a>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <div class="content-box-footer">
            <div class="row">
                <div class="col-md-6 form-inline sm-max sm-mgtop-6 sm-text-center">
                    {{ knp_pagination_render(pagination) }}
                </div>
            </div>
        </div>
    {% else %}
        {{ include('components/_alert.html.twig', {id: 'no-record', type: 'info', message: 'No record found.'}) }}
    {% endif -%}
</div>
{% endblock %}