{% extends 'JobBoardBundle::frontLayout.html.twig' %}
{% block applicantMenuActive%}active{% endblock %}
{% block contentId %}ApplicantsList{% endblock %}
{% block breadcrumb%}<li>Candidats</li>{% endblock %}
{% block username %}{{ username }}{% endblock %}
{% block css %}
{{ parent() }}
<style type="text/css">
	.tab-content > *, .pill-content > * {
display: none;
}
.tab-content > .active, .pill-content > .active {
display: block;
}
</style>
	<link href="{{ asset('bundles/avajax/css/ajax.css') }}" rel="stylesheet" type="text/css" />
{% endblock css %}
{% block content %}
	<ul class="nav nav-pills" data="tab-applicants">
                <li class="active"><a href="#newApplicants" id="newApplicants-btn">Nouveaux candidats&nbsp;<span class="label">{{ newApplicantsPaginator.getNbResults }}</span></a></li>
		<li><a  class="green" href="#validApplicants" id="validApplicants-btn">Candidatures validées&nbsp;<span class="label success">{{ validApplicantsPaginator.getNbResults }}</span></a></li>
		<li><a class="red" href="#rejectedApplicants" id="rejectedApplicants-btn">Candidatures rejetées&nbsp;<span class="label important">{{ rejectedApplicantsPaginator.getNbResults }}</span></a></li>
		<li><a class="" href="#datedApplicants" id="datedApplicants-btn">Rendez-vous fixé&nbsp;<span class="label notice">{{ datedApplicantsPaginator.getNbResults }}</span></a></li>
	</ul>
	<div class="tab-content" id="tab-applicants">
		<div class="active" id="newApplicants">
                    {% include 'AvGodFatherJobBoardBundle:GodFather:ApplicantsListPartial.html.twig' with {'paginator': newApplicantsPaginator, 'status' : 'new', 'orderby': 'a.applyDate', 'way': 'DESC'} %}
		</div>
		<div id="validApplicants">
                    {% include 'AvGodFatherJobBoardBundle:GodFather:ApplicantsListPartial.html.twig' with {'paginator': validApplicantsPaginator, 'status' : 'valid', 'orderby': 'a.applyDate', 'way': 'DESC'} %}
                </div>
		<div id="rejectedApplicants">
                    {% include 'AvGodFatherJobBoardBundle:GodFather:ApplicantsListPartial.html.twig' with {'paginator': rejectedApplicantsPaginator, 'status' : 'rejected', 'orderby': 'a.applyDate', 'way': 'DESC'} %}
		</div>
		<div id="datedApplicants">
                    {% include 'AvGodFatherJobBoardBundle:GodFather:ApplicantsListPartial.html.twig' with {'paginator': datedApplicantsPaginator, 'status' : 'dated', 'orderby': 'a.applyDate', 'way': 'DESC'} %}

                </div>
        </div>
{% endblock %}

{% block script %}
    {{ parent() }}

    <script type="text/javascript">
        
        $("#applicants-list-new th,#applicants-list-valid th,#applicants-list-rejected th,#applicants-list-dated th,#applicants-list-orphan th").live('click',function(event) {
            $(this).find('a').click();
        });
    </script>
{% endblock %}