@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('person.index')}}">People</a></li>
						<li class="breadcrumb-item active" aria-current="page">{{$person->name}}</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">
					<h2 class="p-0 m-0 p-0 mb-2"><strong>{{$person->name}}</strong></h2>
				</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('person.edit',$person->id)}}">Edit Person</a>
							<a class="dropdown-item" href="{{route('person.create')}}">Create Person</a>
						</div>				
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-12">
					<h5>
					@if(strlen($person->job_profile) > 0){{$person->job_profile}}@endif							

					@if(strlen($person->organization) > 0)						
					<strong> <i class="fa fa-at" style="color: #666;"></i> <a href="{{route('organizations.show', $person->org_id)}}">{{$person->organization}}</a></strong><br/>
					@endif

					</h5>
					
					@if(strlen($person->email) > 0)
					<i class="fa fa-at" style="color: #666;"></i>&nbsp;&middot;&nbsp;{{$person->email}}<br/>
					@endif

					@if(strlen($person->mobile_phone) > 0)
					<i class="fa fa-phone" style="color: #666;"></i>&nbsp;&middot;&nbsp;{{$person->mobile_phone}}<br/>
					@endif

					@if(strlen($person->home_phone) > 0)
					<i class="fa fa-phone" style="color: #666;"></i>&nbsp;&middot;&nbsp;{{$person->home_phone}}<br/>
					@endif

					@if(strlen($person->work_phone) > 0)
					<i class="fa fa-phone" style="color: #666;"></i>&nbsp;&middot;&nbsp;{{$person->work_phone}}<br/>
					@endif

					@if(strlen($person->street_address_1) > 0 OR strlen($person->street_address_2) > 0 OR strlen($person->city) > 0 OR strlen($person->state_province) > 0 OR strlen($person->zip_postal) > 0 OR strlen($person->country) > 0 )
					<i class="fa fa-map-marker" style="color: #666;"></i>&nbsp;&middot;&nbsp;
					@endif

					@if(strlen($person->street_address_1) > 0){{$person->street_address_1}}, @endif
					@if(strlen($person->street_address_2) > 0){{$person->street_address_2}}, @endif
					@if(strlen($person->city) > 0){{$person->city}}, @endif 
					@if(strlen($person->state_province) > 0){{$person->state_province}}, @endif 
					@if(strlen($person->zip_postal) > 0) {{$person->zip_postal}}, @endif
					@if(strlen($person->country) > 0){{$person->country}}@endif

					@if(strlen($person->linkedin_url) > 0)
					<br/><i class="fa fa-linkedin" style="color: #666;"></i>&nbsp;&middot;&nbsp;<a href="{{$person->linkedin_url}}" target="_new">{{$person->linkedin_url}}</a><br/>
					@endif
				</div>

				@if(strlen($person->executive_summary) > 0)
				<div class="col-12 pb-0 pt-2 m-1 mt-3 navbar jobListingContainer" style="border-bottom: 4px solid #fff; background-color: #f8f8f8;">
					<p>
						<strong>Summary: </strong><br/>{{$person->executive_summary}}
					</p>
				</div>
				@endif
			</div>
		
			<nav>
	   			<div class="nav nav-tabs nav-fill mt-2" id="nav-tab" role="tablist">
					<a class="nav-item nav-link active" id="nav-contacts-tab" data-toggle="tab" href="#nav-work" role="tab" aria-controls="nav-work" aria-selected="true">Work Experience
					</a>
		  			<!--a class="nav-item nav-link" id="nav-postings-tab" data-toggle="tab" href="#nav-address" role="tab" aria-controls="nav-address" aria-selected="false">Address Details
					 </a>
					<a class="nav-item nav-link" id="nav-past-contacts-tab" data-toggle="tab" href="#nav-contacts" role="tab" aria-controls="nav-contacts" aria-selected="false">Contact Details
					
					</a-->
					<a class="nav-item nav-link" id="nav-past-contacts-tab" data-toggle="tab" href="#nav-past-resume" role="tab" aria-controls="nav-past-resume" aria-selected="false">Resume
					
					</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">
					@foreach($works as $work)
							<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('organizations.show', $work->org_id)}}">@if(strlen($work->org_name) > 60 ) {{substr($work->org_name, 0, 60)}}...@else{{$work->org_name }}@endif</a>
								</strong>
								&nbsp;&middot;&nbsp;		
								<strong>@if(strlen($work->job_title) > 0 ) {{ $work->job_title }} @else  @endif </strong>
							</h5>
						</div>
						<div class="col-1 text-right align-top 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: 300px !important;">
									<a class="dropdown-item" href="{{route('organizations.edit',$work->org_id)}}">Edit Company</a>
									<div class="dropdown-item"><strong>LinkedIn Search</strong><br/> 
										<a href="https://www.linkedin.com/search/results/companies/?keywords={{$work->org_name}}" target="_new">Company</a>&nbsp;&middot&nbsp;
										<a href="https://www.linkedin.com/search/results/people/?keywords={{$work->org_name}}+Salesforce+Director" target="_new">Hiring Manager</a>&nbsp;&middot&nbsp;
									</div>
									<hr/>
									<a class="dropdown-item" href="https://twitter.com/search?q={{$work->org_name}}&src=typed_query" target="_new">Twitter Search</a>
								</div>				
							</div>
						</div>
						<div class="col-12 p-0 m-0">
							<p>
								<strong>{{$work->job_period}}</strong>
							</p>
							<p>
								{{$work->job_description}}
							</p>
						</div>
					</div>	
					@endforeach
						
		   		</div>

				<div class="tab-pane fade" id="nav-address" role="tabpanel" aria-labelledby="nav-address-tab">
					<br/>
					<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>
								<span style="font-size: 13px;">
									@if(strlen($person->street_address_1) > 0 ) {{ $person->street_address_1 }} @else  @endif 
								</span><br/>
								<span class="badge badge-pill badge-primary mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->city}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->state_province}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->country}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->zip_postal}}
								</span>
							</h5>
							
						</div>
					
					</div>	
				</div>
				<div class="tab-pane fade" id="nav-contacts" role="tabpanel" aria-labelledby="nav-contacts-tab">
					<br/>
					<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>
								<span style="font-size: 13px;">
									@if(strlen($person->first_name) > 0 ) {{ $person->first_name }} @else  @endif 
									@if(strlen($person->last_name) > 0 ) {{ $person->last_name }} @else  @endif 
									
								</span><br/>
								<span class="badge badge-pill badge-primary mt-2" style="font-size: 13px; font-weight: normal;">					
								@if(strlen($person->work_status) > 0 ) {{ $person->work_status }} @else  @endif 
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->home_phone}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->work_phone}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->mobile_phone}}
								</span>
							</h5>
							
						</div>
					
					</div>	
				</div>
				<div class="tab-pane fade" id="nav-address" role="tabpanel" aria-labelledby="nav-address-tab">
					<br/>
					<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>
								<span style="font-size: 13px;">
									@if(strlen($person->street_address_1) > 0 ) {{ $person->street_address_1 }} @else  @endif 
								</span><br/>
								<span class="badge badge-pill badge-primary mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->city}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->state_province}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->country}}
								</span>
								<span class="badge badge-pill badge-success mt-2" style="font-size: 13px; font-weight: normal;">					
									{{$person->zip_postal}}
								</span>
							</h5>
							
						</div>
					
					</div>	
				</div>
				<div class="tab-pane fade" id="nav-past-resume" role="tabpanel" aria-labelledby="nav-resume-tab">
					@foreach($resumes as $resume)
					<div class="col-12 p-0 m-0">
						<p>
							{!! $resume->resume_html !!}
							<hr/>
						</p>
					</div>	
					@endforeach
						
				</div>					
			</div>
		</div>
		<div class="col-3">
			Advertisement space
		</div>
	</div>
</div>


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