{% extends '@EasyAdmin/default/show.html.twig' %}

{% block head_custom_stylesheets %}
    {{parent()}}
    <style>
        .content-wrapper{
            display: block;
        }
        .cont-chip .badge{
            border: none;
            font-size: 100%;
            cursor: pointer;
        }
    </style>
{% endblock head_custom_stylesheets %}

{% block wrapper %}
    {# for invitate client of provider if user is ADMIN#}
    {% if is_granted('ROLE_ADMIN') %}
        <br>
            <buttaon data-toggle="modal" data-target="#invitate-client" type="button" class="btn btn-outline-primary btn-lg btn-send-invitation">
                <span class="link-new">
                    {{'Invitate Clients'|trans}}
                </span>
                <i class="s-24 icon-mail-envelope-closed2"></i>
            </buttaon>
        <br>
    
        <div class="modal fade" id="invitate-client" tabindex="-1" role="dialog" aria-labelledby="invitate-client" aria-hidden="true">
            <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                <h5 class="modal-title" >
                    {{'Invitate Client'| trans}}
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                </div>
                <form action="{{path('send_invitation_client')}}" method="POST">
                    <div class="modal-body">
                        <div>
                            <h3>{{'Enter the email of the client'| trans}}</h3>
                        </div>
                        <br>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-12">
                                    <input type="hidden" value="{{entity.id}}" name="provider_id">
                                    <input type="text" required="required" class="form-control" id="email_send" name="email_send">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                    <button  type="submit" class="btn btn-primary">{{'Send Invitation'| trans}}</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'Close'| trans}}</button>
                    </div>
                </form>
            </div>
            </div>
        </div>
    {% endif %}
    {{ parent() }}
{% endblock wrapper %}

{% block title_entity %}
    <div>
        <div class="image mr-3 float-left">
            {% if entity.image is defined %}
                {% if not entity.image is null %}
                    <img class="user_avatar no-p" src="{{asset('uploads/images/user/'~entity.image)}}" alt="">
                {% else %}
                    <img class="user_avatar no-p" src="{{asset('img/avatar.jpg')}}" />
                {% endif %}
            {% else %}
                <img class="user_avatar no-b no-p r-5" src="{{asset('img/avatar.jpg')}}" />
            {% endif %}
        </div>
        <div>
            <h6 class="p-t-10 avatar-name ">
                {% if entity.companyName is defined %}
                    {{entity.companyName}}
                {% else %}
                    {{entity.username}}
                {% endif %}
            </h6>
            {% if entity.email is defined %}
                {{entity.email}}
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block actions_tabs %}
    <li>
        <a class="nav-link active" id="v-pills-clients-tab" title="{{ 'Information'| trans }}" href="#">
            <i class="fa-icon_proveedores_off icon-form"></i>
            <span class="link-new">
                {{ 'Information'| trans }}    
            </span>
        </a>
    </li>
    {% if is_granted('ROLE_ADMIN') %}
        <li>
            <a class="nav-link" id="v-pills-clients-tab" title="{{ 'Clients'| trans }}" href="{{path('easyadmin',{'entity':'Client', 'action':'list'}) }}">
                <i class="icon-group off-icon icon-form"></i>
                <span class="link-new">
                    {{ 'Clients'| trans }}    
                </span>
            </a>
        </li>
        <li>
            <a class="nav-link" id="v-pills-clients-tab" title="{{ 'Orders'| trans}}" href="{{path('easyadmin',{'entity':'OrderClient', 'action':'list','idProvider':entity.id}) }}">
                <i class="icon-shopping_cart off-icon icon-form"></i>
                <span class="link-new">
                    {{ 'Orders'| trans }}    
                </span>
            </a>
        </li>
        <li>
            <a class="nav-link" id="v-pills-products-tab" title="{{'products'| trans }}" href="{{path('easyadmin',{'action':'list', 'entity':'Product' , 'idProvider':entity.id }) }}">
                <i class="s-22 icon-shopping_basket"></i>
                <span class="link-new">
                    {{ 'Products'|trans }}
                </span>
            </a>
        </li>
    {% endif %}

    {{ parent() }}
{% endblock %}

