{# templates/artisan_v2/configuration/ar_services.html.twig #}
{% extends 'artisan_v2/artisan.html.twig' %}

{% block title %}Services - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::arServiceClient' )) }}

    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="section__content section__content--p30">
        {{ include('artisan_v2/layout/ar_debug.html.twig') }}

        {{ include('artisan_v2/layout/ar_alert.html.twig') }}

        <div class="alert alert-info" role="alert">
            Merci de cocher les services que vous proposez, puis validez. Vous pourrez à tout moment mettre à jour ces services.
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <form class="form-horizontal" id="services_form" name="services_form" method="post" action="{{ path('artisan_services') }}">
                        <div class="row form-group m-t-10 m-b-30">
                            <div class="col col-md-4"></div>
                            <div class="col-12 col-md-4">
                                <button type="button" class="btn btn-info btn-sm btn-block services_edit_submit">
                                    <i class="zmdi zmdi-refresh"></i>&nbsp; Valider les modifications
                                </button>
                            </div>
                        </div>
                        
                        <div class="row form-group fg-m-bottom">
                            <div class="col-12 col-md-4">
                                <div class="form-check">
                                    {% for row in nos_services %}
                                    <div class="checkbox">
                                        <label for="form_services_{{ row.service_id }}" class="form-check-label">
                                            <input type="checkbox" id="form_services_{{ row.service_id }}" name="form[services][]" value="{{ row.service_id }}"{% if row.service_id in current_services_artisan %} checked{% endif %} class="form-check-input"> <b>{{ row.service_nom }}</b>
                                        </label>
                                    </div>
                                    {% if row.detail_service_ind == 1 %}
                                      {% for detail in row.detail_service %}
                                    <div class="checkbox" style="padding-left:27px;">
                                        <label for="form_detail_services_{{ detail.detail_service_id }}" class="form-check-label">
                                            <input type="checkbox" id="form_detail_services_{{ detail.detail_service_id }}" name="form[detail_services][]" value="{{ detail.detail_service_id }}"{% if detail.detail_service_id in current_detail_services_artisan %} checked{% endif %} class="form-check-input"> <i>{{ detail.detail_service_nom }}</i>
                                        </label>
                                    </div>
                                      {% endfor %}
                                    {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="form-check">
                                    {% for row in nos_depannages %}
                                    <div class="checkbox">
                                        <label for="form_services_{{ row.service_id }}" class="form-check-label">
                                            <input type="checkbox" id="form_services_{{ row.service_id }}" name="form[services][]" value="{{ row.service_id }}"{% if row.service_id in current_services_artisan %} checked{% endif %} class="form-check-input"> <b>{{ row.service_nom }}</b>
                                        </label>
                                    </div>
                                    {% if row.detail_service_ind == 1 %}
                                      {% for detail in row.detail_service %}
                                    <div class="checkbox" style="padding-left:27px;">
                                        <label for="form_detail_services_{{ detail.detail_service_id }}" class="form-check-label">
                                            <input type="checkbox" id="form_detail_services_{{ detail.detail_service_id }}" name="form[detail_services][]" value="{{ detail.detail_service_id }}"{% if detail.detail_service_id in current_detail_services_artisan %} checked{% endif %} class="form-check-input"> <i>{{ detail.detail_service_nom }}</i>
                                        </label>
                                    </div>
                                      {% endfor %}
                                    {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="col-12 col-md-4">
                                <div class="form-check">
                                    {% for row in nos_traitements %}
                                    <div class="checkbox">
                                        <label for="form_services_{{ row.service_id }}" class="form-check-label">
                                            <input type="checkbox" id="form_services_{{ row.service_id }}" name="form[services][]" value="{{ row.service_id }}"{% if row.service_id in current_services_artisan %} checked{% endif %} class="form-check-input"> <b>{{ row.service_nom }}</b>
                                        </label>
                                    </div>
                                    {% if row.detail_service_ind == 1 %}
                                      {% for detail in row.detail_service %}
                                    <div class="checkbox" style="padding-left:27px;">
                                        <label for="form_detail_services_{{ detail.detail_service_id }}" class="form-check-label">
                                            <input type="checkbox" id="form_detail_services_{{ detail.detail_service_id }}" name="form[detail_services][]" value="{{ detail.detail_service_id }}"{% if detail.detail_service_id in current_detail_services_artisan %} checked{% endif %} class="form-check-input"> <i>{{ detail.detail_service_nom }}</i>
                                        </label>
                                    </div>
                                      {% endfor %}
                                    {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                        </div>

                        <div class="row form-group m-t-10 m-b-30">
                            <div class="col col-md-4"></div>
                            <div class="col-12 col-md-4">
                                <button type="button" class="btn btn-info btn-sm btn-block services_edit_submit">
                                    <i class="zmdi zmdi-refresh"></i>&nbsp; Valider les modifications
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="alert alert-info" role="alert">
            Vous proposez des services que vous n'avez pas trouvé dans la liste, merci de les renseigner dans le champ suivant :
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row form-group fg-m-bottom">
                        <div class="offset-md-3 col-12 col-md-3 fg-m-bottom">
                            <input type="text" class="form-control" name="suggestion_service_field" id="suggestion_service_field" placeholder="Suggestion de Service" value="" autocomplete="off">
                        </div>
                        <div class="col-12 col-md-2">
                            <button type="button" id="suggestion_service_submit" class="btn btn-info btn-sm btn-block">
                                <i class="zmdi zmdi-mail-send"></i>&nbsp; Envoyer
                            </button>
                        </div>
                        <div class="offset-md-3 col-md-8 fm-error" id="suggestion_service-error"></div>
                    </div>
                </div>
            </div>

            {{ include('artisan_v2/layout/ar_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('click', '.services_edit_submit', function(){
            $('form#services_form').submit();
        });

        $(document).on('click', '#suggestion_service_submit', function(){
            if ($('input#suggestion_service_field').val().length == 0) {
                $('#suggestion_service-error').html('Veuillez insérer votre suggestion de service !');
                $('input#suggestion_service_field').addClass('is-invalid').on('focus', function(){
                    $(this).removeClass('is-invalid');
                    $('#suggestion_service-error').html('');
                });
            } else {
                var suggestion = $('input#suggestion_service_field').val();
                $.ajax({
                    url : '{{ path("artisan_suggestion_service") }}',
                    type : 'POST',
                    data : {suggestion:suggestion},
                    dataType : 'json',
                    success : function(response){
                        if (response.result) {
                            $('input#suggestion_service_field').val('');
                            $('#suggestion_service-error').html('<span style="color:green;">Votre suggestion a été envoyée avec succès.</span>');
                        } else {
                            $('#suggestion_service-error').html('Erreur !');
                        }
                    },
                    error : function(e){
                    }
                });
            }
        });
    });
    // ]]>
    </script>
{% endblock %}