templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Liste des offres{% endblock %}
  5. {% block body %}
  6.   <main>
  7.     <link rel="stylesheet" href="{{asset('assets/css/text_carousel.css')}}">
  8.     
  9.     <!-- Hero Area Start-->
  10.     <div class="slider-area">
  11.         <section id="demos" >
  12.             <div class="large-12 columns" >
  13.                 <div class="owl-carousel owl-theme " style="margin: 0; padding: 0;">
  14.                     <div class="item" style="height:500px; background:none; margin: 0; padding: 0;">
  15.                         <h4>
  16.                             <img src="{{asset('assets/img/hero/job1.jpg')}}">
  17.                         </h4>
  18.                         <div class="custom_overlay">
  19.                             <span class="custom_overlay_inner">
  20.                                 <h2>Premier site de recrutement en Afrique</h2>
  21.                                 <h1>Gérer vos recrutement sans créer les embouteillages dans vos locaux</h1>
  22.                                 {% if not app.user %}
  23.                                     <a href="{{ path('register') }}" class="genric-btn danger circle arrow">Rejoingnez nous<span class="lnr lnr-arrow-right"></span></a>
  24.                                     <!--h3>Gérer vos recrutement sans créer les ambouteillage dans vos locaux</h3-->
  25.                                 {% endif %}
  26.                                 </span>
  27.                         </div>
  28.                     </div>
  29.                     <div class="item" style="height:500px; background:none; margin: 0; padding: 0;">
  30.                         <h4>
  31.                             <img src="{{asset('assets/img/hero/findjob2.jpg')}}">
  32.                         </h4>
  33.                         <div class="custom_overlay">
  34.                             <span class="custom_overlay_inner">
  35.                                 <h2>Premier site d'offre d'emploi en Afrique </h2>
  36.                                 <h1>Trouvez un emploie sans vous déplacer </h1>
  37.                                 {% if not app.user %}
  38.                                     <a href="{{ path('register') }}" class="genric-btn danger circle arrow">Rejoingnez nous<span class="lnr lnr-arrow-right"></span></a>
  39.                                     <!--h3>Gérer vos recrutement sans créer les ambouteillage dans vos locaux</h3-->
  40.                                 {% endif %}
  41.                             </span>
  42.                         </div>
  43.                     </div>
  44.                     <div class="item" style="height:500px; background:none; margin: 0; padding: 0;">
  45.                         <h4>
  46.                             <img src="{{asset('assets/img/hero/h1_hero.jpg')}}">
  47.                         </h4>
  48.                         <div class="custom_overlay">
  49.                             <span class="custom_overlay_inner">
  50.                                 <h2>Premier site d'offre d'emploi en Afrique </h2>
  51.                                 <h1>Gérez vos annonces de n'importe o'u!</h1>
  52.                                 {% if not app.user %}
  53.                                     <a href="{{ path('register') }}" class="genric-btn danger circle arrow">Rejoingnez nous<span class="lnr lnr-arrow-right"></span></a>
  54.                                     <!--h3>Gérer vos recrutement sans créer les ambouteillage dans vos locaux</h3-->
  55.                                 {% endif %}
  56.                             </span>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </section>
  62.     </div>
  63.     <!-- Hero Area End -->
  65.     <div class="job-listing-area pt-120 pb-120">
  66.           <div class="container">
  67.               <div class="row">
  68.                   <!-- Left content -->
  69.                   <div class="col-xl-3 col-lg-3 col-md-4">
  70.                       <div class="row">
  71.                           <div class="col-12">
  72.                             <div class="small-section-tittle2 mb-45">
  73.                                 <div class="ion"> <svg 
  74.                                     xmlns="http://www.w3.org/2000/svg"
  75.                                     xmlns:xlink="http://www.w3.org/1999/xlink"
  76.                                     width="20px" height="12px">
  77.                                     <path fill-rule="evenodd"  fill="rgb(27, 207, 107)"
  78.                                     d="M7.778,12.000 L12.222,12.000 L12.222,10.000 L7.778,10.000 L7.778,12.000 ZM-0.000,-0.000 L-0.000,2.000 L20.000,2.000 L20.000,-0.000 L-0.000,-0.000 ZM3.333,7.000 L16.667,7.000 L16.667,5.000 L3.333,5.000 L3.333,7.000 Z"/>
  79.                                     </svg>
  80.                                 </div>
  81.                                 <h4>Filtres</h4>
  82.                             </div>
  83.                           </div>
  84.                       </div>
  85.                     <!-- Job Category Listing start -->
  86.                     <div class="job-category-listing mb-50">
  87.                         <!-- single one -->
  88.                         <div class="single-listing">
  89.                             <div class="small-section-tittle2">
  90.                                 <h4>Types contrats</h4>
  91.                             </div>
  92.                             <!-- Select job items start -->
  93.                             <div class="select-job-items2">
  94.                                 <select name="select">
  95.                                     <option value="">Types contrats</option>
  96.                                     {% set newArray = [] %}
  97.                                     {% for announcement in announcements %}
  98.                                     {% if announcement.nature not in newArray %}
  99.                                     <option value="">{{announcement.nature |trim|upper}}</option>
  100.                                     {% set newArray = newArray|merge([announcement.nature]) %}
  101.                                     {% endif %}
  102.                                     {% endfor %}
  103.                                 </select>
  104.                             </div>
  105.                             <!--  Select job items End-->
  106.                             <!-- select-Categories start -->
  107.                             <div class="select-Categories pt-80 pb-50">
  108.                                 <div class="small-section-tittle2">
  109.                                     <h4>Catégories</h4>
  110.                                 </div>
  111.                                 {% for category in categories%}
  112.                                     <label class="container">{{category.category_name}}
  113.                                         <input type="checkbox" >
  114.                                         <span class="checkmark"></span>
  115.                                     </label>
  116.                                 {% endfor %}
  117.                             </div>
  118.                             <!-- select-Categories End -->
  119.                         </div>
  120.                     </div>
  121.                     <!-- Job Category Listing End -->
  122.                   </div>
  123.                   <!-- Right content -->
  124.                 <div class="col-xl-9 col-lg-9 col-md-8">
  125.                     <!-- Featured_job_start -->
  126.                     <section class="featured-job-area">
  127.                         <div class="container">
  128.                             <!-- Count of Job list Start -->
  129.                             <div class="row">
  130.                                 <div class="col-lg-12">
  131.                                     <div class="count-job mb-35">
  132.                                         <h2>Liste des offres</h2>
  133.                                         <div class="select-job-items">
  134.                                             {% if is_granted('ROLE_ANNOUNCE') %}
  135.                                             <div class="items-link items-link2 f-right">
  136.                                                 <a href="{{ path('new_offre') }}">Nouvelle offre</a>
  137.                                             </div>
  138.                                             
  139.                                             {% else %}
  140.                                             {% if is_granted('ROLE_USER') %}
  141.                                             <div class="items-link items-link2 f-right">
  142.                                                 <a href="{{ path('postuler_to') }}">Mes announces postuler</a>
  143.                                             </div>
  144.                                             {% endif %}
  145.                                             {% endif %}
  146.                                             
  147.                                         </div>
  148.                                         
  149.                                     </div>
  150.                                 </div>
  151.                             </div>
  152.                             <!-- Count of Job list End -->
  153.                             <!-- single-job-content -->
  154.                             <div class="single-job-items mb-30">
  155.                                 {% if announcements is iterable %}
  156.                                 {% for announcement in announcements %}
  157.                                     <div class="job-items">
  158.                                         <div class="company-img">
  159.                                             <a href="#"><img src="assets/img/icon/job-list4.png" alt=""></a>
  160.                                         </div>
  161.                                         <div class="job-tittle job-tittle2">
  162.                                             <a href="{{ path('detailanouncement_show', { 'id': announcement.id }) }}">
  163.                                                 <h4>{{ announcement.Title }}</h4>
  164.                                             </a>
  165.                                             <ul>
  166.                                                 <li>{{ announcement.createby.name }}</li>
  167.                                                 <li><i class="fas fa-map-marker-alt"></i>{{ announcement.createby.country }}, {{ announcement.createby.town }}</li>
  168.                                                 <li style="color:rgb(206, 19, 19);">{{ announcement.expirationDate |date("m/d/Y")}}</li>
  169.                                             </ul>
  170.                                         </div>
  171.                                     </div>
  172.                                     <div class="items-link items-link2 f-right">
  173.                                     <a href="{{ path('detailanouncement_show', { 'id': announcement.id }) }}">Détail</a>
  174.                                     </div>
  175.                                 
  176.                                 {% endfor %}
  177.                                 {% else %}
  178.                                     <div class="job-items">
  179.                                     <div class="job-tittle job-tittle2">
  180.                                         <a href="#">
  181.                                             <h4>{{announcements}}</h4>
  182.                                         </a>
  183.                                     </div>
  184.                                     </div>
  185.                                     
  186.                                 {% endif %}
  188.                             </div>
  189.                         </div>
  190.                     </section>
  191.                     <!-- Featured_job_end -->
  192.                 </div>
  193.               </div>
  194.           </div>
  195.     </div>
  196.   <!-- Job List Area End -->
  197.   <script>
  198.     $(document).ready(function() {
  199.         $('.owl-carousel').owlCarousel({
  200.         items: 1,
  201.         margin: 5,
  202.         autoHeight: true,
  203.         singleItem:true,
  204.         autoplayTimeout:4000,
  205.         autoplay:5000,
  206.         loop:true
  207.         });
  208.     })
  209.     </script>
  210. {% endblock %}
  212. {% block script %}
  213.   <script>
  214.     function sweetAlert(path, id){
  215.       console.log(path);
  216.       //console.log(titre);
  217.       swal({
  218.         title: "Confirmer la suppression",
  219.         text: "Etes vous sure de vouloir supprimer",
  220.         icon: "warning",
  221.         buttons: true,
  222.         dangerMode: true,
  223.       })
  224.       .then((willDelete) => {
  225.         if (willDelete){
  226.             console.log('');
  227.             code = suprimer(path);
  228.             console.log(code);
  229.             console.log('supprr');
  230.             if (code == 200){
  231.               console.log('sup200');
  232.               swal("Suppression effectuée",{
  233.                 icon: "success",
  234.               });
  235.             }else{
  236.               swal("Suppression effectuée",{
  237.                 icon: "success",
  238.               });
  239.             }
  240.         } else {
  241.           swal("Suppression abandonnée");
  242.         }
  243.       });
  245.     }
  246.   function suprimer(chemin){
  247.     console.log(chemin);
  248.     $.ajax({
  249.       url: chemin,
  250.       type: 'GET',  // http method
  251.       //data: { id:ident },  // data to submit
  252.       success: function (data, status, xhr) {
  253.         console.log('ttt');
  254.         $('p').append('status: ' + status + ', data: ' + data);
  255.         
  256.         setTimeout(function() {
  257.           location.reload();
  258.         }, 0001);    
  259.       
  260.         console.log(status);
  261.         console.log(data);
  262.         code = data.code;
  263.         console.log(code);
  264.         return code;
  265.       },
  266.       error: function (jqXhr, textStatus, errorMessage) {
  267.         console.log('eee');
  268.         $('p').append('Error' + errorMessage);
  269.       }
  270.     });
  271.   }
  272.   </script>
  273.   {% endblock %}