templates/offres/offres.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <title>EasyJob |
  5.             {{controller_name}}</title>
  6.         <meta charset="utf-8">
  7.         <meta
  8.         name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.         <!--icon -->
  10.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  11.         <link
  12.         rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
  13.         <!-- CSS only -->
  14.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
  15.         <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  17.         <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap" rel="stylesheet">
  19.         <link rel="stylesheet" href="{{ asset('css/open-iconic-bootstrap.min.css')}}">
  20.         <link rel="stylesheet" href="{{ asset('css/animate.css')}}">
  22.         <link rel="stylesheet" href="{{ asset('css/owl.carousel.min.css')}}">
  23.         <link rel="stylesheet" href="{{ asset('css/owl.theme.default.min.css')}}">
  24.         <link rel="stylesheet" href="{{ asset('css/magnific-popup.css')}}">
  26.         <link rel="stylesheet" href="{{ asset('css/aos.css')}}">
  28.         <link rel="stylesheet" href="{{ asset('css/ionicons.min.css')}}">
  30.         <link rel="stylesheet" href="{{ asset('css/bootstrap-datepicker.css')}}">
  31.         <link rel="stylesheet" href="{{ asset('css/jquery.timepicker.css')}}">
  34.         <link rel="stylesheet" href="{{ asset('css/flaticon.css')}}">
  35.         <link rel="stylesheet" href="{{ asset('css/icomoon.css')}}">
  36.         <link rel="stylesheet" href="{{ asset('css/style.css')}}">
  39.     </head>
  40.     <body>
  42.         <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
  43.             <div class="container-fluid px-md-4    ">
  44.                 <a class="navbar-brand" href="{{path('home')}}">
  45.                     <span style="color:#81ecec;">E</span>as<span style="color:#81ecec;">y</span>j<span style="color:#81ecec;">o</span>b</a>
  46.             </a>
  47.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
  48.                 <span class="oi oi-menu"></span>
  49.                 Menu
  50.             </button>
  52.             <div class="collapse navbar-collapse" id="ftco-nav">
  53.                 <ul class="navbar-nav ml-auto">
  54.                     <li class="nav-item">
  55.                         <a href="{{path('home')}}" class="nav-link">Acceuil</a>
  56.                     </li>
  57.                     <li class="nav-item active">
  58.                         <a href="{{path('offres')}}" class="nav-link">Offres</a>
  59.                     </li>
  60.                     {# <li class="nav-item">
  61.                                                                                                                                                 <a href="{{path('demande')}}" class="nav-link">Demandes</a>
  62.                                                                                                                                             </li> #}
  63.                     {% if app.user and "ROLE_RECRUITER" in app.user.roles %}
  64.                         <li class="nav-item">
  65.                             <a href="{{path('candidat')}}" class="nav-link">Candidats</a>
  66.                         </li>
  67.                     {% endif %}
  68.                     <li class="nav-item">
  69.                         <a href="{{path('contact')}}" class="nav-link">Contact</a>
  70.                     </li>
  71.                     {% if not app.user %}
  73.                         <li class="nav-item">
  74.                             <a href="{{path('app_login')}}" class="nav-link">Connexion</a>
  75.                         </li>
  76.                         <li class="nav-item">
  77.                             <a href="{{path('register')}}" class="nav-link">S'inscrire</a>
  78.                         </li>
  79.                     {% else %}
  80.                         <ul class="navbar-nav ml-auto">
  81.                             <li class="nav-item dropdown">
  82.                                 <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
  83.                                     <i class="fal fa-user-circle"></i>
  84.                                 </a>
  85.                                 <div class="dropdown-menu">
  86.                                     <a class="dropdown-item" href="{{path('user_profil', {'id': app.user.id}) }}">Profile</a>
  87.                                     {% if  app.user and "ROLE_RECRUITER" in app.user.roles  %}
  89.                                         {# <a class="dropdown-item" href="{{path('mes_demande', {'id': app.user.id}) }}">Mes missions</a> #}
  90.                                         <a class="dropdown-item" href="{{path('mes_offre', {'id': app.user.id}) }}">Mes offres</a>
  91.                                         <a class="dropdown-item" href="{{path('historique_demande', {'id': app.user.id}) }}">Historique</a>
  93.                                     {% endif %}
  95.                                     <a class="dropdown-item" href="{{path('app_logout')}}">Déconnecté</a>
  96.                                 </div>
  97.                             </li>
  98.                         {% endif %}
  100.                     </ul>
  102.                     {% if  app.user and "ROLE_RECRUITER" in app.user.roles  %}
  103.                         {# <li class="nav-item cta mr-md-1">
  104.                                                                                                                                                                             <a href="{{path('publier_demande')}}" class="nav-link">Publier une demande</a>
  105.                                                                                                                                                                         </li> #}
  106.                         <li class="nav-item cta cta-colored">
  107.                             <a href="{{path('publier_offre')}}" class="nav-link">Publier un offre</a>
  108.                         </li>
  110.                     {% endif %}
  112.                 </ul>
  114.             </div>
  115.         </div>
  116.     </body>
  117. </html></nav><!-- END nav --><div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_1.jpg');" data-stellar-background-ratio="0.5">
  118. <div class="overlay"></div>
  119. <div class="container">
  120.     <div class="row no-gutters slider-text align-items-end justify-content-start">
  121.         <div class="col-md-12 ftco-animate text-center mb-5">
  122.             <p class="breadcrumbs mb-0">
  123.                 <span class="mr-3">
  124.                     <a href="{{path('home')}}">Accueil
  125.                         <i class="ion-ios-arrow-forward"></i>
  126.                     </a>
  127.                 </span>
  128.                 <span>Offres</span>
  129.             </p>
  130.             <h1 class="mb-3 bread">Parcourir les offres</h1>
  131.         </div>
  132.     </div>
  133. </div></div><section class="ftco-section bg-light">
  134. <div class="container">
  135.     <div class="row">
  136.         {% for message in app.flashes('message') %}
  137.             <div class="alert alert-primary">
  138.                 {{ message }}
  139.             </div>
  140.         {% endfor %}
  142.         <div class="col-lg-9 pr-lg-4">
  143.             <div class="row">
  145.                 {% for message in app.flashes('warning') %}
  146.                     <div class="alert alert-warning">
  147.                         {{ message }}
  148.                     </div>
  149.                 {% endfor %}
  152.                 {% for offre in offres %}
  154.                     <div class="col-md-12 ftco-animate">
  155.                         <div class="job-post-item p-4 d-block d-lg-flex align-items-center">
  156.                             <div class="one-third mb-4 mb-md-0">
  158.                                 <div class="job-post-item-header align-items-center">
  159.                                     <span class="subadge">{{offre.user.username}}
  160.                                         {{offre.user.lastname}}</span>
  161.                                     <h2 class="mr-3 text-black">
  162.                                         <p>{{offre.titre}}</p>
  163.                                     </h2>
  164.                                     <p>{{ offre.description}}</p>
  165.                                 </div>
  166.                                 <div class="job-post-item-body d-block d-md-flex">
  167.                                     <div class="mr-3">
  168.                                         <span class="icon-layers"></span>
  169.                                         <a href="#">publié le
  170.                                             {{offre.createdAt | date("d/m/Y")}}</a>
  171.                                     </div>
  172.                                     <div>
  173.                                         <span class="icon-my_location"></span>
  174.                                         <span>{{offre.user.ville}}</span>
  175.                                     </div>
  176.                                 </div>
  177.                                 <div>
  179.                                     <em class="text-muted text-primary text-italic">#{{offre.souscategorie.title}}</em>
  181.                                 </div>
  182.                                 <p>Type d'offre:
  183.                                     <em class="text-muted text-primary text-italic">#{{offre.type | upper}}</em>
  184.                                 </p>
  185.                             </div>
  187.                             <div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">
  188.                                 <a href="{{path('detail_offre',{'id':offre.id})}}" class="btn btn-primary py-2">Détail</a>
  189.                                 {% if app.user and "ROLE_EMPLOYEE" in app.user.roles  and   app.user not in  offre.candidatures %}
  190.                                     <a href="{{ path('job_apply',{'id': offre.id}) }}" class="btn btn-success py-2">Postuler</a><br/>
  191.                                 {% endif %}
  193.                             </div>
  194.                         </div>
  195.                     </div>
  196.                     <!-- end -->
  197.                 {% endfor %}
  198.             </div>
  199.             <div class="row mt-5">
  200.                 {{ knp_pagination_render(offres) }}
  201.                 {% if not app.user %}
  202.                     <div class="alert alert-warning" role="alert">
  203.                         <a href="{{path('app_login')}}">
  204.                             <button class="btn btn-warning">Connectez-vouz</button>
  205.                         </a>
  206.                         pour publier une demande
  207.                     </div>
  208.                 {% endif %}
  210.             </div>
  211.         </div>
  212.         <div class="col-lg-3 sidebar">
  213.             {{form_start(form)}}
  214.             <div class="sidebar-box bg-white p-4 ftco-animate">
  215.                 <h1>Recherche</h1>
  217.                 <div class="form-group">
  219.                     {{form_row(form.q)}}
  220.                 </div>
  222.                 <h4>Catégories</h4>
  224.                 {{ form_row(form.categories) }}
  226.                 <h4>Type offre
  227.                 </h4>
  228.                 {{form_row(form.type)}}
  230.                 <h4>Villes</h4>
  231.                 {{ form_row(form.ville) }}
  233.                 <button type="submit" class="btn btn-primary w-100">Filtrer</button>
  235.             </div>
  236.             {{form_end(form)}}
  237.         </div>
  238.     </div>
  239. </div></section><footer class="ftco-footer ftco-bg-dark ftco-section">
  240. <div class="container">
  241.     <div class="row mb-5">
  242.         <div class="col-md">
  243.             <div class="ftco-footer-widget mb-4">
  244.                 <h2 class="ftco-heading-2">EasyJob</h2>
  245.                 <p>Outil pour renforcer vote réseau professionnel ou amical, 
  246.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 échanger des services est enfin devenu plus facile,et
  247.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 favorise l'entraide et les échanges de services entre voisins.</p>
  248.                 <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
  249.                     <li class="ftco-animate">
  250.                         <a href="#">
  251.                             <span class="icon-twitter"></span>
  252.                         </a>
  253.                     </li>
  254.                     <li class="ftco-animate">
  255.                         <a href="#">
  256.                             <span class="icon-facebook"></span>
  257.                         </a>
  258.                     </li>
  259.                     <li class="ftco-animate">
  260.                         <a href="#">
  261.                             <span class="icon-instagram"></span>
  262.                         </a>
  263.                     </li>
  264.                 </ul>
  265.             </div>
  266.         </div>
  267.         <div class="col-md">
  268.             <div class="ftco-footer-widget mb-4">
  269.                 <h2 class="ftco-heading-2">Emplois</h2>
  270.                 <ul class="list-unstyled">
  271.                     <li>
  272.                         <a href="{{path('publier_offre')}}" class="pb-1 d-block">publier une offre de travail</a>
  273.                     </li>
  274.                     <li>
  275.                         <a href="{{path('publier_demande')}}" class="pb-1 d-block">publier une demande de travail</a>
  276.                     </li>
  278.                 </ul>
  279.             </div>
  280.         </div>
  281.         <div class="col-md">
  282.             <div class="ftco-footer-widget mb-4 ml-md-4">
  283.                 <h2 class="ftco-heading-2">Candidats</h2>
  284.                 <ul class="list-unstyled">
  285.                     <li>
  286.                         <a href="{{path('candidat')}}" class="pb-1 d-block">Parcourir les Candidats</a>
  287.                     </li>
  288.                     <li>
  289.                         <a href="{{path('demande')}}" class="pb-1 d-block">Parcourir les demandes</a>
  290.                     </li>
  291.                     <li>
  292.                         <a href="{{path('offres')}}" class="pb-1 d-block">Parcourir les Offres</a>
  293.                     </li>
  295.                 </ul>
  296.             </div>
  297.         </div>
  298.         <div class="col-md">
  299.             <div class="ftco-footer-widget mb-4 ml-md-4">
  300.                 <h2 class="ftco-heading-2">Compte</h2>
  301.                 <ul class="list-unstyled">
  303.                     <li>
  304.                         <a href="{{path('register')}}" class="pb-1 d-block">S'inscrire</a>
  305.                     </li>
  306.                     <li>
  307.                         <a href="{{path('app_login')}}" class="pb-1 d-block">Se connecté</a>
  308.                     </li>
  310.                 </ul>
  311.             </div>
  312.         </div>
  313.         <div class="col-md">
  314.             <div class="ftco-footer-widget mb-4">
  315.                 <h2 class="ftco-heading-2">Vous avez une question ?</h2>
  316.                 <div class="block-23 mb-3">
  317.                     <ul>
  318.                         <li>
  319.                             <span class="icon icon-map-marker"></span>
  320.                             <span class="text">Bilel Neily, TUNISIE</span>
  321.                         </li>
  322.                         <li>
  323.                             <a href="#">
  324.                                 <span class="icon icon-phone"></span>
  325.                                 <span class="text">+216 000 00 000</span>
  326.                             </a>
  327.                         </li>
  328.                         <li>
  329.                             <a href="#">
  330.                                 <span class="icon icon-envelope"></span>
  331.                                 <span class="text">easy.jobb2022@gmail.com</span>
  332.                             </a>
  333.                         </li>
  334.                     </ul>
  335.                 </div>
  336.             </div>
  337.         </div>
  338.     </div>
  339.     <div class="row">
  340.         <div class="col-md-12 text-center">
  342.             <p>
  343.                 <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  344.                 Copyright &copy;<script>
  345.                     document.write( new Date().getFullYear() );
  346.                 </script>
  347.                 Tous droits réservés | Ce site est fait avec
  348.                 <i class="icon-heart text-danger" aria-hidden="true"></i>
  349.                 par
  350.                 <a href="{{path('home')}}" target="_blank">EasyJob</a>
  351.                 <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  352.             </p>
  353.         </div>
  354.     </div>
  355. </div></footer><!-- loader --><div id="ftco-loader" class="show fullscreen">
  356. <svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div><script src="js/jquery.min.js"></script><script src="js/jquery-migrate-3.0.1.min.js"></script><script src="js/popper.min.js"></script><script src="js/bootstrap.min.js"></script><script src="js/jquery.easing.1.3.js"></script><script src="js/jquery.waypoints.min.js"></script><script src="js/jquery.stellar.min.js"></script><script src="js/owl.carousel.min.js"></script><script src="js/jquery.magnific-popup.min.js"></script><script src="js/aos.js"></script><script src="js/jquery.animateNumber.min.js"></script><script src="js/scrollax.min.js"></script><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script><script src="js/google-map.js"></script><script src="js/main.js"></script><script src="js/offre2.js"></script></body></html>