templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <title>EasyJob</title>
  5.         <meta charset="utf-8">
  6.         <meta
  7.         name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.         <!--icon -->
  9.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  10.         <link
  11.         rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
  12.         <!-- CSS only -->
  13.         <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">
  14.         <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  15.         <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap" rel="stylesheet">
  16.         <link rel="stylesheet" href="{{ asset('css/open-iconic-bootstrap.min.css')}}">
  17.         <link rel="stylesheet" href="{{ asset('css/animate.css')}}">
  18.         <link rel="stylesheet" href="{{ asset('css/owl.carousel.min.css')}}">
  19.         <link rel="stylesheet" href="{{ asset('css/owl.theme.default.min.css')}}">
  20.         <link rel="stylesheet" href="{{ asset('css/magnific-popup.css')}}">
  21.         <link rel="stylesheet" href="{{ asset('css/aos.css')}}">
  22.         <link rel="stylesheet" href="{{ asset('css/ionicons.min.css')}}">
  23.         <link rel="stylesheet" href="{{ asset('css/bootstrap-datepicker.css')}}">
  24.         <link rel="stylesheet" href="{{ asset('css/jquery.timepicker.css')}}">
  25.         <link rel="stylesheet" href="{{ asset('css/flaticon.css')}}">
  26.         <link rel="stylesheet" href="{{ asset('css/icomoon.css')}}">
  27.         <link rel="stylesheet" href="{{ asset('css/style.css')}}">
  28.     </head>
  29.     <body>
  30.         <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
  31.             <div class="container-fluid px-md-4    ">
  32.                 <a class="navbar-brand" href="{{path('home')}}">
  33.                     <span style="color:#81ecec;">E</span>a<span style="color:#81ecec;">s</span>y<span style="color:#81ecec;">j</span>ob</a>
  34.             </a>
  35.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
  36.                 <span class="oi oi-menu"></span>
  37.                 Menu
  38.             </button>
  39.             <div class="collapse navbar-collapse" id="ftco-nav">
  40.                 <ul class="navbar-nav ml-auto">
  41.                     <li class="nav-item active">
  42.                         <a href="{{path('home')}}" class="nav-link">Accueil</a>
  43.                     </li>
  44.                     <li class="nav-item">
  45.                         <a href="{{path('demande')}}" class="nav-link">Offres</a>
  46.                     </li>
  47.                     {% if app.user and "ROLE_RECRUITER" in app.user.roles %}
  48.                         <li class="nav-item">
  49.                             <a href="{{path('candidat')}}" class="nav-link">Candidats</a>
  50.                         </li>
  51.                     {% endif %}
  52.                     <li class="nav-item">
  53.                         <a href="{{path('contact')}}" class="nav-link">Contact</a>
  54.                     </li>
  55.                     {% if not app.user %}
  56.                         <li class="nav-item">
  57.                             <a href="{{path('app_login')}}" class="nav-link">Connexion</a>
  58.                         </li>
  59.                         <li class="nav-item">
  60.                             <a href="{{path('registerr')}}" class="nav-link">S'inscrire</a>
  61.                         </li>
  62.                     {% else %}
  63.                         {% if  app.user and "ROLE_RECRUITER" in app.user.roles  %}
  64.                             <li class="nav-item ">
  65.                                 <a href="{{path('publier_demande')}}" class="nav-link">Publier une offre</a>
  66.                             </li>
  67.                         {% endif %}
  68.                         <ul class="navbar-nav ml-auto">
  69.                             <li class="nav-item dropdown">
  70.                                 <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
  71.                                     {% if app.user.userImage is null   %}
  72.                                         <i class="fal fa-user-circle"></i>
  73.                                     {% else %}
  74.                                         <img src="{{ vich_uploader_asset(app.user.userImage, 'imageFile') }}" style="height: 40px; border-radius: 50%;" alt="Image de profile"/>
  75.                                     {% endif %}
  76.                                 </a>
  77.                                 <div class="dropdown-menu">
  78.                                     <a class="dropdown-item" href="{{path('user_profil', {'id': app.user.id}) }}">Profile</a>
  79.                                     {% if  app.user and "ROLE_RECRUITER" in app.user.roles  %}
  80.                                         {# <a class="dropdown-item" href="{{path('mes_demande', {'id': app.user.id}) }}">Mes offres</a>
  81.                                                                                                                                                                                                                                                 <a class="dropdown-item" href="{{path('historique_demande', {'id': app.user.id}) }}">Histrique</a> #}
  82.                                     {% elseif app.user and  "ROLE_EMPLOYEE" in app.user.roles %}
  83.                                         <a class="dropdown-item" href="{{path('mes_candidature_demande', {'id': app.user.id}) }}">Candidatures</a>
  84.                                     {% endif %}
  85.                                     <a class="dropdown-item" href="{{path('app_logout')}}">Déconnecté</a>
  86.                                 </div>
  87.                             </li>
  88.                         </ul>
  89.                     {% endif %}
  90.                 </ul>
  91.             </div>
  92.         </div>
  93.     </body>
  94. </html></nav></html><!-- END nav --><div class="hero-wrap img" style="background-image: url(../images/bg_1.jpg);"><div class="overlay"></div><div class="container">
  95. <div class="row d-md-flex no-gutters slider-text align-items-center justify-content-center">
  96.     <div class="col-md-10 d-flex align-items-center ftco-animate">
  97.         <div class="text text-center pt-5 mt-md-5">
  98.             {% if app.user and  "ROLE_RECRUITER" in app.user.roles %}
  99.                 <h1 class="mb-5">Bienvenue sur EasyJob, offre d'emplois
  100.                 </h1>
  101.             {% else %}
  102.                 <h1 class="mb-5">Bienvenue sur easyjob, offre d'emplois</h1>
  103.             {% endif %}
  104.             <div class="ftco-counter ftco-no-pt ftco-no-pb mt-6">
  105.                 <div class="row">
  106.                     <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
  107.                         <div class="block-18">
  108.                             <div class="text d-flex">
  109.                                 <div class="icon mr-2">
  110.                                     <span class="flaticon-worldwide"></span>
  111.                                 </div>
  112.                                 <div class="desc text-left">
  113.                                     <strong class="number" data-number="24">0</strong>
  114.                                     <span>Villes</span>
  115.                                 </div>
  116.                             </div>
  117.                         </div>
  118.                     </div>
  119.                     <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
  120.                         <div class="block-18 text-center">
  121.                             <div class="text d-flex">
  122.                                 <div class="icon mr-2">
  123.                                     <span class="flaticon-visitor"></span>
  124.                                 </div>
  125.                                 <div class="desc text-left">
  126.                                     <strong class="number" data-number="{{users|length}}">0</strong>
  127.                                     <span>Utilisateurs</span>
  128.                                 </div>
  129.                             </div>
  130.                         </div>
  131.                     </div>
  132.                     <div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
  133.                         <div class="block-18 text-center">
  134.                             <div class="text d-flex">
  135.                                 <div class="icon mr-2">
  136.                                     <span class="flaticon-resume"></span>
  137.                                 </div>
  138.                                 <div class="desc text-left">
  139.                                     <strong class="number" data-number="{{demandesall|length}}">0</strong>
  140.                                     <span>Offres d'emplois</span>
  141.                                 </div>
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                 </div>
  146.             </div>
  147.         </div>
  148.     </div>
  149. </div></div></div><section class="ftco-section ftco-no-pt ftco-no-pb"><div class="container">
  150. <div class="row justify-content-center my-5">
  151.     <div class="col-md-7 heading-section text-center ftco-animate">
  152.         <span class="subheading">Catégories d'emplois</span>
  153.         <h2 class="mb-0">Top Catégories</h2>
  154.     </div>
  155. </div>
  156. <div class="row">
  157.     {% for categorie in souscategories %}
  158.         <div class="col-md-3 ftco-animate">
  159.             <ul class="category text-center">
  160.                 <li>
  161.                     <a href="{{path('demande_par_categorie',{'id': categorie.id})}}">{{categorie.title}}
  162.                     </a>
  163.                 </li>
  164.             </ul>
  165.         </div>
  166.     {% endfor %}
  167. </div></div></section><section class="ftco-section services-section"><div class="container">
  168. <div class="row d-flex">
  169.     <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  170.         <div class="media block-6 services d-block">
  171.             <div class="icon">
  172.                 <span class="flaticon-resume"></span>
  173.             </div>
  174.             <div class="media-body">
  175.                 <h3 class="heading mb-3">Rechercher d'emplois</h3>
  176.             </div>
  177.         </div>
  178.     </div>
  179.     <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  180.         <div class="media block-6 services d-block">
  181.             <div class="icon">
  182.                 <span class="flaticon-team"></span>
  183.             </div>
  184.             <div class="media-body">
  185.                 <h3 class="heading mb-3">Emplois faciles à gérer</h3>
  186.             </div>
  187.         </div>
  188.     </div>
  189.     <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  190.         <div class="media block-6 services d-block">
  191.             <div class="icon">
  192.                 <span class="flaticon-career"></span>
  193.             </div>
  194.             <div class="media-body">
  195.                 <h3 class="heading mb-3">Top Carrières</h3>
  196.             </div>
  197.         </div>
  198.     </div>
  199.     <div class="col-md-3 d-flex align-self-stretch ftco-animate">
  200.         <div class="media block-6 services d-block">
  201.             <div class="icon">
  202.                 <span class="flaticon-employees"></span>
  203.             </div>
  204.             <div class="media-body">
  205.                 <h3 class="heading mb-3">Rechercher des candidats experts</h3>
  206.             </div>
  207.         </div>
  208.     </div>
  209. </div></div></section><section class="ftco-section bg-light"><div class="container">
  210. <div class="row">
  211.     <div class="col-lg-9 pr-lg-5">
  212.         <div class="row justify-content-center pb-3">
  213.             <div class="col-md-12 heading-section ftco-animate">
  214.                 <span class="subheading">Emplois récemment ajoutés</span>
  215.                 <h2 class="mb-4">Offres en vedette pour cette semaine</h2>
  216.             </div>
  217.         </div>
  218.         <div class="row">
  219.             {% for demande in demandes %}
  220.                 <div class="col-md-6 ftco-animate">
  221.                     <div class="job-post-item p-4 d-block d-lg-flex align-items-center">
  222.                         <div class="one-third mb-4 mb-md-0">
  223.                             <div class="job-post-item-header align-items-center">
  224.                                 {% if demande.user.logo %}
  225.                                     <img src="{{asset('uploads/logos/'~ demande.user.logo)}}" style="height: 70px;" alt="logo"/>
  226.                                 {% endif %}
  227.                                 <span class="subadge">{{demande.user.username}}
  228.                                     {{demande.user.lastname}}</span>
  229.                                 <h2 class="mr-3 text-black">
  230.                                     <a href="{{path('detail_demande',{'id':demande.id})}}">{{demande.titre}}</a>
  231.                                 </h2>
  232.                             </div>
  233.                             <div class="job-post-item-body d-block d-md-flex">
  234.                                 <div class="mr-3">
  235.                                     <span class="icon-layers"></span>
  236.                                     <a href="#">{{demande.createdAt| date("d/m/Y")}}</a>
  237.                                 </div>
  238.                                 <div class="ml-4">
  239.                                     <span class="icon-my_location"></span>
  240.                                     <span>{{demande.user.ville}}</span>
  241.                                 </div>
  242.                             </div>
  243.                         </div>
  244.                         <div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">
  245.                             <div></div>
  246.                         </div>
  247.                     </div>
  248.                 </div>
  249.             {% endfor %}
  250.             <!-- end -->
  251.         </div>
  252.     </div>
  253.     {% if app.user and "ROLE_RECRUITER" in app.user.roles %}
  254.     </div>
  255. </div></section><section class="ftco-section ftco-candidates bg-primary">
  256. <div class="container">
  257.     <div class="row justify-content-center pb-3">
  258.         <div class="col-md-10 heading-section heading-section-white text-center ftco-animate">
  259.             <span class="subheading">Candidats</span>
  260.             <h2 class="mb-4">Nos Candidats</h2>
  261.         </div>
  262.     </div>
  263. </div>
  264. <div class="container">
  265.     <div class="row">
  266.         <div class="col-md-12 ftco-animate">
  267.             <div class="carousel-candidates owl-carousel">
  268.                 {% for  candidat in candidats %}
  269.                     <div class="item">
  270.                         <a href="#" class="team text-center">
  271.                             {% if candidat.userImage is null %}
  272.                                 <img src="{{asset('/uploads/images_users/imageprofil/userprofile.png')}}" class="img" alt="Image de profile">
  273.                             {% else %}
  274.                                 <img src="{{ vich_uploader_asset(candidat.userImage, 'imageFile')|imagine_filter('imageusers') }}" class="img" alt="Image de profile"/>
  275.                             {% endif %}
  276.                             <h2>{{candidat.lastname}}
  277.                                 {{candidat.username}}</h2>
  278.                         </a>
  279.                     </div>
  280.                     {# <h1>{{demande.tax}}</h1> #}
  281.                 {% endfor %}
  282.             </div>
  283.         </div>
  284.     </div>
  285. </div>{% endif %}</section><footer class="ftco-footer ftco-bg-dark ftco-section"><div class="container">
  286. <div class="row mb-5">
  287.     <div class="col-md">
  288.         <div class="ftco-footer-widget mb-4">
  289.             <h2 class="ftco-heading-2">EasyJob</h2>
  290.             <p>Outil pour renforcer vote réseau professionnel ou amical, 
  291.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     échanger des services est enfin devenu plus facile,et
  292.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     favorise l'entraide et les échanges de services entre voisins.</p>
  293.             <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
  294.                 <li class="ftco-animate">
  295.                     <a href="#">
  296.                         <span class="icon-twitter"></span>
  297.                     </a>
  298.                 </li>
  299.                 <li class="ftco-animate">
  300.                     <a href="#">
  301.                         <span class="icon-facebook"></span>
  302.                     </a>
  303.                 </li>
  304.                 <li class="ftco-animate">
  305.                     <a href="#">
  306.                         <span class="icon-instagram"></span>
  307.                     </a>
  308.                 </li>
  309.             </ul>
  310.         </div>
  311.     </div>
  312.     {% if app.user and  "ROLE_RECRUITER" in app.user.roles %}
  313.         <div class="col-md">
  314.             <div class="ftco-footer-widget mb-4">
  315.                 <h2 class="ftco-heading-2">Emplois</h2>
  316.                 <ul class="list-unstyled">
  317.                     <li>
  318.                         <a href="{{path('publier_demande')}}" class="pb-1 d-block">publier une offre de travail</a>
  319.                     </li>
  320.                 </ul>
  321.             </div>
  322.         </div>
  323.         <div class="col-md">
  324.             <div class="ftco-footer-widget mb-4 ml-md-4">
  325.                 <h2 class="ftco-heading-2">Candidats</h2>
  326.                 <ul class="list-unstyled">
  327.                     <li>
  328.                         <a href="{{path('candidat')}}" class="pb-1 d-block">Parcourir les Candidats</a>
  329.                     </li>
  330.                     <li>
  331.                         <a href="{{path('demande')}}" class="pb-1 d-block">Parcourir les Offres</a>
  332.                     </li>
  333.                 </ul>
  334.             </div>
  335.         </div>
  336.     {% endif %}
  337.     <div class="col-md">
  338.         <div class="ftco-footer-widget mb-4 ml-md-4">
  339.             <h2 class="ftco-heading-2">Compte</h2>
  340.             <ul class="list-unstyled">
  341.                 <li>
  342.                     <a href="{{path('register')}}" class="pb-1 d-block">S'inscrire</a>
  343.                 </li>
  344.                 <li>
  345.                     <a href="{{path('app_login')}}" class="pb-1 d-block">Se connecté</a>
  346.                 </li>
  347.             </ul>
  348.         </div>
  349.     </div>
  350.     <div class="col-md">
  351.         <div class="ftco-footer-widget mb-4">
  352.             <h2 class="ftco-heading-2">Vous avez une question ?</h2>
  353.                 <div class="block-23 mb-3">
  354.                     <ul>
  355.                         <li>
  356.                             <span class="icon icon-map-marker"></span>
  357.                             <span class="text">2 route de Bougligny 77167 FAY-LES Nemours</span>
  358.                         </li>
  359.                         <li>
  360.                             <a href="#">
  361.                                 <span class="icon icon-phone"></span>
  362.                                 <span class="text">0033762051169</span>
  363.                             </a>
  364.                         </li>
  365.                         <li>
  366.                             <a href="#">
  367.                                 <span class="icon icon-envelope"></span>
  368.                                 <span class="text">drh.easyjob@gmail.com</span>
  369.                             </a>
  370.                         </li>
  371.                     </ul>
  372.                 </div>
  373.         </div>
  374.     </div>
  375. </div>
  376. <div class="row">
  377.     <div class="col-md-12 text-center">
  378.         <p>
  379.             <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  380.             Copyright &copy;<script>
  381.                 document.write( new Date().getFullYear() );
  382.             </script>
  383.             Tous droits réservés | Ce site est fait avec
  384.             <i class="icon-heart text-danger" aria-hidden="true"></i>
  385.             par
  386.             <a href="{{path('home')}}" target="_blank">EasyJob</a>
  387.             <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  388.         </p>
  389.     </div>
  390. </div></div></footer><!-- loader --><div id="ftco-loader" class="show fullscreen"><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="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script><script src="{{ asset('js/jquery.min.js')}}"></script><script src="{{ asset('js/jquery-migrate-3.0.1.min.js')}}"></script><script src="{{ asset('js/popper.min.js')}}"></script><script src="{{ asset('js/bootstrap.min.js')}}"></script><script src="{{ asset('js/jquery.easing.1.3.js')}}"></script><script src="{{ asset('js/jquery.waypoints.min.js')}}"></script><script src="{{ asset('js/jquery.stellar.min.js')}}"></script><script src="{{ asset('js/owl.carousel.min.js')}}"></script><script src="{{ asset('js/jquery.magnific-popup.min.js')}}"></script><script src="{{ asset('js/aos.js')}}"></script><script src="{{ asset('js/jquery.animateNumber.min.js')}}"></script><script src="{{ asset('js/scrollax.min.js')}}"></script><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script><script src="{{ asset('js/google-map.js')}}"></script><script src="{{ asset('js/main.js')}}"></script></body></html>