templates/__front__pages/detail-projet.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  3. {% block title %} Detail projet{% endblock %}
  5. {% block body %}
  6.     <section id="page-title" style="background-color: #FFF; padding: 1rem 0;">
  7.         <div class="container clearfix">
  8.             <h2>{{ projet.nomFr }}</h2>
  9.             <ol class="breadcrumb">
  10.                 <li class="breadcrumb-item"><a href="{{ path('app_front') }}">{{ "Accueil"|trans }}</a></li>
  11.                 <li class="breadcrumb-item"><a href="{{ path('mes_projets') }}">{{ "Projets"|trans }}</a></li>
  12.                 <li class="breadcrumb-item active" aria-current="page">{{ "Detail projets"|trans }}</li>
  13.             </ol>
  14.         </div>
  15.     </section>
  17.     <div class="sections parallax dark bottommargin-sm"
  18.          style="background-image: url('{{ asset("uploads/logo/home-testi-bg.jpg") }}'); background-size: cover;"
  19.          data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px -500px;">
  20.         <div class="container clearfix">
  21.             <div class="row">
  22.                 <div class="col-lg-3 text-center" data-animate="bounceIn">
  23.                     <i class="i-plain i-large mx-auto mb-0 icon-time"></i>
  24.                     <div class="counter counter-lined">
  25.                         {{ projet.dateDebut ? projet.dateDebut|date('d-m-Y') : '' }}
  26.                     </div>
  27.                     <h5>{{ "Date début du projet"|trans }}</h5>
  28.                 </div>
  30.                 <div class="col-lg-3 text-center" data-animate="bounceIn" data-delay="200">
  31.                     <i class="i-plain i-large mx-auto mb-0 icon-time"></i>
  32.                     <div class="counter counter-lined">
  33.                         {{ projet.dateFin ? projet.dateFin|date('d-m-Y') : '' }}</div>
  34.                     <h5>{{ "Date fin du projet"|trans }}</h5>
  35.                 </div>
  37.                 <div class="col-lg-3 text-center" data-animate="bounceIn" data-delay="600">
  38.                     <i class="i-plain i-large mx-auto mb-0 icon-money-bill-alt1"></i>
  39.                     <div class="counter counter-lined">
  40.                         <span data-from="0" data-to="{{ projet.budgetTnd }}"
  41.                               data-refresh-interval="30" data-speed="2700" data-comma="true"></span>
  42.                     </div>
  43.                     <h5>{{ "Budget en TND"|trans }}</h5>
  44.                 </div>
  46.                 <div class="col-lg-3 text-center" data-animate="bounceIn" data-delay="4">
  47.                     <i class="i-plain i-large mx-auto mb-0 icon-line-refresh-ccw"></i>
  48.                     <div class="counter counter-lined">
  49.                         <span data-from="0" data-to="{{ projet.percAvancement }}" data-refresh-interval="50"
  50.                               data-speed="3500" data-comma="true"></span> %
  51.                     </div>
  52.                     <h5>{{ "Pourcentage avancement"|trans }}</h5>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  58.     {% if app.request.locale == 'ar' %}
  59.         <div class="container clearfix">
  60.             <div class="row col-mb-50">
  61.                 <div class="col-md-4 col-lg-4">
  62.                     <div class="card event-meta">
  63.                         <div class="card-body">
  64.                             <ul class="portfolio-meta mb-0">
  65.                                 <li><span><i class="icon-user"></i>{{ "Nom projet:"|trans }}</span> {{ projet.nomAr }}
  66.                                 </li>
  67.                                 <li>
  68.                                     <span><i class="icon-calendar3"></i>{{ "Date Début:"|trans }}</span>
  69.                                     {{ projet.dateDebut ? projet.dateDebut|date('d-m-Y') : '' }}
  70.                                 </li>
  71.                                 <li>
  72.                                     <span><i class="icon-calendar3"></i>{{ "Date Fin:"|trans }}</span>
  73.                                     {{ projet.dateFin ? projet.dateFin|date('d-m-Y') : '' }}
  74.                                 </li>
  75.                                 <li>
  76.                                     <span><i class="icon-statusnet"></i>{{ "Status:"|trans }}</span>
  77.                                     {{ projet.status ? projet.status.nomFr : '' }}
  78.                                 </li>
  79.                             </ul>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.                 <div class="col-md-4 col-lg-4">
  84.                     <div class="card event-meta">
  85.                         <div class="card-body">
  86.                             <ul class="portfolio-meta mb-0">
  87.                                 <li><span><i class="icon-house-user"></i>{{ "Env Intervention:"|trans }}</span>
  88.                                     {% for envInter in projet.envInterventions %}
  89.                                         {{ envInter.nomFr ? envInter.nomFr : '' }}
  90.                                     {% endfor %}
  91.                                 </li>
  92.                                 <li><span><i class="icon-house-user"></i>{{ "Mod Execution:"|trans }}</span>
  93.                                     {{ projet.modExecution ? projet.modExecution.nomAr : '' }}
  94.                                 </li>
  95.                                 <li><span><i class="icon-warehouse"></i>{{ "Secteur:"|trans }}</span>
  96.                                     {{ projet.sousSecteur ? projet.sousSecteur.nomAr }}
  97.                                 </li>
  98.                                 <li><span><i class="icon-warehouse"></i>{{ "Domaine:"|trans }}</span>
  99.                                     {{ projet.sousDomaine ? projet.sousDomaine.nomAr : '' }}
  100.                                 </li>
  101.                             </ul>
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.                 <div class="col-md-4 col-lg-4">
  106.                     <div class="card event-meta">
  107.                         <div class="card-body">
  108.                             <ul class="portfolio-meta mb-0">
  109.                                 <li><span><i class="icon-money"></i>{{ "Budget en devise:"|trans }}</span>
  110.                                     {{ projet.budgetDevise ? projet.budgetDevise : 0 }}
  111.                                     {{ projet.devise ? projet.devise.nomAr : '' }}
  112.                                 </li>
  113.                                 <li><span><i class="icon-money"></i>{{ "Budget en TND:"|trans }}</span>
  114.                                     {{ projet.budgetTnd ? projet.budgetTnd : 0 }} {{ 'TND'|trans }}
  115.                                 </li>
  116.                                 <li><span><i class="icon-house-user"></i>{{ "Paretenaire:"|trans }}</span>
  117.                                     {% for programme in projet.programmes %}
  118.                                         {{ programme.partenaireId ? programme.partenaireId.nomAr : '' }}
  119.                                     {% endfor %}
  120.                                 </li>
  121.                                 <li><span><i class="icon-house-user"></i>{{ "Programme:"|trans }}</span>
  122.                                     {% for programme in projet.programmes %}
  123.                                         {{ programme.nomAr ? programme.nomAr : '' }}
  124.                                     {% endfor %}
  125.                                 </li>
  126.                             </ul>
  127.                         </div>
  128.                     </div>
  129.                 </div>
  130.             </div>
  132.             <br/>
  134.             <div class="row col-mb-50">
  135.                 <div class="col-md-12 col-lg-12 portfolio-single-content">
  136.                     <div class="title-border">
  137.                         <h2>{{ "Projet Détails"|trans }}</h2>
  138.                     </div>
  139.                     <div class="row col-mb-30">
  140.                         <div class="col-sm-12 col-md-12 col-lg-12">
  141.                             <p>{{ projet.descriptionAr|nl2br }}</p>
  142.                         </div>
  143.                     </div>
  144.                 </div>
  145.             </div>
  147.             <br/>
  149.             <div class="row col-mb-50">
  150.                 <div class="col-lg-12">
  151.                     <div class="grid-inner">
  152.                         <div class="entry-image clearfix">
  153.                             <div class="portfolio-single-image masonry-thumbs grid-container grid-6"
  154.                                  data-big="3" data-lightbox="gallery">
  155.                                 {% if (projet.imageAlaUne is not empty) %}
  156.                                     <a class="grid-item" href="{{ asset('uploads/projet/' ~ projet.imageAlaUne) }}"
  157.                                        data-lightbox="gallery-item">
  158.                                         <img src="{{ asset('uploads/projet/' ~ projet.imageAlaUne) }}" alt="Image">
  159.                                     </a>
  160.                                 {% endif %}
  161.                                 {% if ((projet.photos) and(projet.photos is not empty)) %}
  162.                                     {% for photo in projet.photos %}
  163.                                         <a class="grid-item" href="{{ asset('uploads/projet/' ~ photo.nomFr) }}"
  164.                                            data-lightbox="gallery-item">
  165.                                             <img src="{{ asset('uploads/projet/' ~ photo.nomFr) }}" alt="Image">
  166.                                         </a>
  167.                                     {% endfor %}
  168.                                 {% endif %}
  169.                             </div>
  170.                         </div>
  171.                     </div>
  172.                 </div>
  173.             </div>
  175.             <div class="row col-mb-50">
  176.                 <div class="col-lg-12">
  177.                     <div class="tabs tabs-alt clearfix" id="tabs-profile">
  178.                         <ul class="tab-nav clearfix">
  179.                             <li><a href="#tab-feeds"><i class="icon-rss2"></i> {{ "Béneficiares"|trans }}</a></li>
  180.                             <li><a href="#tab-posts"><i class="icon-pencil2"></i> {{ "Pieces jointes"|trans }}</a></li>
  181.                             <li><a href="#tab-replies"><i class="icon-reply"></i> {{ "Autres partenaires"|trans }}</a>
  182.                             </li>
  183.                             <li><a href="#tab-connections"><i class="icon-users"></i> {{ "Autres beneficiares"|trans }}
  184.                                 </a></li>
  185.                         </ul>
  186.                         <div class="tab-container">
  187.                             <div class="tab-content clearfix" id="tab-feeds">
  188.                                 <blockquote class="topmargin bottommargin">
  189.                                     {% if ((projet.communes) and(projet.communes is not empty)) %}
  190.                                         <ul>
  191.                                             {% for commune in projet.communes %}
  192.                                                 <li>{{ commune.nomAr }}</li>
  193.                                             {% endfor %}
  194.                                         </ul>
  195.                                     {% endif %}
  196.                                 </blockquote>
  197.                             </div>
  198.                             <div class="tab-content clearfix" id="tab-posts">
  199.                                 <blockquote class="topmargin bottommargin row">
  200.                                     {% if ((projet.pieceJointes) and(projet.pieceJointes is not empty)) %}
  201.                                         {% for pieceJointe in projet.pieceJointes %}
  202.                                             <div class="col-lg-3">
  203.                                                 <a href="{{ asset('uploads/projet/' ~ pieceJointe.nomFr) }}"
  204.                                                    target="_blank">
  205.                                                     <div class="card-img-top file-logo-wrapper">
  206.                                                         <div class="d-flex align-items-center justify-content-center w-100">
  207.                                                             <img src="{{ asset('app-assets/images/icons/doc.png') }}"
  208.                                                                  alt="file-icon" height="35"/>
  209.                                                         </div>
  210.                                                     </div>
  211.                                                     <div class="card-body">
  212.                                                         <div class="content-wrapper text-center">
  213.                                                             <p class="card-text file-name mb-0 text-center">
  214.                                                                 {{ pieceJointe.nomFr }}
  215.                                                             </p>
  216.                                                         </div>
  217.                                                     </div>
  218.                                                 </a>
  219.                                             </div>
  220.                                         {% endfor %}
  221.                                     {% endif %}
  222.                                 </blockquote>
  223.                             </div>
  224.                             <div class="tab-content clearfix" id="tab-replies">
  225.                                 <blockquote class="topmargin bottommargin">
  226.                                     {% if ((projet.autreBeneficiares) and(projet.autreBeneficiares is not empty)) %}
  227.                                         <ul>
  228.                                             {% for autreBeneficiare in projet.autreBeneficiares %}
  229.                                                 <li>{{ autreBeneficiare.entityExterne ? autreBeneficiare.entityExterne.nomAr : '' }}</li>
  230.                                             {% endfor %}
  231.                                         </ul>
  232.                                     {% endif %}
  233.                                 </blockquote>
  234.                             </div>
  235.                             <div class="tab-content clearfix" id="tab-connections">
  236.                                 <blockquote class="topmargin bottommargin">
  237.                                     {% if ((projet.autrePartenaires) and(projet.autrePartenaires is not empty)) %}
  238.                                         <ul>
  239.                                             {% for autrePartenaire in projet.autrePartenaires %}
  240.                                                 <li>{{ autrePartenaire.entityExterne ? autrePartenaire.entityExterne.nomAr : '' }}</li>
  241.                                             {% endfor %}
  242.                                         </ul>
  243.                                     {% endif %}
  244.                                 </blockquote>
  245.                             </div>
  246.                         </div>
  247.                     </div>
  248.                 </div>
  249.             </div>
  250.         </div>
  251.     {% else %}
  252.         <div class="container clearfix">
  253.             <div class="row col-mb-50">
  254.                 <div class="col-md-4 col-lg-4">
  255.                     <div class="card event-meta">
  256.                         <div class="card-body">
  257.                             <ul class="portfolio-meta mb-0">
  258.                                 <li><span><i class="icon-user"></i>{{ "Nom projet:"|trans }}</span> {{ projet.nomFr }}
  259.                                 </li>
  260.                                 <li>
  261.                                     <span><i class="icon-calendar3"></i>{{ "Date Début:"|trans }}</span>
  262.                                     {{ projet.dateDebut ? projet.dateDebut|date('d-m-Y') : '' }}
  263.                                 </li>
  264.                                 <li>
  265.                                     <span><i class="icon-calendar3"></i>{{ "Date Fin:"|trans }}</span>
  266.                                     {{ projet.dateFin ? projet.dateFin|date('d-m-Y') : '' }}
  267.                                 </li>
  268.                                 <li>
  269.                                     <span><i class="icon-statusnet"></i>{{ "Status:"|trans }}</span>
  270.                                     {{ projet.status ? projet.status.nomFr : '' }}
  271.                                 </li>
  272.                             </ul>
  273.                         </div>
  274.                     </div>
  275.                 </div>
  276.                 <div class="col-md-4 col-lg-4">
  277.                     <div class="card event-meta">
  278.                         <div class="card-body">
  279.                             <ul class="portfolio-meta mb-0">
  280.                                 <li><span><i class="icon-house-user"></i>{{ "Env Intervention:"|trans }}</span>
  281.                                     {% for envInter in projet.envInterventions %}
  282.                                         {{ envInter.nomFr ? envInter.nomFr : '' }}
  283.                                     {% endfor %}
  284.                                 </li>
  285.                                 <li><span><i class="icon-house-user"></i>{{ "Mod Execution:"|trans }}</span>
  286.                                     {{ projet.modExecution ? projet.modExecution.nomFr : '' }}
  287.                                 </li>
  288.                                 <li><span><i class="icon-warehouse"></i>{{ "Secteur:"|trans }}</span>
  289.                                     {{ projet.sousSecteur ? projet.sousSecteur.nomFr }}
  290.                                 </li>
  291.                                 <li><span><i class="icon-warehouse"></i>{{ "Domaine:"|trans }}</span>
  292.                                     {{ projet.sousDomaine ? projet.sousDomaine.nomFr : '' }}
  293.                                 </li>
  294.                             </ul>
  295.                         </div>
  296.                     </div>
  297.                 </div>
  298.                 <div class="col-md-4 col-lg-4">
  299.                     <div class="card event-meta">
  300.                         <div class="card-body">
  301.                             <ul class="portfolio-meta mb-0">
  302.                                 <li><span><i class="icon-money"></i>{{ "Budget en devise:"|trans }}</span>
  303.                                     {{ projet.budgetDevise ? projet.budgetDevise : 0 }}
  304.                                     {{ projet.devise ? projet.devise.nomFr : '' }}
  305.                                 </li>
  306.                                 <li><span><i class="icon-money"></i>{{ "Budget en TND:"|trans }}</span>
  307.                                     {{ projet.budgetTnd ? projet.budgetTnd : 0 }} {{ 'TND'|trans }}
  308.                                 </li>
  309.                                 <li><span><i class="icon-house-user"></i>{{ "Paretenaire:"|trans }}</span>
  310.                                     {% for programme in projet.programmes %}
  311.                                         {{ programme.partenaireId ? programme.partenaireId.nomFr : '' }}
  312.                                     {% endfor %}
  313.                                 </li>
  314.                                 <li><span><i class="icon-house-user"></i>{{ "Programme:"|trans }}</span>
  315.                                     {% for programme in projet.programmes %}
  316.                                         {{ programme.nomFr ? programme.nomFr : '' }}
  317.                                     {% endfor %}
  318.                                 </li>
  319.                             </ul>
  320.                         </div>
  321.                     </div>
  322.                 </div>
  323.             </div>
  325.             <br/>
  327.             <div class="row col-mb-50">
  328.                 <div class="col-md-12 col-lg-12 portfolio-single-content">
  329.                     <div class="title-border">
  330.                         <h2>{{ "Projet Détails"|trans }}</h2>
  331.                     </div>
  332.                     <div class="row col-mb-30">
  333.                         <div class="col-sm-12 col-md-12 col-lg-12">
  334.                             <p>{{ projet.descriptionFr|nl2br }}</p>
  335.                         </div>
  336.                     </div>
  337.                 </div>
  338.             </div>
  340.             <br/>
  342.             <div class="row col-mb-50">
  343.                 <div class="col-lg-12">
  344.                     <div class="grid-inner">
  345.                         <div class="entry-image clearfix">
  346.                             <div class="portfolio-single-image masonry-thumbs grid-container grid-6"
  347.                                  data-big="3" data-lightbox="gallery">
  348.                                 {% if (projet.imageAlaUne is not empty) %}
  349.                                     <a class="grid-item" href="{{ asset('uploads/projet/' ~ projet.imageAlaUne) }}"
  350.                                        data-lightbox="gallery-item">
  351.                                         <img src="{{ asset('uploads/projet/' ~ projet.imageAlaUne) }}" alt="Image">
  352.                                     </a>
  353.                                 {% endif %}
  354.                                 {% if ((projet.photos) and(projet.photos is not empty)) %}
  355.                                     {% for photo in projet.photos %}
  356.                                         <a class="grid-item" href="{{ asset('uploads/projet/' ~ photo.nomFr) }}"
  357.                                            data-lightbox="gallery-item">
  358.                                             <img src="{{ asset('uploads/projet/' ~ photo.nomFr) }}" alt="Image">
  359.                                         </a>
  360.                                     {% endfor %}
  361.                                 {% endif %}
  362.                             </div>
  363.                         </div>
  364.                     </div>
  365.                 </div>
  366.             </div>
  368.             <div class="row col-mb-50">
  369.                 <div class="col-lg-12">
  370.                     <div class="tabs tabs-alt clearfix" id="tabs-profile">
  371.                         <ul class="tab-nav clearfix">
  372.                             <li>
  373.                                 <a href="#tab-feeds"><i class="icon-rss2"></i> {{ "Béneficiares"|trans }}</a></li>
  374.                             <li>
  375.                                 <a href="#tab-posts"><i class="icon-pencil2"></i> {{ "Pieces jointes"|trans }}</a></li>
  376.                             <li>
  377.                                 <a href="#tab-replies"><i class="icon-reply"></i> {{ "Autres partenaires"|trans }}</a>
  378.                             </li>
  379.                             <li>
  380.                                 <a href="#tab-connections"><i class="icon-users"></i> {{ "Autres beneficiares"|trans }}
  381.                                 </a>
  382.                             </li>
  383.                         </ul>
  384.                         <div class="tab-container">
  385.                             <div class="tab-content clearfix" id="tab-feeds">
  386.                                 <blockquote class="topmargin bottommargin">
  387.                                     {% if ((projet.communes) and(projet.communes is not empty)) %}
  388.                                         <ul>
  389.                                             {% for commune in projet.communes %}
  390.                                                 <li>{{ commune.nomFr }}</li>
  391.                                             {% endfor %}
  392.                                         </ul>
  393.                                     {% endif %}
  394.                                 </blockquote>
  395.                             </div>
  396.                             <div class="tab-content clearfix" id="tab-posts">
  397.                                 <blockquote class="topmargin bottommargin row">
  398.                                     {% if ((projet.pieceJointes) and(projet.pieceJointes is not empty)) %}
  399.                                         {% for pieceJointe in projet.pieceJointes %}
  400.                                             <div class="col-lg-3">
  401.                                                 <a href="{{ asset('uploads/projet/' ~ pieceJointe.nomFr) }}"
  402.                                                    target="_blank">
  403.                                                     <div class="card-img-top file-logo-wrapper">
  404.                                                         <div class="d-flex align-items-center justify-content-center w-100">
  405.                                                             <img src="{{ asset('app-assets/images/icons/doc.png') }}"
  406.                                                                  alt="file-icon" height="35"/>
  407.                                                         </div>
  408.                                                     </div>
  409.                                                     <div class="card-body">
  410.                                                         <div class="content-wrapper text-center">
  411.                                                             <p class="card-text file-name mb-0 text-center">
  412.                                                                 {{ pieceJointe.nomFr }}
  413.                                                             </p>
  414.                                                         </div>
  415.                                                     </div>
  416.                                                 </a>
  417.                                             </div>
  418.                                         {% endfor %}
  419.                                     {% endif %}
  420.                                 </blockquote>
  421.                             </div>
  422.                             <div class="tab-content clearfix" id="tab-replies">
  423.                                 <blockquote class="topmargin bottommargin">
  424.                                     {% if ((projet.autreBeneficiares) and(projet.autreBeneficiares is not empty)) %}
  425.                                         <ul>
  426.                                             {% for autreBeneficiare in projet.autreBeneficiares %}
  427.                                                 <li>{{ autreBeneficiare.entityExterne ? autreBeneficiare.entityExterne.nomFr : '' }}</li>
  428.                                             {% endfor %}
  429.                                         </ul>
  430.                                     {% endif %}
  431.                                 </blockquote>
  432.                             </div>
  433.                             <div class="tab-content clearfix" id="tab-connections">
  434.                                 <blockquote class="topmargin bottommargin">
  435.                                     {% if ((projet.autrePartenaires) and(projet.autrePartenaires is not empty)) %}
  436.                                         <ul>
  437.                                             {% for autrePartenaire in projet.autrePartenaires %}
  438.                                                 <li>{{ autrePartenaire.entityExterne ? autrePartenaire.entityExterne.nomFr : '' }}</li>
  439.                                             {% endfor %}
  440.                                         </ul>
  441.                                     {% endif %}
  442.                                 </blockquote>
  443.                             </div>
  444.                         </div>
  445.                     </div>
  446.                 </div>
  447.             </div>
  448.         </div>
  449.     {% endif %}
  451. {% endblock %}