<!DOCTYPE html>
<html lang="fr">
<head>
<title>EasyJob</title>
<meta charset="utf-8">
<meta
name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--icon -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link
rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
<!-- CSS only -->
<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">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/open-iconic-bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/animate.css')}}">
<link rel="stylesheet" href="{{ asset('css/owl.carousel.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/owl.theme.default.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/magnific-popup.css')}}">
<link rel="stylesheet" href="{{ asset('css/aos.css')}}">
<link rel="stylesheet" href="{{ asset('css/ionicons.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/bootstrap-datepicker.css')}}">
<link rel="stylesheet" href="{{ asset('css/jquery.timepicker.css')}}">
<link rel="stylesheet" href="{{ asset('css/flaticon.css')}}">
<link rel="stylesheet" href="{{ asset('css/icomoon.css')}}">
<link rel="stylesheet" href="{{ asset('css/style.css')}}">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container-fluid px-md-4 ">
<a class="navbar-brand" href="{{path('home')}}">
<span style="color:#81ecec;">E</span>a<span style="color:#81ecec;">s</span>y<span style="color:#81ecec;">j</span>ob</a>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span>
Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a href="{{path('home')}}" class="nav-link">Accueil</a>
</li>
<li class="nav-item">
<a href="{{path('demande')}}" class="nav-link">Offres</a>
</li>
{% if app.user and "ROLE_RECRUITER" in app.user.roles %}
<li class="nav-item">
<a href="{{path('candidat')}}" class="nav-link">Candidats</a>
</li>
{% endif %}
<li class="nav-item">
<a href="{{path('contact')}}" class="nav-link">Contact</a>
</li>
{% if not app.user %}
<li class="nav-item">
<a href="{{path('app_login')}}" class="nav-link">Connexion</a>
</li>
<li class="nav-item">
<a href="{{path('registerr')}}" class="nav-link">S'inscrire</a>
</li>
{% else %}
{% if app.user and "ROLE_RECRUITER" in app.user.roles %}
<li class="nav-item ">
<a href="{{path('publier_demande')}}" class="nav-link">Publier une offre</a>
</li>
{% endif %}
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
{% if app.user.userImage is null %}
<i class="fal fa-user-circle"></i>
{% else %}
<img src="{{ vich_uploader_asset(app.user.userImage, 'imageFile') }}" style="height: 40px; border-radius: 50%;" alt="Image de profile"/>
{% endif %}
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="{{path('user_profil', {'id': app.user.id}) }}">Profile</a>
{% if app.user and "ROLE_RECRUITER" in app.user.roles %}
{# <a class="dropdown-item" href="{{path('mes_demande', {'id': app.user.id}) }}">Mes offres</a>
<a class="dropdown-item" href="{{path('historique_demande', {'id': app.user.id}) }}">Histrique</a> #}
{% elseif app.user and "ROLE_EMPLOYEE" in app.user.roles %}
<a class="dropdown-item" href="{{path('mes_candidature_demande', {'id': app.user.id}) }}">Candidatures</a>
{% endif %}
<a class="dropdown-item" href="{{path('app_logout')}}">Déconnecté</a>
</div>
</li>
</ul>
{% endif %}
</ul>
</div>
</div>
</body>
</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">
<div class="row d-md-flex no-gutters slider-text align-items-center justify-content-center">
<div class="col-md-10 d-flex align-items-center ftco-animate">
<div class="text text-center pt-5 mt-md-5">
{% if app.user and "ROLE_RECRUITER" in app.user.roles %}
<h1 class="mb-5">Bienvenue sur EasyJob, offre d'emplois
</h1>
{% else %}
<h1 class="mb-5">Bienvenue sur easyjob, offre d'emplois</h1>
{% endif %}
<div class="ftco-counter ftco-no-pt ftco-no-pb mt-6">
<div class="row">
<div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18">
<div class="text d-flex">
<div class="icon mr-2">
<span class="flaticon-worldwide"></span>
</div>
<div class="desc text-left">
<strong class="number" data-number="24">0</strong>
<span>Villes</span>
</div>
</div>
</div>
</div>
<div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 text-center">
<div class="text d-flex">
<div class="icon mr-2">
<span class="flaticon-visitor"></span>
</div>
<div class="desc text-left">
<strong class="number" data-number="{{users|length}}">0</strong>
<span>Utilisateurs</span>
</div>
</div>
</div>
</div>
<div class="col-md-4 d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 text-center">
<div class="text d-flex">
<div class="icon mr-2">
<span class="flaticon-resume"></span>
</div>
<div class="desc text-left">
<strong class="number" data-number="{{demandesall|length}}">0</strong>
<span>Offres d'emplois</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div></div><section class="ftco-section ftco-no-pt ftco-no-pb"><div class="container">
<div class="row justify-content-center my-5">
<div class="col-md-7 heading-section text-center ftco-animate">
<span class="subheading">Catégories d'emplois</span>
<h2 class="mb-0">Top Catégories</h2>
</div>
</div>
<div class="row">
{% for categorie in souscategories %}
<div class="col-md-3 ftco-animate">
<ul class="category text-center">
<li>
<a href="{{path('demande_par_categorie',{'id': categorie.id})}}">{{categorie.title}}
</a>
</li>
</ul>
</div>
{% endfor %}
</div></div></section><section class="ftco-section services-section"><div class="container">
<div class="row d-flex">
<div class="col-md-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block">
<div class="icon">
<span class="flaticon-resume"></span>
</div>
<div class="media-body">
<h3 class="heading mb-3">Rechercher d'emplois</h3>
</div>
</div>
</div>
<div class="col-md-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block">
<div class="icon">
<span class="flaticon-team"></span>
</div>
<div class="media-body">
<h3 class="heading mb-3">Emplois faciles à gérer</h3>
</div>
</div>
</div>
<div class="col-md-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block">
<div class="icon">
<span class="flaticon-career"></span>
</div>
<div class="media-body">
<h3 class="heading mb-3">Top Carrières</h3>
</div>
</div>
</div>
<div class="col-md-3 d-flex align-self-stretch ftco-animate">
<div class="media block-6 services d-block">
<div class="icon">
<span class="flaticon-employees"></span>
</div>
<div class="media-body">
<h3 class="heading mb-3">Rechercher des candidats experts</h3>
</div>
</div>
</div>
</div></div></section><section class="ftco-section bg-light"><div class="container">
<div class="row">
<div class="col-lg-9 pr-lg-5">
<div class="row justify-content-center pb-3">
<div class="col-md-12 heading-section ftco-animate">
<span class="subheading">Emplois récemment ajoutés</span>
<h2 class="mb-4">Offres en vedette pour cette semaine</h2>
</div>
</div>
<div class="row">
{% for demande in demandes %}
<div class="col-md-6 ftco-animate">
<div class="job-post-item p-4 d-block d-lg-flex align-items-center">
<div class="one-third mb-4 mb-md-0">
<div class="job-post-item-header align-items-center">
{% if demande.user.logo %}
<img src="{{asset('uploads/logos/'~ demande.user.logo)}}" style="height: 70px;" alt="logo"/>
{% endif %}
<span class="subadge">{{demande.user.username}}
{{demande.user.lastname}}</span>
<h2 class="mr-3 text-black">
<a href="{{path('detail_demande',{'id':demande.id})}}">{{demande.titre}}</a>
</h2>
</div>
<div class="job-post-item-body d-block d-md-flex">
<div class="mr-3">
<span class="icon-layers"></span>
<a href="#">{{demande.createdAt| date("d/m/Y")}}</a>
</div>
<div class="ml-4">
<span class="icon-my_location"></span>
<span>{{demande.user.ville}}</span>
</div>
</div>
</div>
<div class="one-forth ml-auto d-flex align-items-center mt-4 md-md-0">
<div></div>
</div>
</div>
</div>
{% endfor %}
<!-- end -->
</div>
</div>
{% if app.user and "ROLE_RECRUITER" in app.user.roles %}
</div>
</div></section><section class="ftco-section ftco-candidates bg-primary">
<div class="container">
<div class="row justify-content-center pb-3">
<div class="col-md-10 heading-section heading-section-white text-center ftco-animate">
<span class="subheading">Candidats</span>
<h2 class="mb-4">Nos Candidats</h2>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12 ftco-animate">
<div class="carousel-candidates owl-carousel">
{% for candidat in candidats %}
<div class="item">
<a href="#" class="team text-center">
{% if candidat.userImage is null %}
<img src="{{asset('/uploads/images_users/imageprofil/userprofile.png')}}" class="img" alt="Image de profile">
{% else %}
<img src="{{ vich_uploader_asset(candidat.userImage, 'imageFile')|imagine_filter('imageusers') }}" class="img" alt="Image de profile"/>
{% endif %}
<h2>{{candidat.lastname}}
{{candidat.username}}</h2>
</a>
</div>
{# <h1>{{demande.tax}}</h1> #}
{% endfor %}
</div>
</div>
</div>
</div>{% endif %}</section><footer class="ftco-footer ftco-bg-dark ftco-section"><div class="container">
<div class="row mb-5">
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">EasyJob</h2>
<p>Outil pour renforcer vote réseau professionnel ou amical,
échanger des services est enfin devenu plus facile,et
favorise l'entraide et les échanges de services entre voisins.</p>
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
<li class="ftco-animate">
<a href="#">
<span class="icon-twitter"></span>
</a>
</li>
<li class="ftco-animate">
<a href="#">
<span class="icon-facebook"></span>
</a>
</li>
<li class="ftco-animate">
<a href="#">
<span class="icon-instagram"></span>
</a>
</li>
</ul>
</div>
</div>
{% if app.user and "ROLE_RECRUITER" in app.user.roles %}
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Emplois</h2>
<ul class="list-unstyled">
<li>
<a href="{{path('publier_demande')}}" class="pb-1 d-block">publier une offre de travail</a>
</li>
</ul>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4 ml-md-4">
<h2 class="ftco-heading-2">Candidats</h2>
<ul class="list-unstyled">
<li>
<a href="{{path('candidat')}}" class="pb-1 d-block">Parcourir les Candidats</a>
</li>
<li>
<a href="{{path('demande')}}" class="pb-1 d-block">Parcourir les Offres</a>
</li>
</ul>
</div>
</div>
{% endif %}
<div class="col-md">
<div class="ftco-footer-widget mb-4 ml-md-4">
<h2 class="ftco-heading-2">Compte</h2>
<ul class="list-unstyled">
<li>
<a href="{{path('register')}}" class="pb-1 d-block">S'inscrire</a>
</li>
<li>
<a href="{{path('app_login')}}" class="pb-1 d-block">Se connecté</a>
</li>
</ul>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Vous avez une question ?</h2>
<div class="block-23 mb-3">
<ul>
<li>
<span class="icon icon-map-marker"></span>
<span class="text">2 route de Bougligny 77167 FAY-LES Nemours</span>
</li>
<li>
<a href="#">
<span class="icon icon-phone"></span>
<span class="text">0033762051169</span>
</a>
</li>
<li>
<a href="#">
<span class="icon icon-envelope"></span>
<span class="text">drh.easyjob@gmail.com</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>
document.write( new Date().getFullYear() );
</script>
Tous droits réservés | Ce site est fait avec
<i class="icon-heart text-danger" aria-hidden="true"></i>
par
<a href="{{path('home')}}" target="_blank">EasyJob</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</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>