templates/__front/maps.html.twig line 1

Open in your IDE?
  1. <div class="tabs advanced-real-estate-tabs clearfix">
  2.     <div class="tab-container">
  3.         <div class="clearfix">
  4.             <div class="tab-content clearfix" id="tab-properties">
  5.                 <div class="row justify-content-center col-mb-50 align-items-stretch">
  7.                     <div class="col-lg-6 row clearfix align-items-stretch bottommargin-lg" id="niveau-central-regional">
  8.                         <div class="col-lg-6 col-md-6 dark center col-padding" style="background-color: #2a46b0;">
  9.                             <i class="i-plain i-xlarge mx-auto icon-line2-directions"></i>
  10.                             <div class="counter counter-lined">
  11.                                 <span data-from="0" data-speed="100"
  12.                                       data-refresh-interval="{{ indicateurs['central'] ? indicateurs['central']['nbr'] : 0 }}"
  13.                                       data-to="{{ indicateurs['central'] ? indicateurs['central']['nbr'] : 0 }}"></span>
  14.                                 <h5>{{ 'projets'|trans }}</h5>
  15.                             </div>
  16.                             <h5>{{ 'Niveau Central'|trans }}</h5>
  17.                             <br/>
  18.                             <button class="btn btn-outline-light"
  19.                                     id="niveau-central">{{ 'Plus de détails'|trans }}</button>
  20.                         </div>
  21.                         <div class="col-lg-6 col-md-6 dark center col-padding" style="background-color: #515875;">
  22.                             <i class="i-plain i-xlarge mx-auto icon-line2-directions"></i>
  23.                             <div class="counter counter-lined">
  24.                                 <span data-from="0" data-speed="100"
  25.                                       data-to="{{ indicateurs['reg_local'] ? indicateurs['reg_local']['nbr'] : 0 }}"
  26.                                       data-refresh-interval="{{ indicateurs['reg_local'] ? indicateurs['reg_local']['nbr'] : 0 }}"></span>
  27.                                 <h5>{{ 'projets'|trans }}</h5>
  28.                             </div>
  29.                             <h5>{{ 'Local et Régional'|trans }}</h5>
  30.                             <br/>
  31.                             <button class="btn btn-outline-light"
  32.                                     id="niveau-regional">{{ 'Plus de détails'|trans }}</button>
  33.                         </div>
  34.                     </div>
  36.                     <div class="col-lg-6 row clearfix align-items-stretch bottommargin-lg" id="niveau-gouv-commune"
  37.                          style="display: none">
  38.                         <div class="col-lg-6 col-md-6 dark center col-padding" style="background-color: #3f3c3c;">
  39.                             <i class="i-plain i-xlarge mx-auto icon-handshake"></i>
  40.                             <div class="counter counter-lined">
  41.                                 <span data-from="0" data-speed="100"
  42.                                       data-to="{{ indicateurs['local'] ? indicateurs['local']['nbr'] : 0 }}"
  43.                                       data-refresh-interval="{{ indicateurs['local'] ? indicateurs['local']['nbr'] : 0 }}"></span>
  44.                                 <h5>{{ 'projets'|trans }}</h5>
  45.                             </div>
  46.                             <h5>{{ 'Municipalités'|trans }}</h5>
  47.                             <br/>
  48.                             <button class="btn btn-outline-light"
  49.                                     id="detail-commune">{{ 'Plus de détails'|trans }}</button>
  50.                         </div>
  51.                         <div class="col-lg-6 col-md-6 dark center col-padding" style="background-color: #2d56e7;">
  52.                             <i class="i-plain i-xlarge mx-auto icon-handshake"></i>
  53.                             <div class="counter counter-lined">
  54.                                 <span data-from="0" data-speed="100"
  55.                                       data-to="{{ indicateurs['regional'] ? indicateurs['regional']['nbr'] : 0 }}"
  56.                                       data-refresh-interval="{{ indicateurs['regional'] ? indicateurs['regional']['nbr'] : 0 }}"></span>
  57.                                 <h5>{{ 'projets'|trans }}</h5>
  58.                             </div>
  59.                             <h5>{{ 'Gouvernorats'|trans }}</h5>
  60.                             <br/>
  61.                             <button class="btn btn-outline-light"
  62.                                     id="detail-gouvernorat">{{ 'Plus de détails'|trans }}</button>
  63.                         </div>
  64.                     </div>
  66.                     <div class="col-lg-6 row" style="display: none;" id="niveau-central-detail">
  67.                         <div class="row pricing-box rounded-3 h-shadow shadow-ts border-danger border-width-0 px-4">
  68.                             {% if indicateurs['centrals'] is not empty %}
  69.                                 {% for centrals in indicateurs['centrals'] %}
  70.                                     <div class="col-sm-6 col-lg-6">
  71.                                         <div class="feature-box fbox-effect fbox-center fbox-outline fbox-dark border-bottom-0"
  72.                                              style="padding-top: 12px;">
  73.                                             <div class="fbox-icon modal-central" data-type="{{ centrals['idType'] }}">
  74.                                                 <a href="#"><i class="icon-map i-alt"></i></a>
  75.                                             </div>
  76.                                             <div class="fbox-content">
  77.                                                 {% if app.request.locale == 'ar' %}
  78.                                                     <h3>{{ centrals['nom_ar'] ? centrals['nom_ar'] : '' }}
  79.                                                         <span class="subtitle">{{ centrals['nbr'] ? centrals['nbr'] : 0 }}
  80.                                                             {{ 'projets'|trans }}</span>
  81.                                                     </h3>
  82.                                                 {% else %}
  83.                                                     <h3>{{ centrals['nom_fr'] ? centrals['nom_fr'] : '' }}
  84.                                                         <span class="subtitle">{{ centrals['nbr'] ? centrals['nbr'] : 0 }}
  85.                                                             {{ 'projets'|trans }}</span>
  86.                                                     </h3>
  87.                                                 {% endif %}
  88.                                             </div>
  89.                                         </div>
  90.                                     </div>
  91.                                 {% endfor %}
  92.                             {% endif %}
  93.                             <div class="col-sm-12 col-lg-12" style="text-align: center;">
  94.                                 <a class="btn btn-dark btn-sm retour-central-regional">{{ 'Retour à la liste >>'|trans }}</a>
  95.                             </div>
  96.                         </div>
  97.                     </div>
  99.                     <div class="col-lg-6 row" id="detail-carte-commune" style="display: none;">
  100.                         <div class="clear"></div>
  101.                         <div class="all_gouvs" data-gouvs="{{ tab_gov|json_encode|e('html_attr') }}"></div>
  102.                         <div class="col-lg-8 col-md-8 d-flex align-items-stretch">
  103.                             <div class="w-100 d-lg-flex">
  104.                                 <section class="cat-box list-box tie-cat-2 ">
  105.                                     <div class="cat-box-content">
  106.                                         <div class="wide-box">
  107.                                             <div class="map map-gouv">
  108.                                                 <div id="vmaps" class="wide-box li"></div>
  109.                                             </div>
  110.                                         </div>
  111.                                     </div>
  112.                                 </section>
  113.                             </div>
  114.                         </div>
  115.                         <div class="col-lg-4 col-md-4 d-flex align-items-stretch">
  116.                             <div class="w-100 d-lg-flex">
  117.                                 <section class="cat-box list-box tie-cat-2 ">
  118.                                     <div class="cat-box-content">
  119.                                         <div class="wide-box">
  120.                                             <div class="map">
  121.                                                 {% if app.request.locale == 'ar' %}
  122.                                                     <span class="regiongov"> {{ "Région de"|trans }} {{ tab_tn[0]['nom_ar_gov'] }}</span>
  123.                                                 {% else %}
  124.                                                     <span class="regiongov"> {{ "Région de"|trans }} {{ tab_tn[0]['nom_fr_gov'] }}</span>
  125.                                                 {% endif %}
  126.                                                 </h5>
  127.                                                 <div class="map-row-12 second-select-commune maps"></div>
  128.                                                 <div class="map-row-12 first-select-commune maps">
  129.                                                     {% for tn in tab_tn %}
  130.                                                         <h7 class="get_map list-gov" value="{{ tn['id_com'] }}"
  131.                                                             data-id="{{ tn['id_com'] }}">
  132.                                                             {% if app.request.locale == 'ar' %}
  133.                                                                 <i class="fa icon-map-marker-alt"></i> {{ tn['nom_ar'] }}
  134.                                                             {% else %}
  135.                                                                 <i class="fa icon-map-marker-alt"></i> {{ tn['nom_fr'] }}
  136.                                                             {% endif %}
  137.                                                         </h7>
  138.                                                         <br/>
  139.                                                     {% endfor %}
  140.                                                 </div>
  141.                                             </div>
  142.                                         </div>
  143.                                     </div>
  144.                                 </section>
  145.                             </div>
  146.                         </div>
  147.                         <div class="col-sm-12 col-lg-12" style="text-align: center;">
  148.                             <a class="btn btn-dark btn-sm retour-central-regional">{{ 'Retour à la liste >>'|trans }}</a>
  149.                         </div>
  150.                     </div>
  152.                     <div class="col-lg-6 row" id="detail-carte-gouvernorat" style="display: none;">
  153.                         <div class="col-lg-7 col-md-7 d-flex align-items-stretch">
  154.                             <div id="gmaps" class="wide-box li"></div>
  155.                         </div>
  156.                         <div class="col-lg-5 col-md-5 d-flex align-items-stretch">
  157.                             <div class="feature-box mt-4 fadeIn animated" data-animate="fadeIn" data-delay="200">
  158.                                 <div class="fbox-content">
  159.                                     <div class="fbox-icon">
  160.                                         <h1 style="font-size: 72px;">{{ indicateurs['regional'] ? indicateurs['regional']['nbr'] : 0 }}</h1>
  161.                                     </div>
  162.                                     <br/><br/>
  163.                                     <h2>{{ 'Gouvernorats'|trans }}</h2>
  164.                                     <p>{{ "liste des projets régional de l'instance générale de prospection et d’accompagnement de processus décentralisé"|trans }}</p>
  165.                                 </div>
  166.                             </div>
  167.                         </div>
  168.                         <div class="col-sm-12 col-lg-12" style="text-align: center;">
  169.                             <a class="btn btn-dark btn-sm retour-central-regional">{{ 'Retour à la liste >>'|trans }}</a>
  170.                         </div>
  171.                     </div>
  173.                     <div class="col-lg-6 col-md-6">
  174.                         <div class="row">
  175.                             <div class="col-md-6 col-xl-6">
  176.                                 <div class="pricing-box rounded-3 h-shadow shadow-ts border-danger border-width-0 px-4">
  177.                                     <div class="pricing-title border-bottom-0 pb-0 bg-transparent title-chart">
  178.                                         <h5 class="fw-medium">{{ 'projet-par-partenaire'|trans }}</h5>
  179.                                     </div>
  180.                                     <div class="pricing-features bg-transparent border-bottom-0 pb-1">
  181.                                         <div class="bottom margin mx-auto" style="width: auto; height: auto;">
  182.                                             <canvas id="chart-0"></canvas>
  183.                                         </div>
  184.                                     </div>
  185.                                 </div>
  186.                             </div>
  187.                             <div class="col-md-6 col-xl-6">
  188.                                 <div class="pricing-box rounded-3 h-shadow shadow-ts border-danger border-width-0 px-4">
  189.                                     <div class="pricing-title border-bottom-0 pb-0 bg-transparent title-chart">
  190.                                         <h5 class="fw-medium">{{ 'budget-par-partenaire'|trans }}</h5>
  191.                                     </div>
  192.                                     <div class="pricing-features bg-transparent border-bottom-0 pb-1">
  193.                                         <div class="bottom margin mx-auto" style="width: auto; height: auto;">
  194.                                             <canvas id="chart-1"></canvas>
  195.                                         </div>
  196.                                     </div>
  197.                                 </div>
  198.                             </div>
  199.                             <hr style="border: 0px solid;"/>
  200.                             <div class="col-md-6 col-xl-6">
  201.                                 <div class="pricing-box rounded-3 h-shadow shadow-ts border-danger border-width-0 px-4">
  202.                                     <div class="pricing-title border-bottom-0 pb-0 bg-transparent title-chart">
  203.                                         <h5 class="fw-medium">{{ 'Projets par E.avancement'|trans }}</h5>
  204.                                     </div>
  205.                                     <div class="pricing-features bg-transparent border-bottom-0 pb-1">
  206.                                         <div class="bottom margin mx-auto" style="width: auto; height: auto;">
  207.                                             <canvas id="chart-2"></canvas>
  208.                                         </div>
  209.                                     </div>
  210.                                 </div>
  211.                             </div>
  212.                             <div class="col-md-6 col-xl-6">
  213.                                 <div class="pricing-box rounded-3 h-shadow shadow-ts border-danger border-width-0 px-4">
  214.                                     <div class="pricing-title border-bottom-0 pb-0 bg-transparent title-chart">
  215.                                         <h5 class="fw-medium">{{ 'projet par S.intervention'|trans }}</h5>
  216.                                     </div>
  217.                                     <div class="pricing-features bg-transparent border-bottom-0 pb-1">
  218.                                         <div class="bottom margin mx-auto" style="width: auto; height: auto;">
  219.                                             <canvas id="chart-3"></canvas>
  220.                                         </div>
  221.                                     </div>
  222.                                 </div>
  223.                             </div>
  224.                         </div>
  225.                     </div>
  226.                 </div>
  228.                 <!-- Modal -->
  229.                 <div class="modal fade modal-lg" id="exampleModalToggle" aria-hidden="true"
  230.                      aria-labelledby="exampleModalToggleLabel" tabindex="-1">
  231.                     <div class="modal-dialog modal-dialog-centered">
  232.                         <div class="modal-content">
  233.                             <div class="modal-header">
  234.                                 <button type="button" class="btn-close" data-bs-dismiss="modal"
  235.                                         aria-label="Close"></button>
  236.                             </div>
  237.                             <div class="modal-body">
  238.                                 <div class="popup" style="display: block;">
  239.                                     <section class="popupModal" id="scrolexemple" style="height: auto;">
  240.                                         <!-------------------------Begin maps IPAPD----------------------------->
  241.                                         <div class="wrapper">
  242.                                             <div class="name">
  243.                                                 <span class="namecom">{{ "Non disponible"|trans }}</span>
  244.                                                 <span class="namegov">{{ "Non disponible"|trans }}</span>
  245.                                             </div>
  246.                                             <button class="btn-close" name="close">X</button>
  247.                                         </div>
  248.                                         <div class="wide-box">
  249.                                             <section class="cat-box list-box tie-cat-1 content-cmo" id="cat-marg">
  250.                                                 <div class="cat-box-title">
  251.                                                     <div class="stripe-line"></div>
  252.                                                     <div class="stripe-line"></div>
  253.                                                 </div>
  254.                                                 <br/>
  255.                                                 <div class="city-page__cmo content-section">
  256.                                                     <div class="entry">
  257.                                                         <div class="groupe_cmo1 row">
  258.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 index-cmo large-2 column cmo-graph__item cmo3 cmo-graph__item--true">
  259.                                                                 <span class="cmo-gouvernorat">
  260.                                                                 <div class="cmo-graph__status">
  261.                                                                     <div class="cmo-graph__image-wrapper">
  262.                                                                         <img src="{{ asset('uploads/logo/house.png') }}"
  263.                                                                              alt="" class="tie-appear"></div>
  264.                                                                 </div>
  265.                                                                 <div class="cmo-graph__item__text">
  266.                                                                     <h3><b>{{ "Gouvernorat"|trans }}</b></h3>
  267.                                                                     <h3 class="indic-gouvernorat">{{ "Non disponible"|trans }}</h3>
  268.                                                                 </div>
  269.                                                                 </span>
  270.                                                             </div>
  271.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 index-cmo large-2 column cmo-graph__item cmo4 cmo-graph__item--true">
  272.                                                                 <div class="cmo-graph__status">
  273.                                                                     <div class="cmo-graph__image-wrapper">
  274.                                                                         <img src="{{ asset('uploads/logo/approval.png') }}"
  275.                                                                              alt="" class="tie-appear">
  276.                                                                     </div>
  277.                                                                 </div>
  278.                                                                 <div class="cmo-graph__item__text">
  279.                                                                     <h3><b>{{ "nombre-projets"|trans }}</b></h3>
  280.                                                                     <h3 class="indic-projet">{{ "Non disponible"|trans }}</h3>
  281.                                                                 </div>
  282.                                                             </div>
  283.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 cmo1 index-cmo large-2 column cmo-graph__item cmo1 cmo-graph__item--true">
  284.                                                                 <div class="cmo-graph__status">
  285.                                                                     <div class="cmo-graph__image-wrapper ">
  286.                                                                         <img src="{{ asset('uploads/logo/money.png') }}"
  287.                                                                              alt="" class="tie-appear">
  288.                                                                     </div>
  289.                                                                 </div>
  290.                                                                 <div class="cmo-graph__item__text">
  291.                                                                     <h3><b>{{ "Budget en TND"|trans }}</b></h3>
  292.                                                                     <h3 class="indic-budget">{{ "Non disponible"|trans }}</h3>
  293.                                                                 </div>
  294.                                                             </div>
  295.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 index-cmo large-2 column cmo-graph__item cmo2 cmo-graph__item--true">
  296.                                                                <span class="cmo-municipalite">
  297.                                                                 <div class="cmo-graph__status">
  298.                                                                     <div class="cmo-graph__image-wrapper">
  299.                                                                         <img src="{{ asset('uploads/logo/house.png') }}"
  300.                                                                              alt="" class="tie-appear">
  301.                                                                     </div>
  302.                                                                 </div>
  303.                                                                 <div class="cmo-graph__item__text">
  304.                                                                     <h3><b>{{ "Municipalité générale"|trans }}</b></h3>
  305.                                                                     <h3 class="indic-municipalite">{{ "Non disponible"|trans }}</h3>
  306.                                                                 </div>
  307.                                                                </span>
  308.                                                             </div>
  309.                                                         </div>
  310.                                                     </div>
  311.                                                 </div>
  312.                                                 <hr/>
  313.                                                 <div class="city-page__cmo content-section section-charts-modal">
  314.                                                     <div class="entry">
  315.                                                         <div class="groupe_cmo1 row">
  316.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 cmo1 index-cmo large-2 column cmo-graph__item cmo1 cmo-graph__item--true">
  317.                                                                 <h3><b>{{ "Nombre des projets"|trans }}</b></h3>
  318.                                                                 <canvas id="erreur_message_cmo"></canvas>
  319.                                                             </div>
  320.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 index-cmo large-2 column cmo-graph__item cmo2 cmo-graph__item--true">
  321.                                                                 <h3><b>{{ "Budget en TND"|trans }}</b></h3>
  322.                                                                 <canvas id="erreur_message_cmo1"></canvas>
  323.                                                             </div>
  324.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 index-cmo large-2 column cmo-graph__item cmo3 cmo-graph__item--true">
  325.                                                                 <h3><b>{{ "projet par S.intervention"|trans }}</b></h3>
  326.                                                                 <canvas id="erreur_message_cmo2"></canvas>
  327.                                                             </div>
  328.                                                             <div class="col-lg-3 col-sm-3 col-xs-12 index-cmo large-2 column cmo-graph__item cmo4 cmo-graph__item--true">
  329.                                                                 <h3><b>{{ "Projets par E.avancement"|trans }}</b></h3>
  330.                                                                 <canvas id="erreur_message_cmo3"></canvas>
  331.                                                             </div>
  332.                                                         </div>
  333.                                                     </div>
  334.                                                 </div>
  336.                                                 <a class="more-link btn btn-warning text-right plus-detail"
  337.                                                    id="plus-detail-modal" href="#"> {{ "Plus du détails »"|trans }} </a>
  338.                                             </section>
  339.                                         </div>
  340.                                     </section>
  341.                                 </div>
  342.                             </div>
  343.                         </div>
  344.                     </div>
  345.                 </div>
  346.             </div>
  347.         </div>
  348.     </div>
  349. </div>