@extends('layouts.internal')

@section('content')

<div class="container">
	<form id="JobFiltersForm">
		<div class="row navbar">
			<div class="col-8">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb p-0 m-0 bg-white pt-1">
						<li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
						@if(url()->previous() != url()->current())
						<li class="breadcrumb-item"><a href="{{url()->previous()}}">&leftarrow; Previous Page</a></li>
						@endif						
						<li class="breadcrumb-item"><a href="{{route('jobs.index')}}">Job</a></li>
						<li class="breadcrumb-item active" aria-current="page">{{$job->title}}</li>						
					</ol>
				</nav>	
			</div>
		</div>
	</form>
	<div class="row">
		<div class="col-2">
			<strong>Actions:</strong>
			<p>
				<a href="#">No new action</a>
				<!--form id="filtersForm">
		            <input type="text" class="form-control" name="search" placeholder="Search Organizations">
        		     <input type="button" name="search" value="Search"  onclick="searchFilters()" class="btn btn-primary margintop">
            	</form-->
			</p>
		</div>
		<div class="col-7 ajax-load">
			<div class="row">
				<div class="col-11">
					<h4 class="p-0 m-0 p-0 mb-2"><strong>{{$job->title}}</strong></h4>
				</div>
				<div class="col-1 text-right navbar p-0 m-0">
					<div class="btn-group">
						<button type="button" class="btn btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							<i class="fa fa-cog fa-2x" style="color: #ddd;"></i>
						</button>
						<div class="dropdown-menu" style="width: 200px !important;">
							<a class="dropdown-item" href="{{route('jobs.edit',$job->id)}}">Edit Job</a>
							<a class="dropdown-item" href="{{route('jobs.create')}}">Create Job</a>
						</div>				
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12 mb-4">
					@if($job->skills)@foreach($job->skills as $skill)
						<span class="badge badge-pill badge-secondary"><span style="font-weight: normal; font-size: 12px;">{{$skill->name}}</span></span>
					@endforeach @endif
				</div>
			</div>
		
			<nav>
	   			<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
					<a class="nav-item nav-link active" id="nav-work-tab" data-toggle="tab" href="#nav-work" role="tab" aria-controls="nav-work" aria-selected="true">Job posting
					</a>
					<a class="nav-item nav-link" id="nav-resume-tab" data-toggle="tab" href="#nav-resume" role="tab" aria-controls="nav-resume" aria-selected="true">Matching Resumes
					</a>
					
	   			</div>
			</nav>
			
			<div class="tab-content" id="nav-tabContent">
				<br/>
	   			<div class="tab-pane fade show active" id="nav-work" role="tabpanel" aria-labelledby="nav-work-tab">
							<div class="row pb-0 pt-2 navbar jobListingContainer" style="border-bottom: 4px solid #fff; background-color: #f8f8f8;">
						<div class="col-11 p-0 m-0">
							<h5>
								<strong>
									<a href="javascript:void(0)">@if(strlen($job->title) > 60 ) {{substr($job->title, 0, 60)}}...@else{{$job->title }}@endif</a>
								</strong>
								</h5>
						</div>
						<div class="col-1 text-right align-top p-0 m-0">
							<button type="button" class="btn btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="fa fa-cog fa-2x" style="color: #ddd;"></i>
							</button>
							<div class="dropdown-menu" style="width: 250px !important;">
								<div class="p-2" style="font-size: 14px;">
									<a href="#"><i class="fa fa-pencil fa-1x"></i>&nbsp;Edit Posting</a><br/>
									<a href=#"><i class="fa fa-download"></i> Download to Sourcing Queue</a>
								</div>
							</div>
						</div>
						<div class="col-12 p-0 m-0">
							<p>
								{!!$job->details!!}
							</p>
						</div>
					</div>	
						
		   		</div>

							
				<br/>
	   			<div class="tab-pane fade" id="nav-resume" role="tabpanel" aria-labelledby="nav-resume-tab">
					@foreach($matching as $matches)
							<div class="row pb-0 pt-2 navbar jobListingContainer" style="border-bottom: 4px solid #fff; background-color: #f8f8f8;">
						<div class="col-11 p-0 m-0">
							<h5>
								<strong>
									<a href="{{route('person.show', $matches->id)}}">@if(strlen($matches->name) > 60 ) {{substr($matches->name, 0, 60)}}...@else{{$matches->name }}@endif</a> &middot; {{$matches->job_profile}}
								</strong>
								</h5>
						</div>
						<div class="col-1 text-right align-top p-0 m-0">
							<button type="button" class="btn btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="fa fa-cog fa-2x" style="color: #ddd;"></i>
							</button>
							<div class="dropdown-menu" style="width: 250px !important;">
								<div class="p-2" style="font-size: 14px;">
									<a href="#"><i class="fa fa-pencil fa-1x"></i>&nbsp;Edit Resume</a><br/>
								</div>
							</div>
						</div>
						<div class="col-12 p-0 m-0">
							<p>
								{!!$matches->executive_summary!!}
							</p>
						</div>
					</div>	
					@endforeach
						
		   		</div>

							
			</div>
		</div>
		<div class="col-3">
			Advertisement space
		</div>
	</div>
</div>


@endsection
</div>
	</div>
 </div>