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

{% block content %}
    <div class="card card-custom gutter-b">
        <div class="card-header flex-wrap border-0 pt-6 pb-0">
            <ul class="nav nav-dark nav-bold nav-tabs nav-tabs-line" data-remember-tab="tab_id" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#basic-info">{{ 'label.basic_info'|trans }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#parameters">{{ 'label.parameters'|trans }}</a>
                </li>
            </ul>
        </div>
        <div class="card-body">
            <div class="tab-content pt-3">
                <div class="tab-pane active" id="basic-info" role="tabpanel">
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.id'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.id }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'login.email'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.email }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.username'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.username }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.roles'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.roles ? user.roles|json_encode : '' }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.name'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.name }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.last_name'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.lastName }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.test'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ bool_to_icon(user.test) }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.verified'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ bool_to_icon(user.verified) }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.enabled'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ bool_to_icon(user.enabled) }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.deleted'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ bool_to_icon(user.deleted) }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.type_provider'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {% if user.typeProvider is not null %}
                                {{ attribute(constant('App\\Manager\\UserManager::CHOICES_FORM'), user.typeProvider)|trans }}
                            {% else %}
                                -
                            {% endif %}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.last_access'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.lastAccess ? user.lastAccess|date('Y-m-d H:i:s') : '-' }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.created_at'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.dateAdd ? user.dateAdd|date('Y-m-d H:i:s') : '-' }}
                        </div>
                    </div>
                    <div class="row mb-5">
                        <div class="col-md-6 text-right">
                            <strong>{{ 'label.updated_at'|trans }}</strong>
                        </div>
                        <div class="col-md-6 text-left">
                            {{ user.dateUpd ? user.dateUpd|date('Y-m-d H:i:s') : '-' }}
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="parameters" role="tabpanel">
                    <div class="card card-custom">
                        <div class="card-header flex-wrap border-0 pb-0">
                            <div class="card-toolbar">
                                <a href="#" id="js-create-parameter" class="btn btn-primary font-weight-bolder">
                <span class="svg-icon svg-icon-md">
                    <svg xmlns="http://www.w3.org/2000/svg"
                         width="24px"
                         height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <rect x="0" y="0" width="24" height="24"></rect>
                            <circle fill="#000000" cx="9" cy="15" r="6"></circle>
                            <path d="M8.8012943,7.00241953 C9.83837775,5.20768121 11.7781543,4 14,4 C17.3137085,4 20,6.6862915 20,10 C20,12.2218457 18.7923188,14.1616223 16.9975805,15.1987057 C16.9991904,15.1326658 17,15.0664274 17,15 C17,10.581722 13.418278,7 9,7 C8.93357256,7 8.86733422,7.00080962 8.8012943,7.00241953 Z"
                                  fill="#000000" opacity="0.3"></path>
                        </g>
                    </svg>
                </span>{{ 'label.create_parameter'|trans }}
                                </a>
                            </div>
                        </div>
                        <div class="card-body">
                            {% if user.userParameters.count > 0 %}
                                <table id="user-parameter-list" class="table">
                                    <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">{{ 'label.name'|trans }}</th>
                                        <th scope="col">{{ 'label.value'|trans }}</th>
                                        <th scope="col">{{ 'label.actions'|trans }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for parameter in user.userParameters %}
                                        <tr>
                                            <th scope="row">{{ loop.index }}</th>
                                            <td>{{ attribute(constant('App\\Manager\\UserParameterManager::CHOICES_FORM'), parameter.name)|trans }}</td>
                                            <td>{{ parameter.value }}</td>
                                            <td>
                                                <div>
                                                    <a href="#"
                                                       data-href="{{ path('user_show_parameter_edit_get', { 'id': parameter.user.id, 'id_parameter': parameter.id }) }}"
                                                       rel="tooltip" title="{{ 'label.edit'|trans }}"
                                                       class="js-edit-user-parameter btn btn-sm btn-clean btn-icon mr-1"
                                                       role="button">
                                                        <span class="fa fa-pencil-square-o" aria-hidden="true"></span>
                                                    </a>
                                                    <a href="{{ path('user_show_parameter_delete', { 'id': parameter.user.id, 'id_parameter': parameter.id }) }}"
                                                       rel="tooltip" title="{{ 'label.delete'|trans }}"
                                                       class="btn btn-sm btn-clean btn-icon mr-1" role="button"
                                                       onclick="return confirm('{{ 'label.sure_delete_item'|trans }}')">
                                                        <span class="fa fa-trash" aria-hidden="true"></span>
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            {% else %}
                                <p>{{ 'label.user_not_has_parameters'|trans }}</p>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer">
            {{ include('user/_delete_form.html.twig') }}
            <a class="btn btn-secondary"
               href="{{ path('user_index') }}">{{ button_label|default('label.cancel')|trans }}</a>
        </div>
    </div>

    <div class="modal fade" id="modal-create-parameter" tabindex="-1" role="dialog"
         aria-labelledby="staticBackdrop" aria-hidden="true">
        <div class="modal-dialog" data-backdrop="static" role="document">
            {{ form_start(form_create_parameter) }}
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-title">{{ 'label.create_parameter'|trans }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <i aria-hidden="true" class="ki ki-close"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group row">
                        {{ form_label(form_create_parameter.name, null, {'label_attr': {'class': 'col-form-label text-left col-lg-6 col-sm-12'}}) }}
                        {{ form_widget(form_create_parameter.name, {'attr': {'class': 'form-control form-control-solid h-auto py-6 px-6 rounded-lg font-size-h6', 'placeholder': 'label.name'|trans}}) }}
                    </div>
                    <div class="form-group row">
                        {{ form_label(form_create_parameter.value, null, {'label_attr': {'class': 'col-form-label text-left col-lg-6 col-sm-12'}}) }}
                        {{ form_widget(form_create_parameter.value, {'attr': {'class': 'form-control form-control-solid h-auto py-6 px-6 rounded-lg font-size-h6', 'placeholder': 'label.value'|trans}}) }}
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light-primary font-weight-bold"
                            data-dismiss="modal">{{ 'label.close'|trans }}</button>
                    <button id="create-user-parameter" type="submit"
                            class="btn btn-primary font-weight-bold">{{ 'label.create'|trans }}</button>
                </div>
            </div>
            <input type="hidden" id="create_user_parameter_url_refresh_user" name="url_refresh_user"
                   value="{{ path('user_show', { 'id': user.id }) }}">
            {{ form_end(form_create_parameter) }}
        </div>
    </div>

    <div class="modal fade" id="modal-edit-parameter" tabindex="-1" role="dialog"
         aria-labelledby="staticBackdrop" aria-hidden="true">
        <div class="modal-dialog" data-backdrop="static" role="document"></div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    {{ encore_entry_script_tags('user-show') }}
{% endblock %}