templates/__front__pages/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block title %} Accueil {% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link rel="stylesheet" href="{{ asset('front/css/maps/styles.css') }}">
  8.     <link rel="stylesheet" href="{{ asset('front/css/maps/icon.css') }}">
  9.     <link rel="stylesheet" href="{{ asset('front/css/maps/style.css') }}">
  10.     <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css') }}">
  11.     <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/plugins/forms/form-wizard.css') }}">
  12. {% endblock %}
  14. {% block body %}
  15.     {% include('__front/maps.html.twig') %}
  17.     {% include('__front/search.html.twig') %}
  19.     {% include('__front/section.html.twig') %}
  20. {% endblock %}
  22. {% block javascripts %}
  23.     {{ parent() }}
  24.     <script src="{{ asset('front/js/chart.js') }}"></script>
  25.     <script src="{{ asset('front/js/chart-utils.js') }}"></script>
  26.     <script src="{{ asset('front/js/maps/jquery.vmap.js') }}"></script>
  27.     <script src="{{ asset('front/js/maps/jquery.vmap.tunisia.js') }}"></script>
  29.     <!-- BEGIN: Page Vendor JS-->
  30.     <script src="{{ asset('app-assets/vendors/js/forms/select/select2.full.min.js') }}"></script>
  31.     <script src="{{ asset('app-assets/js/scripts/forms/form-wizard.js') }}"></script>
  32.     <!-- END: Page JS-->
  34.     <script>
  35.         let NbrPartenaireLabel = JSON.parse('{{ stats['NbrPartenaire']['label'] | json_encode | raw }}');
  36.         let NbrPartenaireValeur = JSON.parse('{{ stats['NbrPartenaire']['valeur'] | json_encode | raw }}');
  37.         let SumPartenaireLabel = JSON.parse('{{ stats['SumPartenaire']['label'] | json_encode | raw }}');
  38.         let SumPartenaireValeur = JSON.parse('{{ stats['SumPartenaire']['valeur'] | json_encode | raw }}');
  39.         let StatusLabel = JSON.parse('{{ stats['Status']['label'] | json_encode | raw }}');
  40.         let StatusValeur = JSON.parse('{{ stats['Status']['valeur'] | json_encode | raw }}');
  41.         let SInterLabel = JSON.parse('{{ stats['SIntervention']['label'] | json_encode | raw }}');
  42.         let SInterValeur = JSON.parse('{{ stats['SIntervention']['valeur'] | json_encode | raw }}');
  44.         let chart1Colors = [window.chartColors.green_special, window.chartColors.red_special, window.chartColors.orange_spec, window.chartColors.blue_special, window.chartColors.pink_special];
  45.         let chart2Colors = [window.chartColors.red_special, window.chartColors.green_special, window.chartColors.orange_spec, window.chartColors.blue_special, window.chartColors.pink_special];
  46.         let chart3Colors = [window.chartColors.orange_spec, window.chartColors.pink_special, window.chartColors.green_special, window.chartColors.red_special, window.chartColors.blue_special];
  47.         let chart4Colors = [window.chartColors.blue_special, window.chartColors.red_special, window.chartColors.green_special, window.chartColors.orange_spec, window.chartColors.pink_special];
  49.         function drawChart(id, values, labels, colors = ["red", "grey"]) {
  50.             let ctx = document.getElementById(id).getContext("2d");
  51.             let config = {
  52.                 type: 'pie',
  53.                 data: {
  54.                     datasets: [{
  55.                         data: values,
  56.                         backgroundColor: colors,
  57.                         label: 'IPAPD'
  58.                     }],
  59.                     labels: labels
  60.                 },
  61.                 options: {
  62.                     responsive: true,
  63.                     plugins: {
  64.                         legend: false // Hide legend
  65.                     }
  66.                 }
  67.             };
  68.             window.myPie = new Chart(ctx, config);
  69.         }
  71.         window.onload = function () {
  72.             drawChart('chart-0', NbrPartenaireValeur, NbrPartenaireLabel, chart1Colors);
  73.             drawChart('chart-1', SumPartenaireValeur, SumPartenaireLabel, chart2Colors);
  74.             drawChart('chart-2', StatusValeur, StatusLabel, chart3Colors);
  75.             drawChart('chart-3', SInterValeur, SInterLabel, chart4Colors);
  76.         };
  78.         jQuery(document).ready(function () {
  79.             let all_region = ["tn-ba", "tn-za", "tn-an", "tn-je", "tn-bj", "tn-bz", "tn-mn", "tn-an", "tn-tu", "tn-nb", "tn-sl", "tn-kf", "tn-ks", "tn-sl", "tn-sz", "tn-kr", "tn-ss", "tn-ms", "tn-mh", "tn-sf", "tn-gf", "tn-sz", "tn-ks", "tn-gf", "tn-to", "tn-kb", "tn-gb", "tn-me", "tn-ta"];
  80.             let gov = $('.all_gouvs').data('gouvs');
  81.             let lang = "{{ app.request.locale }}";
  83.             if (lang == 'ar') {
  84.                 jQuery(".select2").select2({
  85.                     placeholder: "اختر المجال",
  86.                     allowClear: true
  87.                 });
  88.             }
  89.             else {
  90.                 jQuery(".select2").select2({
  91.                     placeholder: "Sélectionner un choix",
  92.                     allowClear: true
  93.                 });
  94.             }
  96.             /************Google Maps*************/
  97.             jQuery('#vmaps').vectorMap({
  98.                 map: 'tunisia',
  99.                 selectedRegions: all_region,
  100.                 selectedRegions: 'tn-Tu',
  101.                 multiSelectRegion: false,
  102.                 enableZoom: false,
  103.                 backgroundColor: '#616161;',
  104.                 hoverColor: '#be0000',
  105.                 selectedColor: '#be0000',
  106.                 borderColor: '#000000',
  107.                 color: '#f4f3f0',
  108.                 borderWidth: 2,
  109.                 onRegionClick: function (element, code, region) {
  110.                     var countNb = 0;
  112.                     jQuery.each(gov, function (key, value) {
  113.                         if (value['code'] === code) {
  114.                             if (value['communes'] !== "" && (value['communes'].length) > 0) {
  115.                                 jQuery('.regiongov').html("Région de " + key);
  116.                                 var communes = (value['communes']).sort();
  117.                                 jQuery.each(communes, function (key, value) {
  118.                                     countNb++;
  119.                                 });
  120.                             }
  121.                         }
  122.                     });
  124.                     var limitCol = countNb / 2;
  125.                     if (limitCol < 10) limitCol = 10;
  126.                     jQuery(".first-select-commune").empty();
  127.                     jQuery(".second-select-commune").empty();
  129.                     jQuery.each(gov, function (key, value) {
  130.                         if (value['code'] === code) {
  131.                             if (value['communes'] !== "" && (value['communes'].length) > 0) {
  132.                                 var communes = (value['communes'] ? value['communes'][0] : null).sort();
  133.                                 jQuery.each(communes, function (key, value) {
  134.                                     if (lang == 'ar') {
  135.                                         if (key < limitCol)
  136.                                             jQuery('.first-select-commune').append('<h7 data-id="' + value['id'] + '" class="get_map list-gov"> <i class="fa icon-map-marker-alt"></i> ' + value['nom_ar'] + ' </h7><br />');
  137.                                         else if (key >= limitCol)
  138.                                             jQuery('.second-select-commune').append('<h7 data-id="' + value['id'] + '" class="get_map list-gov"> <i class="fa icon-map-marker-alt"></i> ' + value['nom_ar'] + ' </h7> <br />');
  139.                                     } else if (lang == 'fr') {
  140.                                         if (key < limitCol)
  141.                                             jQuery('.first-select-commune').append('<h7 data-id="' + value['id'] + '" class="get_map list-gov"> <i class="fa icon-map-marker-alt"></i> ' + value['nom_fr'] + ' </h7><br />');
  142.                                         else if (key >= limitCol)
  143.                                             jQuery('.second-select-commune').append('<h7 data-id="' + value['id'] + '" class="get_map list-gov"> <i class="fa icon-map-marker-alt"></i> ' + value['nom_fr'] + ' </h7> <br />');
  144.                                     }
  145.                                 });
  146.                             }
  147.                         }
  148.                     });
  149.                 }
  150.             });
  152.             jQuery('#gmaps').vectorMap({
  153.                 map: 'tunisia',
  154.                 //selectedRegions: all_region,
  155.                 selectedRegions: 'tn-Tu',
  156.                 multiSelectRegion: false,
  157.                 enableZoom: false,
  158.                 backgroundColor: '#616161;',
  159.                 hoverColor: '#be0000',
  160.                 selectedColor: '#be0000',
  161.                 borderColor: '#000000',
  162.                 color: '#f4f3f0',
  163.                 borderWidth: 2,
  164.                 onRegionClick: function (element, code, region) {
  165.                     //$('#exampleModalToggle').modal('toggle');
  167.                     jQuery.ajax(
  168.                         {
  169.                             type: "GET",
  170.                             dataType: "json",
  171.                             url: '/api/projet/gov/' + code ?? 0,
  172.                             success: function (response) {
  173.                                 $('#exampleModalToggle').modal('toggle');
  174.                                 $('.cmo-gouvernorat').show();
  175.                                 $('.cmo-municipalite').hide();
  176.                                 if (lang == 'ar') {
  177.                                     $('.namecom').text(response.commune_ar ? response.commune_ar : '');
  178.                                     $('.namegov').text(response.gouvernorat_ar ? response.gouvernorat_ar : '');
  179.                                     $('.indic-budget').text(response.totalBudgeTnd ? response.totalBudgeTnd + ' دينار' : 0);
  180.                                     $('.indic-projet').text(response.nbr_projets ? response.nbr_projets : 0);
  181.                                     $('.indic-municipalite').text(response.commune_ar ? response.commune_ar : '');
  182.                                     $('.indic-gouvernorat').text(response.gouvernorat_ar ? response.gouvernorat_ar : '');
  184.                                     if (response.status == true) {
  185.                                         drawChart('erreur_message_cmo', response.NbrPartenaire ? response.NbrPartenaire['valeur'] : 0, response.NbrPartenaire ? response.NbrPartenaire['label_ar'] : '', chart1Colors);
  186.                                         drawChart('erreur_message_cmo1', response.SumPartenaire ? response.SumPartenaire['valeur'] : 0, response.SumPartenaire ? response.SumPartenaire['label_ar'] : '', chart2Colors);
  187.                                         drawChart('erreur_message_cmo2', response.SInterProjet ? response.SInterProjet['valeur'] : 0, response.SInterProjet ? response.SInterProjet['label_ar'] : '', chart3Colors);
  188.                                         drawChart('erreur_message_cmo3', response.StatusProjet ? response.StatusProjet['valeur'] : 0, response.StatusProjet ? response.StatusProjet['label_ar'] : '', chart4Colors);
  189.                                         $('.section-charts-modal').show();
  190.                                         $('.plus-detail').show();
  191.                                     } else {
  192.                                         $('.plus-detail').hide();
  193.                                         $('.section-charts-modal').hide();
  194.                                     }
  195.                                 }
  196.                                 else if (lang == 'fr') {
  197.                                     $('.namecom').text(response.commune ? response.commune : '');
  198.                                     $('.namegov').text(response.gouvernorat ? response.gouvernorat : '');
  199.                                     $('.indic-budget').text(response.totalBudgeTnd ? response.totalBudgeTnd + ' TND' : 0);
  200.                                     $('.indic-projet').text(response.nbr_projets ? response.nbr_projets : 0);
  201.                                     $('.indic-municipalite').text(response.commune ? response.commune : '');
  202.                                     $('.indic-gouvernorat').text(response.gouvernorat ? response.gouvernorat : '');
  204.                                     if (response.status == true) {
  205.                                         drawChart('erreur_message_cmo', response.NbrPartenaire ? response.NbrPartenaire['valeur'] : 0, response.NbrPartenaire ? response.NbrPartenaire['label'] : '', chart1Colors);
  206.                                         drawChart('erreur_message_cmo1', response.SumPartenaire ? response.SumPartenaire['valeur'] : 0, response.SumPartenaire ? response.SumPartenaire['label'] : '', chart2Colors);
  207.                                         drawChart('erreur_message_cmo2', response.SInterProjet ? response.SInterProjet['valeur'] : 0, response.SInterProjet ? response.SInterProjet['label'] : '', chart3Colors);
  208.                                         drawChart('erreur_message_cmo3', response.StatusProjet ? response.StatusProjet['valeur'] : 0, response.StatusProjet ? response.StatusProjet['label'] : '', chart4Colors);
  209.                                         $('.section-charts-modal').show();
  210.                                         $('.plus-detail').show();
  211.                                     } else {
  212.                                         $('.plus-detail').hide();
  213.                                         $('.section-charts-modal').hide();
  214.                                     }
  215.                                 }
  216.                             },
  217.                             errors: function (response) {
  218.                                 console.log('errors');
  219.                                 console.log(response);
  220.                             }
  221.                         });
  222.                 }
  223.             });
  225.             $('.modal-central').click(function () {
  226.                 let typeProjet = jQuery(this).data('type');
  227.                 jQuery.ajax(
  228.                     {
  229.                         type: "GET",
  230.                         dataType: "json",
  231.                         url: '/api/projet/type/' + typeProjet ?? 0,
  232.                         success: function (response) {
  233.                             $('#exampleModalToggle').modal('toggle');
  234.                             $('.cmo-gouvernorat').hide();
  235.                             $('.cmo-municipalite').hide();
  236.                             if (lang == 'ar') {
  237.                                 $('.namecom').text(response.commune_ar ? response.commune_ar : '');
  238.                                 $('.namegov').text(response.gouvernorat_ar ? response.gouvernorat_ar : '');
  239.                                 $('.indic-budget').text(response.totalBudgeTnd ? response.totalBudgeTnd + ' دينار' : 0);
  240.                                 $('.indic-projet').text(response.nbr_projets ? response.nbr_projets : 0);
  241.                                 $('.indic-municipalite').text(response.commune_ar ? response.commune_ar : '');
  242.                                 $('.indic-gouvernorat').text(response.gouvernorat_ar ? response.gouvernorat_ar : '');
  244.                                 if (response.status == true) {
  245.                                     drawChart('erreur_message_cmo', response.NbrPartenaire ? response.NbrPartenaire['valeur'] : 0, response.NbrPartenaire ? response.NbrPartenaire['label_ar'] : '', chart1Colors);
  246.                                     drawChart('erreur_message_cmo1', response.SumPartenaire ? response.SumPartenaire['valeur'] : 0, response.SumPartenaire ? response.SumPartenaire['label_ar'] : '', chart2Colors);
  247.                                     drawChart('erreur_message_cmo2', response.SInterProjet ? response.SInterProjet['valeur'] : 0, response.SInterProjet ? response.SInterProjet['label_ar'] : '', chart3Colors);
  248.                                     drawChart('erreur_message_cmo3', response.StatusProjet ? response.StatusProjet['valeur'] : 0, response.StatusProjet ? response.StatusProjet['label_ar'] : '', chart4Colors);
  249.                                     $('.section-charts-modal').show();
  250.                                     $('.plus-detail').show();
  251.                                 } else {
  252.                                     $('.plus-detail').hide();
  253.                                     $('.section-charts-modal').hide();
  254.                                 }
  255.                             }
  256.                             else if (lang == 'fr') {
  257.                                 $('.namecom').text(response.commune ? response.commune : '');
  258.                                 $('.namegov').text(response.gouvernorat ? response.gouvernorat : '');
  259.                                 $('.indic-budget').text(response.totalBudgeTnd ? response.totalBudgeTnd + ' TND' : 0);
  260.                                 $('.indic-projet').text(response.nbr_projets ? response.nbr_projets : 0);
  261.                                 $('.indic-municipalite').text(response.commune ? response.commune : '');
  262.                                 $('.indic-gouvernorat').text(response.gouvernorat ? response.gouvernorat : '');
  264.                                 if (response.status == true) {
  265.                                     drawChart('erreur_message_cmo', response.NbrPartenaire ? response.NbrPartenaire['valeur'] : 0, response.NbrPartenaire ? response.NbrPartenaire['label'] : '', chart1Colors);
  266.                                     drawChart('erreur_message_cmo1', response.SumPartenaire ? response.SumPartenaire['valeur'] : 0, response.SumPartenaire ? response.SumPartenaire['label'] : '', chart2Colors);
  267.                                     drawChart('erreur_message_cmo2', response.SInterProjet ? response.SInterProjet['valeur'] : 0, response.SInterProjet ? response.SInterProjet['label'] : '', chart3Colors);
  268.                                     drawChart('erreur_message_cmo3', response.StatusProjet ? response.StatusProjet['valeur'] : 0, response.StatusProjet ? response.StatusProjet['label'] : '', chart4Colors);
  269.                                     $('.section-charts-modal').show();
  270.                                     $('.plus-detail').show();
  271.                                 } else {
  272.                                     $('.plus-detail').hide();
  273.                                     $('.section-charts-modal').hide();
  274.                                 }
  275.                             }
  276.                         },
  277.                         errors: function (response) {
  278.                             console.log('errors');
  279.                             console.log(response);
  280.                         }
  281.                     });
  282.             });
  284.             /************OnClick Close Modal*************/
  285.             jQuery('.modal-content').on('click', '.btn-close', function () {
  286.                 $('#exampleModalToggle').modal('toggle');
  287.             });
  289.             /************OnClick Open Modal*************/
  290.             jQuery('.maps').on('click', '.list-gov', function () {
  291.                 let code_com = jQuery(this).data('id');
  293.                 $('.namecom').empty();
  294.                 $('.namegov').empty();
  295.                 $('.indic-budget').empty();
  296.                 $('.indic-municipalite').empty();
  297.                 $('.indic-gouvernorat').empty();
  298.                 //$('.plus-detail').empty();
  299.                 $('#erreur_message_cmo').empty();
  300.                 $('#erreur_message_cmo1').empty();
  301.                 $('#erreur_message_cmo2').empty();
  302.                 $('#erreur_message_cmo3').empty();
  304.                 let path = "{{ path('mes_projets')|escape('js') }}";
  305.                 $("#plus-detail-modal").attr("href", path);
  307.                 jQuery.ajax(
  308.                     {
  309.                         type: "GET",
  310.                         dataType: "json",
  311.                         url: '/api/projet/' + code_com ?? 0,
  312.                         success: function (response) {
  313.                             $('#exampleModalToggle').modal('toggle');
  314.                             $('.cmo-gouvernorat').show();
  315.                             $('.cmo-municipalite').show();
  317.                             if (lang == 'ar') {
  318.                                 $('.namecom').text(response.commune_ar ? response.commune_ar : '');
  319.                                 $('.namegov').text(response.gouvernorat_ar ? response.gouvernorat_ar : '');
  320.                                 $('.indic-budget').text(response.totalBudgeTnd ? response.totalBudgeTnd + ' دينار' : 0);
  321.                                 $('.indic-projet').text(response.nbr_projets ? response.nbr_projets : 0);
  322.                                 $('.indic-municipalite').text(response.commune_ar ? response.commune_ar : '');
  323.                                 $('.indic-gouvernorat').text(response.gouvernorat_ar ? response.gouvernorat_ar : '');
  325.                                 if (response.status == true) {
  326.                                     drawChart('erreur_message_cmo', response.NbrPartenaire ? response.NbrPartenaire['valeur'] : 0, response.NbrPartenaire ? response.NbrPartenaire['label_ar'] : '', chart1Colors);
  327.                                     drawChart('erreur_message_cmo1', response.SumPartenaire ? response.SumPartenaire['valeur'] : 0, response.SumPartenaire ? response.SumPartenaire['label_ar'] : '', chart2Colors);
  328.                                     drawChart('erreur_message_cmo2', response.SInterProjet ? response.SInterProjet['valeur'] : 0, response.SInterProjet ? response.SInterProjet['label_ar'] : '', chart3Colors);
  329.                                     drawChart('erreur_message_cmo3', response.StatusProjet ? response.StatusProjet['valeur'] : 0, response.StatusProjet ? response.StatusProjet['label_ar'] : '', chart4Colors);
  330.                                     $('.section-charts-modal').show();
  331.                                     $('.plus-detail').show();
  332.                                 } else {
  333.                                     $('.plus-detail').hide();
  334.                                     $('.section-charts-modal').hide();
  335.                                 }
  336.                             }
  337.                             else if (lang == 'fr') {
  338.                                 $('.namecom').text(response.commune ? response.commune : '');
  339.                                 $('.namegov').text(response.gouvernorat ? response.gouvernorat : '');
  340.                                 $('.indic-budget').text(response.totalBudgeTnd ? response.totalBudgeTnd + ' TND' : 0);
  341.                                 $('.indic-projet').text(response.nbr_projets ? response.nbr_projets : 0);
  342.                                 $('.indic-municipalite').text(response.commune ? response.commune : '');
  343.                                 $('.indic-gouvernorat').text(response.gouvernorat ? response.gouvernorat : '');
  345.                                 if (response.status == true) {
  346.                                     drawChart('erreur_message_cmo', response.NbrPartenaire ? response.NbrPartenaire['valeur'] : 0, response.NbrPartenaire ? response.NbrPartenaire['label'] : '', chart1Colors);
  347.                                     drawChart('erreur_message_cmo1', response.SumPartenaire ? response.SumPartenaire['valeur'] : 0, response.SumPartenaire ? response.SumPartenaire['label'] : '', chart2Colors);
  348.                                     drawChart('erreur_message_cmo2', response.SInterProjet ? response.SInterProjet['valeur'] : 0, response.SInterProjet ? response.SInterProjet['label'] : '', chart3Colors);
  349.                                     drawChart('erreur_message_cmo3', response.StatusProjet ? response.StatusProjet['valeur'] : 0, response.StatusProjet ? response.StatusProjet['label'] : '', chart4Colors);
  350.                                     $('.section-charts-modal').show();
  351.                                     $('.plus-detail').show();
  352.                                 } else {
  353.                                     $('.plus-detail').hide();
  354.                                     $('.section-charts-modal').hide();
  355.                                 }
  356.                             }
  357.                         },
  358.                         errors: function (response) {
  359.                             console.log('errors');
  360.                             console.log(response);
  361.                         }
  362.                     });
  363.             });
  365.             /************When Gouvernorat gets selected **********/
  366.             var $gouv = $('#search_projet_gouvernorat');
  367.             $gouv.change(function () {
  368.                 var $form = $(this).closest('form');
  369.                 var data = {};
  370.                 data[$gouv.attr('name')] = $gouv.val();
  371.                 let dt = $form.serializeArray().filter(item => {
  372.                     return (item.name !== 'projet[_token]')
  373.                 });
  375.                 try {
  376.                     $.ajax({
  377.                         url: $form.attr('action'),
  378.                         type: $form.attr('method'),
  379.                         data: dt,
  380.                         complete: function (html) {
  381.                             $('#search_projet_communes').replaceWith(
  382.                                 $(html.responseText).find('#search_projet_communes')
  383.                             );
  384.                             $('#search_projet_communes').select2();
  385.                         }
  386.                     });
  387.                 } catch (e) {
  388.                     console.log(e);
  389.                 }
  390.             });
  392.             /************When Partenaire gets selected **********/
  393.             var $part = $('#search_projet_partenaire');
  394.             $part.change(function () {
  395.                 var $form = $(this).closest('form');
  396.                 var data = {};
  397.                 data[$part.attr('name')] = $part.val();
  398.                 let dt = $form.serializeArray().filter(item => {
  399.                     return (item.name !== 'projet[_token]')
  400.                 });
  402.                 try {
  403.                     $.ajax({
  404.                         url: $form.attr('action'),
  405.                         type: $form.attr('method'),
  406.                         data: dt,
  407.                         complete: function (html) {
  408.                             $('#search_projet_programme').replaceWith(
  409.                                 $(html.responseText).find('#search_projet_programme')
  410.                             );
  411.                             $('#search_projet_programme').select2();
  412.                         }
  413.                     });
  414.                 } catch (e) {
  415.                     console.log(e);
  416.                 }
  417.             });
  419.             /*******Arabic filtre******/
  420.             // When Gouvernorat Arabic gets selected ...
  421.             var $gouvAr = $('#search_projet_ar_gouvernorat');
  422.             $gouvAr.change(function () {
  423.                 var $form = $(this).closest('form');
  424.                 var data = {};
  425.                 data[$gouvAr.attr('name')] = $gouvAr.val();
  426.                 let dt = $form.serializeArray().filter(item => {
  427.                     return (item.name !== 'projet[_token]')
  428.                 });
  429.                 try {
  430.                     $.ajax({
  431.                         url: $form.attr('action'),
  432.                         type: $form.attr('method'),
  433.                         data: dt,
  434.                         complete: function (html) {
  435.                             $('#search_projet_ar_communes').replaceWith(
  436.                                 $(html.responseText).find('#search_projet_ar_communes')
  437.                             );
  438.                             $('#search_projet_ar_communes').select2();
  439.                         }
  440.                     });
  441.                 } catch (e) {
  442.                     console.log(e);
  443.                 }
  444.             });
  446.             // When Partenaire Arabic gets selected ...
  447.             var $partAr = $('#search_projet_ar_partenaire');
  448.             $partAr.change(function () {
  449.                 var $form = $(this).closest('form');
  450.                 var data = {};
  451.                 data[$partAr.attr('name')] = $partAr.val();
  452.                 let dt = $form.serializeArray().filter(item => {
  453.                     return (item.name !== 'projet[_token]')
  454.                 });
  455.                 try {
  456.                     $.ajax({
  457.                         url: $form.attr('action'),
  458.                         type: $form.attr('method'),
  459.                         data: dt,
  460.                         complete: function (html) {
  461.                             $('#search_projet_ar_programme').replaceWith(
  462.                                 $(html.responseText).find('#search_projet_ar_programme')
  463.                             );
  464.                             $('#search_projet_ar_programme').select2();
  465.                         }
  466.                     });
  467.                 } catch (e) {
  468.                     console.log(e);
  469.                 }
  470.             });
  472.             /**********Onclick Regional - Central*************/
  473.             $('#niveau-regional').click(function () {
  474.                 $('#niveau-gouv-commune').delay(250).fadeIn(0);
  475.                 $('#niveau-central-regional').delay(250).fadeOut(0);
  476.                 $('#niveau-central-detail').delay(250).fadeOut(0);
  477.                 $('#detail-carte-commune').delay(250).fadeOut(0);
  478.                 $('#detail-carte-gouvernorat').delay(250).fadeOut(0);
  479.             });
  480.             $('#niveau-central').click(function () {
  481.                 $('#niveau-central-detail').delay(250).fadeIn(0);
  482.                 $('#niveau-gouv-commune').delay(250).fadeOut(0);
  483.                 $('#niveau-central-regional').delay(250).fadeOut(0);
  484.                 $('#detail-carte-commune').delay(250).fadeOut(0);
  485.                 $('#detail-carte-gouvernorat').delay(250).fadeOut(0);
  486.             });
  487.             $('#detail-commune').click(function () {
  488.                 $('#detail-carte-commune').delay(250).fadeIn(0);
  489.                 $('#niveau-gouv-commune').delay(250).fadeOut(0);
  490.                 $('#niveau-central-regional').delay(250).fadeOut(0);
  491.                 $('#niveau-central-detail').delay(250).fadeOut(0);
  492.                 $('#detail-carte-gouvernorat').delay(250).fadeOut(0);
  493.             });
  494.             $('#detail-gouvernorat').click(function () {
  495.                 $('#detail-carte-gouvernorat').delay(250).fadeIn(0);
  496.                 $('#niveau-central-detail').delay(250).fadeOut(0);
  497.                 $('#niveau-gouv-commune').delay(250).fadeOut(0);
  498.                 $('#niveau-central-regional').delay(250).fadeOut(0);
  499.                 $('#detail-carte-commune').delay(250).fadeOut(0);
  500.             });
  501.             $('.retour-central-regional').click(function () {
  502.                 $('#niveau-central-regional').delay(250).fadeIn(0);
  503.                 $('#niveau-gouv-commune').delay(250).fadeOut(0);
  504.                 $('#niveau-central-detail').delay(250).fadeOut(0);
  505.                 $('#detail-carte-commune').delay(250).fadeOut(0);
  506.                 $('#detail-carte-gouvernorat').delay(250).fadeOut(0);
  507.             });
  508.         });
  509.     </script>
  511. {% endblock %}