@extends('front.template.master')
@section('title', 'About')
@section('content')
    <section class="header-spacing">
		<div class="inner-banner">
			<div class="aboutus-companybanner"></div>
		</div>
        <section class="company-block pt-4">
			<div class="company">
				<div class="container">
					<h2 class="text-center career-header common-title">WHO WE ARE</h2>
					<div class="row align-items-center">
						<div class="col-md-5">
							@php 

								$who_we_are_image = isset($about->who_we_are_image) ? 'uploads/about-us/'.$about->who_we_are_image: '/front1/images/industry1.png';

								$our_global_image = isset($about->our_global_image) ? 'uploads/about-us/'.$about->our_global_image: '/front1/images/industry1.png';

								$what_we_do_image = isset($about->what_we_do_image) ? 'uploads/about-us/'.$about->what_we_do_image: '/front1/images/industry1.png';
							@endphp
							<img src="{{ asset($who_we_are_image) }}" class="pic zoom"  width="445" height="318" style="width: 445px !important; height: 318px !important;"/>
						</div>
						<div class="col-md-7">
							<div style="padding-bottom: 70px;">
								<div class="mxh-auto"></div>
							</div>
						</div>
					</div>
					<div class="row align-items-center">
						<div class="col-md-5 order-2">
							<img src="{{ asset($our_global_image) }}" class="pic zoom" style="width: 445px !important; height: 318px !important;"/>
						</div>
						<div class="col-md-7">
							<h3>OUR GOAL</h3>
							<div class="mxh-auto"></div>
						</div>
					</div>
					<div class="row align-items-center">
						<div class="col-md-5">
							<img src="{{ asset($what_we_do_image) }}" class="pic zoom"  style="width: 445px !important; height: 318px !important;"/>
						</div>
						<div class="col-md-7">
							<h3>WHAT WE DO</h3>
							<div class="mxh-auto"></div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Why Area -->
		<div class="services-area in-section section-padding-lg bg-shape">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-6">
						<div class="section-title text-center">
							<h2>WHY UNILINK INDIA</h2>
							<h6>We are leading international Insurance service provider to make your happy life .</h6>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-xl-6 col-lg-12">
						<div class="about-content heightmatch">
							
							<a href="{{ asset('uploads/cms/'.trim($whyUnilinkInda->attachment1)) }}" target="_blank">The Team</a>
						</div>
					</div>
					<div class="col-xl-6 col-lg-12">
						@if($whyUnilinkInda->image1)
					        <img src="{{ asset('uploads/cms/'.trim($whyUnilinkInda->image1)) }}">
					    @else
						    <img src="{{ asset('public/front/images/why1.png') }}">
						@endif
					</div>
				</div>
				<div class="row">
					<div class="col-xl-6 col-lg-12">
					    @if($whyUnilinkInda->image2)
					        <img src="{{ asset('uploads/cms/'.trim($whyUnilinkInda->image2)) }}">

					    @else
						    <img src="{{ asset('public/front/images/why2.png') }}">
						@endif
					</div>
					<div class="col-xl-6 col-lg-12">
						<div class="about-content heightmatch">
							
							<a href="{{ asset('uploads/cms/'.trim($whyUnilinkInda->attachment2)) }}" target="_blank">Thesafetypoint Profile</a>
						</div>
					</div>					
				</div>
				<div class="row">
					<div class="col-xl-6 col-lg-12">
						<div class="about-content heightmatch">
							
							<a href="{{ asset('uploads/cms/'.trim($whyUnilinkInda->attachment3)) }}" target="_blank">Why NRI from USA should invest in India</a><br>
							<a href="{{ asset('uploads/cms/'.trim($whyUnilinkInda->attachment4)) }}" target="_blank">Why NRI from UAE should invest in India</a><br>
							<a href="{{ asset('uploads/cms/'.trim($whyUnilinkInda->attachment5)) }}" target="_blank">Why NRI from Singapore should invest in India</a><br>
						</div>
					</div>
					<div class="col-xl-6 col-lg-12">
						@if($whyUnilinkInda->image3)
						
					        <img src="{{ asset('uploads/cms/'.trim($whyUnilinkInda->image3)) }}">
					    @else
						    <img src="{{ asset('public/front/images/why3.png') }}">
						@endif
					</div>
				</div>
			</div>
		</div>
		<!--// Why Area -->
		
        <section class="leadership-block">
			<div class="container leadership">
				<h2 class="text-center career-header">MEET THE TEAM</h2>
				<div class="leadership-list">
					<div class="row align-items-center">
					@foreach ($teams as $team)
						<div class="col-md-12">
							<div class="row align-items-center">
								<div class="col-md-4">
									{{-- <img id="img-team" src="{{ asset('uploads/team/' . $team->image) }}"
										alt="{{ $team->name }}" class="pull-left" /> --}}
									<img id="img-team" src="{{ asset('uploads/team/' . $team->image) }}"
										alt="{{ $team->name }}" class="pull-left zoom" />
								</div>
								<div class="col-md-8 about-leadership">
									<h4>{{ $team->name }}
										<br />
										<small>{{ $team->designation }}</small>
									</h4>
									<div class="mxh-auto mxw-150"><p>{{ $team->short_description }}</p></div>
								</div>
							</div>
						</div>
					@endforeach
					</div>
				</div>
			</div>
		</section>
		
        <section class="company-block">
			<div class="company">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-md-4 text-center company-highlighted-text zoom">
							<h2 class="growing"><span>{{ $about->it_year }}+</span><br /><small>Years in Information
									Technology</small></h2>
						</div>
						<div class="col-md-4 text-center company-highlighted-text zoom">
							<h2 class="fortune"><span>{{ $about->exp_year }}+</span><br /><small>Years of experienced
									team</small></h2>
						</div>
						<div class="col-md-4 text-center company-highlighted-text zoom">
							<h2 class="strategic"><span>{{ $about->comp_project }}+</span><br /><small>Completed
									projects</small></h2>
						</div>
						<div class="col-md-4 text-center company-highlighted-text zoom">
							<h2 class="customer"><span>{{ $about->cust_success }}%</span><br /><small>Customer
									success</small></h2>
						</div>
					</div>
				</div>
			</div>
		</section>
    </section>

@endsection