@extends('front.layout.app')

@section('seo_title')
{{ $page_data->team_seo_title }}
@endsection
@section('seo_meta_description')
{{ $page_data->team_seo_meta_description	}}
@endsection

@section('main_content')
 
<!-- Breadcrumb -->
<div class="breadcrumbs overlay" style="background-image:url('{{ asset('uploads/' . ($page_data->team_all_banner)) }}'">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bread-inner">
<!-- Bread Menu -->
<div class="bread-menu">
<ul>
	<li><a href="{{ route('home') }}">Home</a></li>
	<li><a href="{{ route('team_all') }}">{{ $page_data->team_banner_navtext }}</a></li>
</ul>
</div>
<!-- Bread Title -->
<div class="bread-title"><h2>{{ $page_data->team_banner_title }}</h2></div>
</div>
</div>
</div>
</div>
</div>
<!-- / End Breadcrumb -->




	<section class="team section-bg team-archive section-space">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="section-title  style2 text-center">
							<div class="section-top">
								<h1>@isset($page_data->team_title_highlight)
								<span>{{ $page_data->team_title_highlight }}</span>				
								@endisset<b>{{ $page_data->team_title }}</b></h1><h4>{{ $page_data->team_subtitle }}</h4>
							</div>
							<div class="section-bottom">
								<div class="text-style-two">
									<p>{{ $page_data->team_title_text }}</p>
								</div>
							</div>
						</div>
					</div>
				</div>

     <div class="row">
						@foreach ($teams as $team)
					<div class="col-lg-4 col-md-6 col-12">
						<!-- Single Team -->
						<div class="single-team">
							<div class="team-head">

								<img src="{{ asset('uploads/'.$team->photo) }}" alt="#">
         
								@if ($team->icons_status === 'show')
									<ul class="team-social">
									@for ($i = 1; $i <=4; $i++)
									@if ($team->{'item'.$i.'_url'} && $team->{'item'.$i.'_icon'})
										<li><a href="{{ $team->{'item'.$i.'_url'}?:'#' }}"><i class="{{ $team->{'item'.$i.'_icon'} }}"></i></a></li>							
									@endif
									@endfor
								</ul>				
								@endif
								

							</div>
							<div class="t-content">

        @if ($team->icons_status === 'show')
									<div class="team-arrow">
									<a><i class="fa fa-angle-up"></i></a>
								</div>			
								@endif
								

								<div class="content-inner">
									<h4 class="name"><a href="{{ $team->person_url?:'#' }}">{{ $team->name }}</a></h4>
									<span class="designation">{{ $team->position }}</span>
								</div>
							</div>
						</div>
						<!--/ End Single Team -->
					</div>
							@endforeach

     </div>
				@include('front.layout.pagination', ['items' => $teams])
				</div>
		</section>





@endsection