{# templates/superadmin_v2/artisans/sa_gestion_artisans_import.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Import Artisans - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}

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

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}
        <div class="container-fluid">
            <div class="row">
                <h5>Importer :</h5>
                <div class="table-data__tool" style="width:100%;margin-top:6px;padding-top:12px;margin-bottom:28px;">
                    <div class="table-data__tool-right col-lg-12">
                      <form class="form-horizontal" name="import_artisans_form" id="import_artisans_form" method="post" action="{{ path('superadmin_gestion_artisans_import') }}">
                        <div class="row form-group fg-m-bottom" style="margin:6px 0 0!important;">
                            <div class="col col-md-1 spa-col-label fg-m-bottom">
                                <label class="form-control-label spa-label">Ville</label>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <input type="text" class="form-control" name="q_ville" id="q_ville" placeholder=" - Ville / CP - " autocomplete="off">
                                <div id="listing_villes_box"></div>
                            </div>
                            <div class="col col-md-1 spa-col-label fg-m-bottom">
                                <label class="form-control-label spa-label">Service</label>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <select class="form-control" name="form[service]" id="service">
                                    <option value="0"> - Choisir - </option>
                                    <optgroup label="Nettoyage">
                                        <!--option value="societe_nettoyage">Société de nettoyage</option-->
                                      {% for row in nos_services %}
                                        <option value="{{ row.id }}">{{ row.service_nom }}</option>
                                      {% endfor %}
                                    </optgroup>
                                    <optgroup label="Dépannage">
                                        <!--option value="prestation_depannage">Société de dépannage</option-->
                                      {% for row in nos_depannages %}
                                        <option value="{{ row.id }}">{{ row.service_nom }}</option>
                                      {% endfor %}
                                    </optgroup>
                                    <optgroup label="Nuisible">
                                        <!--option value="nuisible">Société anti nuisible</option-->
                                      {% for row in nos_traitements %}
                                        <option value="{{ row.id }}">{{ row.service_nom }}</option>
                                      {% endfor %}
                                    </optgroup>
                                </select>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <label for="fileToUpload" class="btn btn-warning btn-sm btn-block" id="excel_artisans_btn">Excel Artisans ...</label>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom" id="excel_artisans_name" style="padding-top:6px;">

                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <button type="button" id="import_artisans_submit" class="btn btn-success btn-sm btn-block">Envoyer</button>
                                <input type="hidden" name="form[id_ville]" id="id_ville" value="0">
                                <input type="file" class="form-control" name="fileToUpload" id="fileToUpload" value="" onchange="return saveExcelArtisans();" style="opacity:0;height:1px;width:1px;">
                                <input type="hidden" name="form[excel_artisans]" id="excel_artisans" value="">
                                <input type="hidden" name="import_artisans" id="import_artisans" value="import_artisans">
                            </div>
                        </div>
                      </form>
                    </div>
                </div>
            </div>

            {# <!--div class="row">

                <div class="table-responsive table--no-card m-b-30">
                    {% if list_mots_cles|length > 0 %}
                    <table class="table table-borderless table-striped table-earning">
                        <thead>
                            <tr>
                                <th class="width-5">#</th>
                                <th>Mot clé</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for k,row in list_mots_cles %}
                            <tr>
                                <td class="text-center"><b>{{ k+1 }}</b></td>
                                <td>{{ row.tag }}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>
            </div--> #}

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

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('keyup', 'form#import_artisans_form input#q_ville', function(){
            $('form#import_artisans_form input#id_ville').val('0'); 
            var q_ville = $('form#import_artisans_form input#q_ville').val();

            if (q_ville.length > 0) {
                $.ajax({
                    url : '{{ path("rechercher_ville_cp") }}',
                    type : 'POST',
                    data : {q:q_ville},
                    dataType : 'json',
                    success : function(response){
                        if (response.num_rows > 0) {  
                            var listing = response.listing;
                            var lines = '<div class="close_search_ville" id="close_search_ville">X</div>';
                            for (var key in listing) {
                                var obj = listing[key];
                                var bg = (key%2 == 0) ? '248, 248, 255' : '255, 255, 255';
                                var ville = obj.ville;
                                var ville_replace = ville.replace(/'/g, "\\'");

                                lines += '<div class="line_ville" onclick="selectVille(' + obj.id + ', \'' + obj.cp + '\', \'' + ville_replace + '\');" style="background-color:rgb(' + bg + ');">';
                                lines += '<div class="detail_ville">' + obj.cp + ' - ' + ville + '</div>';
                                lines += '</div>';
                            }
                            $('#listing_villes_box').html(lines).show();
                        } else {
                            $('#listing_villes_box').hide().html('');
                        }
                    },
                    error : function(e){
                    }
                });
            } else {
                $('#listing_villes_box').hide().html('');
            }
        });

        $(document).on('click', '#close_search_ville', function(){
            $('#listing_villes_box').hide().html('');
            $('form#import_artisans_form input#q_ville').val('');
            $('form#import_artisans_form input#id_ville').val('0'); 
        });

        $(document).on('click', 'button#import_artisans_submit', function(){
            var ckeck = 0;

            if ($('form#import_artisans_form #id_ville').val() == 0) {	
                /* if (confirm("Injecter des artisans sans ville ?")) {
                    //alert('a');
                } else { */
                    ckeck += 1;
                    $('form#import_artisans_form #q_ville').addClass('is-invalid').focus(function(){
                        $(this).removeClass('is-invalid');
                    });         
                /* } */ 
            }
            if ($('form#import_artisans_form #service').val() == 0) {	
                ckeck += 1;
                $('form#import_artisans_form #service').addClass('is-invalid').change(function(){
                    $(this).removeClass('is-invalid');
                });            
            }
            if ($('form#import_artisans_form #excel_artisans').val().length == 0) {	
                ckeck += 1;
                $('#excel_artisans_name').html('<span style="color:red;">Veuillez insérer un fichier excel<span>');
            }

            if (ckeck == 0) {
                $('form#import_artisans_form').submit();
                return true;
            } else {
                return false;
            }
        });

    });
    // ]]>

    window.downloadFile = function (sUrl) {

        //iOS devices do not support downloading. We have to inform user about this.
        if (/(iP)/g.test(navigator.userAgent)) {
           //alert('Your device does not support files downloading. Please try again in desktop browser.');
           window.open(sUrl, '_blank');
           return false;
        }

        //If in Chrome or Safari - download via virtual link click
        if (window.downloadFile.isChrome || window.downloadFile.isSafari) {
            //Creating new link node.
            var link = document.createElement('a');
            link.href = sUrl;
            link.setAttribute('target','_blank');

            if (link.download !== undefined) {
                //Set HTML5 download attribute. This will prevent file from opening if supported.
                var fileName = sUrl.substring(sUrl.lastIndexOf('/') + 1, sUrl.length);
                link.download = fileName;
            }

            //Dispatching click event.
            if (document.createEvent) {
                var e = document.createEvent('MouseEvents');
                e.initEvent('click', true, true);
                link.dispatchEvent(e);
                return true;
            }
        }

        // Force file download (whether supported by server).
        if (sUrl.indexOf('?') === -1) {
            sUrl += '?download';
        }

        window.open(sUrl, '_blank');
        return true;
    }

    function selectVille(id, cp, ville){
        $('#listing_villes_box').hide().html('');

        $('form#import_artisans_form input#q_ville').val(cp + ' ' + ville); 
        $('form#import_artisans_form input#id_ville').val(id); 
    }

    function saveExcelArtisans(){
        var inputFile = document.getElementById('fileToUpload');
        var file = inputFile.files[0];
        var data = new FormData();
        data.append('doc', file, file.name);
        $.ajax({
            url: "{{ path('superadmin_save_excel_artisans') }}",
            type: "POST",
            data: data,
            processData: false,
            contentType: false,
            cache: false,
            success : function(response){
				if (response.error != '') {
					$('#excel_artisans_name').html(response.error);
				} else {
                    $('#excel_artisans_btn').hide();
                    $('input#excel_artisans').val(response.name);
                    //$('#excel_artisans_name').html(response.tmp_name + " [<a href=\"javascript:void(0);\" onclick=\"removeExcelArtisans('" + response.name + "');\">Supprimer</a>]");
                    $('#excel_artisans_name').html(response.tmp_name);
				}
            },
            error : function(e){
            }
        });
    }

    function removeExcelArtisans(tmp_file){
        if (confirm("Êtes-vous sûr ?")) {
            /*$.ajax({
                url: "{# { path('artisan_devis_en_attente_remove_pj_devis') } #}",
                type : 'POST',
                data : {tmp_file:tmp_file},
                dataType : 'json',
                success : function(response){
                    if (response.result) {
                        $('input#pjDevis').val('');
                        $('#pj_devis_name').html('');
                        $('#joindre_devis_btn').show();
                    }
                },
                error : function(e){
                }
            });*/
        }
    }
    </script>
{% endblock %}