{% block content %}
    <div class="content container-fluid animatedParent animateOnce infoClient">
        <div class="row">
            <div class="col-12 my-auto">
                <div class="card card-block shadow d-flex" style="min-height: 275px">
                    <div class="card-body">
                        <div class="content-header p-0 mb-3">
                            <div class="d-flex flex-row justify-content-between align-content-center w-100">
                                <div class="content-header-title">
                                    <h3 class="mb-0">{{'provider_ea.show.about'|trans(_trans_parameters)}}</h3>
                                </div>
                                <button type="button" class="btn-list-actions rol-user" onclick="handleEditProfile()">{{'CreateOrderClient.edit'| trans}}</button>
                            </div>
                        </div>
                        {# <h3 class="card-title label-black"><strong></strong></h3> #}
                        <br>
                        <div class="row">
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.companyName'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.companyName}}</div>
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.cif'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.cif}}</div>
                        </div>
                        <br><br>    
                        <div class="row">
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.email'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.email}}</div>
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.billingAddress'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.billingAddress}}</div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.mobile'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.mobile}}</div>
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.phone'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.phone}}</div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.openHours'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">
                                {% for op in entity.openHours %}
                                    {{ include('admin/open_hours.html.twig') }}
                                {% endfor %}
                            </div>
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.deliveryTime'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.deliveryTime}}</div>
                        </div>
                        <br><br>
                        <div class="row">
                            <div class="col-6 col-md-3 label-black"><strong>{{'provider_ea.show.language'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">{{entity.locale|trans(_trans_parameters)}}</div>
                            <div class="col-6 col-md-3 label-black"><strong>{{'Type Sector'|trans(_trans_parameters)}}</strong></div>
                            <div class="col-6 col-md-3">
                                {% if entity.typeSector == 1 %}
                                    {{'sectors_list.horeka'|trans(_trans_parameters)}}
                                {% elseif entity.typeSector == 2  %}
                                    {{'sectors_list.editorial'|trans(_trans_parameters)}}
                                {% endif %}
                            </div>
                        </div>
                        <br><br>
                    </div>
                </div>
            </div>
        </div>
        <br><br>
        {% include "/admin/profile/provider/activar_notificaciones_mail.html.twig" %}
        <br><br>
        {% include "/admin/store/index.html.twig" %}
        <br><br>
        <div class="row">
            <div class="col-12 my-auto">
                <div class="card card-block shadow d-flex" style="min-height: 275px">
                    <div class="card-body">
                        <div>
                            <h3 class="card-title label-black"><strong>{{'Assigned plan'|trans(_trans_parameters)}}</strong></h3>
                            <div class="row">
                                <div class="col-12 col-md-4 mb-2">
                                    <strong class="label-black">{{'provider_ea.show.plan'|trans(_trans_parameters)}}</strong>: {{entity.plan}}
                                </div>
                                <div class="col-12 col-md-4 mb-2 d-flex">
                                    <strong class="label-black">{{'provider_ea.show.planExtend'|trans(_trans_parameters)}}</strong>: 
                                    <div class="col-3 piola-form-check">
                                        <div class="form-check">
                                            <input type="checkbox" class="form-check-input" value="{{ entity.planExtend }}" {{ entity.planExtend ? 'checked="checked"' : '' }}>
                                            <label class="bg-success"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-4 mb-2">
                                    <strong class="label-black">{{'provider_ea.show.country'|trans(_trans_parameters)}}</strong>: {{entity.country}}
                                </div>
                                <div class="col-12 col-md-4 mb-2">
                                    <strong class="label-black">{{'plan_ea.show.price'|trans(_trans_parameters)}}</strong>: 
                                    {% if entity.plan %}
                                        {{ render(controller(
                                        'App\\Controller\\ProviderController::getPlanPrice',
                                            { 'provider_id': entity.id }
                                        )) }}
                                    {% endif %}
                                </div>
                            </div>
                            <br>
                            {# <div class="row">
                                <div class="col-3 label-black"><strong>{{'provider_ea.show.planExtend'|trans(_trans_parameters)}}</strong></div>
                                <div class="col-3 piola-form-check">
                                    <div class="form-check">
                                        <input type="checkbox" class="form-check-input" value="{{ entity.planExtend }}" {{ entity.planExtend ? 'checked="checked"' : '' }}>
                                        <label class="bg-success"></label>
                                    </div>
                                </div>
                            </div> #}
                            {# <br>
                            <div class="row">
                                <div class="col-3 label-black"><strong>{{'provider_ea.show.country'|trans(_trans_parameters)}}</strong></div>
                                <div class="col-3" id="country">{{ entity.country }}</div>
                            </div> #}
                            {# <br>
                            <div class="row">
                                <div class="col-3 label-black"><strong>{{'plan_ea.show.price'|trans(_trans_parameters)}}</strong></div>
                                <div class="col-3">
                                    {% if entity.plan %}
                                        {{ render(controller(
                                        'App\\Controller\\ProviderController::getPlanPrice',
                                            { 'provider_id': entity.id }
                                        )) }}
                                    {% endif %}
                                </div>
                            </div> #}
                        </div>
                        <div>
                            <h3 class="card-title label-black"><strong>{{'piolaStore.gemsActives'|trans(_trans_parameters)}}</strong></h3>
                            {% for gemUser in entity.gemsUsers %}
                                <div class="row">
                                    <div class="col-12 col-md-4 mb-2">
                                        <strong class="label-black">{{'piolaStore.gem'|trans(_trans_parameters)}}</strong>: {{gemUser.gem.translate.name}}
                                    </div>
                                    <div class="col-12 col-md-4 mb-2">
                                        <strong class="label-black">{{'plan_ea.show.price'|trans(_trans_parameters)}}</strong>: {{gemUser.gem.price}} €
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                        {% if is_granted('ROLE_PROVIDER') and app.session.get('SUSCRIPTION') is not null%}
                            {% if app.session.get('SUSCRIPTION')['PLAN_TEST'] == false  %}
                                <br>
                                {% if (app.session.get('SUSCRIPTION')['PAYMENT_ACTIVE']) %}
                                <a href="{{path('cancel_suscription')}}" class="btn btn-danger ml-0">
                                    {{'cancel_suscription_button'|trans}}
                                </a>
                                {% else %}
                                <a href="{{path('keep_suscription')}}" class="btn btn-primary">
                                    {{'keep_suscription_button'|trans}}
                                </a>
                                {% endif %}
                            {% endif %}
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        {% if invoices is defined and invoices|length > 0 %}
        <br><br>
        <div class="row">
            <div class="col-12 my-auto">
                <div class="card card-block shadow d-flex" style="min-height: 275px">
                    <div class="card-body">
                        <div>
                            <h3 class="card-title label-black"><strong>{{'invoices'|trans(_trans_parameters)}}</strong></h3>
                            <br>
                            <table class="table table-sm">
                                <thead>
                                    <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">{{'providerprofile.date'|trans}}</th>
                                    <th scope="col">{{'providerprofile.period'|trans}}</th>
                                    <th scope="col">{{'providerprofile.total'|trans}}</th>
                                    <th scope="col">{{'providerprofile.action'|trans}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for keyInvoice,invoice in invoices %}
                                    <tr>
                                        <th scope="row">{{keyInvoice + 1}}</th>
                                        <td>{{ invoice.created|date('d/m/Y') }}</td>
                                        <td>{{ invoice.period_start|date('m/Y') }}</td>
                                        <td>{{ invoice.total }}</td>
                                        <td>
                                            {% if invoice.pdf is not empty %}
                                                <a href="{{invoice.pdf}}"  class="fa fa-file-pdf"></a>
                                            {% endif %}
                                        </td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
    </div>
    {% block delete_form %}
        {{ include('@EasyAdmin/default/includes/_delete_form.html.twig', {
            view: 'show',
            referer: app.request.query.get('referer', ''),
            delete_form: delete_form,
            _translation_domain: _entity_config.translation_domain,
            _trans_parameters: _trans_parameters,
            _entity_config: _entity_config,
        }, with_context = false) }}
    {% endblock delete_form %}
{% endblock content %}

{% block body_javascript %}
    {# {{parent()}} #}
    {% include "security/country_json.html.twig" %}
    <script type="text/javascript">
        const valores = window.location.search;
        const urlParams = new URLSearchParams(valores);
        var idGem = urlParams.get('idGem');
        var editProfile = urlParams.get('edit');
        $(`.action-edit`).remove();
        if(idGem){
            viewDetailGem(parseInt(idGem));
        }

        if(editProfile){
            handleEditProfile();
        }

        function handleEditProfile(){
            hadleOpenModalHtmlRender(null, `/admin/viewUpdateProfileProvider`);
        }
    </script>
{% endblock %}