{% extends 'base.html.twig' %}

{% block title %}{{ parent() }} | Details
{% endblock %}

{% block body %}
	<section class="section_header">
		<div class="section_header_text">
			<h2 class="white-text">{{job.jobTitle}}</h2>
			<span class="white-text">Ref.
				{{job.reference}}</span>
			<ul class="align-center">
				<li>
					<a href="{{ path('app_home') }}">Home</a>
				</li>
				<li class="active white-text">jobs</li>
			</ul>
		</div>
	</section>
	<main>
		<div class="job_offer_container center">
			<section id="job_offer_detail">


				<p class="ref">Ref
					{{job.reference}}</p>

				<h2>{{job.jobTitle}}</h2>

				<p>
					{{job.description}}
				</p>

			</section>

			<ul class="offer_detail">
				{% if job.createdAt %}
					<li>
						<span>
							Pulished at
						</span>
						{{job.createdAt|date("d F Y")}}
					</li>
				{% endif %}
				{% if job.jobTitle %}
					<li>
						<span>
							Position
						</span>
						{{job.jobTitle}}
					</li>
				{% endif %}
				{% if job.JobType %}
					<li>
						<span>
							Contract Type
						</span>
						{{job.JobType.label}}
					</li>
				{% endif %}
				{% if job.salary %}
					<li>
						<span>
							Salary
						</span>
						{{job.salary}}
					</li>
				{% endif %}
				{% if job.location %}
					<li>
						<span>
							Location
						</span>
						{{job.location}}
					</li>
				{% endif %}
				{% if job.startingAt %}
					<li>
						<span>
							Starting date
						</span>
						{{job.startingAt|date('Y-m-d')}}
					</li>
				{% endif %}

			</ul>
			{% for message in app.flashes('error') %}
				<div class="alert alert-danger">
					{{ message }}
				</div>
			{% endfor %}
			{% if alreadyApply %}
				<div class="success">You have applied for this job</div>
			{% else %}
				<a class="btn white-text blue-btn" href="{{ path('app_application', {id: job.id})}}">Apply for this job</a>
			{% endif %}
			


			<div class="single-post-navigation">
				<div class="previous-post-link">
                {% if previous %}
					<a class="btn" href="{{ path('app_job_detail', {id: previous.id}) }}">
						<i class="fa fa-long-arrow-left"></i>Previous
					</a>
                {% endif %}
                
				</div>

				<div class="next-post-link">
                {% if next %}
					<a class="btn" href="{{ path('app_job_detail', {id: next.id}) }}">
						Next
						<i class="fa fa-long-arrow-right"></i>
					</a>
                {% endif %}
                
				</div>
			</div>
		</div>
	</main>
{% endblock %}