@extends('layouts.main')

@section('title','Advanced')

@section('header')

<link rel="stylesheet" type="text/css" href="{{ asset('slick/slick.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('slick/slick-theme.css') }}">
<style type="text/css">
body {
	background: #fff;
}
</style>
@endsection

@section('body')

@include('layouts.slider')

<div style="margin-top: -90px;" class="banner_bottom">
	<div class="container">
		<div class="inner_sec_info_w3ls_agile">
			<div class="help_full">
				<div class="col-md-6 banner_bottom_left">
					<h3 style="color:#124D79;font-size: 1.3em;">Welcome to Advanced Management Consultants</h3>
					<br>
					<p style="color:black;text-align: justify">
						Advanced Management Consultants Pvt. Ltd is a reliable and trusted name in the field of Recruitment and manpower supply, recognized by Ministry of Labor Department of Nepal. Advanced Management Consultants P. Ltd has made thousands number of placements all over the World. Since we established, we have been serving as a bridge for bringing together Employer & Employee from across the World. We have been providing unskilled, Semi-Skilled, Skilled and highly skilled personnel in the field of OIL & GAS, CIVIL CONSTRUCTION, MAINTENANCE, TRADING, AGRICULTURE, INFORMATION TECHNOLOGY, HOSPITALITY & SERVICE SECTOR globally.
					</p>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 banner_bottom_grid help">
					<img src="{{ asset('images/human_resources.jpg') }}" alt="Advanced Management" class="img-responsive">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
</div>

<div style="background: #e9f9eb" class="banner_bottom" >
	<div class="container">
		<h3 class="text-center" style="color:#124D79;font-size: 1.3em;">Available Categories</h3>
		<p class="text-center">We can proudly say that we have hired the best people in the industry.</p>
		<div class="inner_sec_info_w3ls_agile"  >
			@foreach($categories->chunk(4) as $chunkedCategories)
			<div class="row" >
				@foreach($chunkedCategories as $category)
				<div class="col-md-3">
					<div class="panel panel-default" >
						<div class="panel-heading" style="background:#124D79" >
							<h4 style="color:#FFFFFF">{{ $category->name }}</h4>
						</div>
						<div class="panel-body">
							<img src="{{ asset('images/'.$category->image) }}" class="img-responsive" alt="{{ $category->name }}">
							<br>
							<p>{{ $category->shortDescription() }}</p>
							<div class="text-center">
								<a href="{{ url($category->url()) }}" class="btn btn-info">Read More</a>
							</div>
						</div>
					</div>
				</div>
				@endforeach
			</div>
			@endforeach
		</div>
	</div>
</div>

{{-- <div style="background: #e9f9eb" class="banner_bottom">
	<div class="container">
		<div class="col-md-8 col-md-offset-2">
			<h3 class="tittle">Search Jobs</h3>
			<div class="inner_sec_info_w3ls_agile">
				<form method="GET" action="{{ url('/jobs/search') }}">
					<div class="form-group">
						<label>Job Category</label>
						<select name="job_category" class="form-control">
							<option value="0">All</option>
							@foreach($categories as $category)
							<option value="{{ $category->id }}">{{ $category->name }}</option>
							@endforeach
						</select>
					</div>
					<div class="form-group">
						<label>Job Title</label>
						<input type="text" name="job_title" class="form-control" placeholder="Enter Job Title..">
					</div>
					<div style="font-size: 1.6rem" class="text-center">
						<input type="submit" name="submit" value="Search" class="btn btn-success btn-lg btn-block">
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="container">
	<hr style="color: #000">
</div>

<div style="margin-top: -90px;" class="banner_bottom">
	<div class="container">
		<h3 class="tittle">Welcome to Advanced Management Consultants</h3>
		<div class="inner_sec_info_w3ls_agile">
			<div class="help_full">
				<div class="col-md-6 banner_bottom_left">
					<h4>Lets learn a little bit more about us</h4>
					<p>
						Advanced Management Consultants is the popular foreign employment agency which supplies the manpower of different categories as per demand of employing company and interest and ability of the employees. Advanced Management Group is a registered company with Registered (Lic.) No:1470/074/75
					</p>
					<p>
						Our organization is well equipped with qualified and dedicated staff, who have got experience and expertise in human resources management and personnel management. Our primary objective is to provide all kinds of workforce to the companies in need. The agency abides by the rules and acts of government of Nepal. The recruitment procedures are always monitored by the labor department under Ministry of Labor.
					</p>
					<p>
						Advanced Management Consultants consists of young & dynamic entrepreneurs who have long experience record in the HR industry, consulting and marketing, which is back supported by dedicated staff team spirit. The team share common passion in delivering excellent services to its stakeholder enhancing International practices on selection, recruitment and training of human resources.
					</p>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-6 banner_bottom_grid help">
					<img src="images/skilled-workers.jpg" alt="Advanced Management staffs" class="img-responsive">
					<br>
					<img src="images/semi-skilled-workers.jpg" alt="Advanced Management staffs" class="img-responsive">
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!--<div class="news-main">
			<div class="col-md-8 col-md-offset-2 text-center">
				<h2>Message From Chairperson</h2>
				<br>
				<img src="{{ asset('images/chairperson.jpg') }}" class="img-circle">
				<br>
				<p>
					We feel proud to extend our warm greetings and introduce ourselves as one of the best and most sincere manpower consultants in Nepal, supporting our valued and esteemed clients. It has been supplying highly skilled, semi-skilled and un-skilled as well as trained manpower since its emergence in Nepalese job scenario.
				</p>
			</div>
			<div class="clearfix"></div>
		</div>-->
	</div>
</div> --}}
<!-- //about -->

<!--/tab_section-->
{{-- <div class="tabs_section">
	<div class="container">
		<h3 class="tittle">Job Categories</h3>
		<div class="inner_sec_info_w3ls_agile">
			<div id="horizontalTab">
				<ul class="resp-tabs-list">
					<li>Engineering</li>
					<li>Skilled worker</li>
					<li>Semi skilled worker</li>
					<li>Labour worker</li>
				</ul>
				<div class="resp-tabs-container">

					<div class="tab1">
						<div class="tab_info">
							<div class="col-md-6 rep-img">
								<img src="images/engineering-workers.jpg" alt="Engineering Workers" class="img-responsive">
							</div>
							<div class="col-md-6 rep-text">
								<h4>Job Listing</h4>
								@if(count($engineering)>0)
								@foreach($engineering as $job)
								<div class="service_text">
									<h3>{{ $job->title }}</h3>
									<h4 class="service2">{{ $job->company->name }} , {{ $job->company->country->name }}</h4>
									<h5>{{ $job->company->country->currency }} {{ $job->salary }}</h5>
									<a href="{{ url('/jobs/'.$job->slug) }}" class="btn btn-info">Read More</a>
								</div>
								<br>
								@endforeach
								@else
								<div class="service_text">
									<h3>No jobs found in this category.</h3>
								</div>
								@endif
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="tab2">
						<div class="tab_info">
							<div class="col-md-6 rep-img">
								<img src="images/skilled-workers.jpg" alt="Skilled Workers" class="img-responsive">
							</div>
							<div class="col-md-6 rep-text">
								<h4>Job Listing</h4>
								@if(count($skilled)>0)
								@foreach($skilled as $job)
								<div class="service_text">
									<h3>{{ $job->title }}</h3>
									<h4 class="service2">{{ $job->company->name }} , {{ $job->company->country->name }}</h4>
									<h5>{{ $job->company->country->currency }} {{ $job->salary }}</h5>
									<a href="{{ url('/jobs/'.$job->slug) }}" class="btn btn-info">Read More</a>
								</div>
								<br>
								@endforeach
								@else
								<div class="service_text">
									<h3>No jobs found in this category.</h3>
								</div>
								@endif
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="tab3">
						<div class="tab_info">
							<div class="col-md-6 rep-img">
								<img src="images/semi-skilled-workers.jpg" alt="Semi skilled workers" class="img-responsive">
							</div>
							<div class="col-md-6 rep-text">
								<h4>Job Listing</h4>
								@if(count($semiskilled)>0)
								@foreach($semiskilled as $job)
								<div class="service_text">
									<h3>{{ $job->title }}</h3>
									<h4 class="service2">{{ $job->company->name }} , {{ $job->company->country->name }}</h4>
									<h5>{{ $job->company->country->currency }} {{ $job->salary }}</h5>
									<a href="{{ url('/jobs/'.$job->slug) }}" class="btn btn-info">Read More</a>
								</div>
								<br>
								@endforeach
								@else
								<div class="service_text">
									<h3>No jobs found in this category.</h3>
								</div>
								@endif
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="tab4">
						<div class="tab_info">
							<div class="col-md-6 rep-img">
								<img src="images/labour-workers.jpg" alt="Labour Workers" class="img-responsive">
							</div>
							<div class="col-md-6 rep-text">
								<h4>Job Listing</h4>
								@if(count($labour)>0)
								@foreach($labour as $job)
								<div class="service_text">
									<h3>{{ $job->title }}</h3>
									<h4 class="service2">{{ $job->company->name }} , {{ $job->company->country->name }}</h4>
									<h5>{{ $job->company->country->currency }} {{ $job->salary }}</h5>
									<a href="{{ url('/jobs/'.$job->slug) }}" class="btn btn-info">Read More</a>
								</div>
								<br>
								@endforeach
								@else
								<div class="service_text">
									<h3>No jobs found in this category.</h3>
								</div>
								@endif
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
</div> --}}
<!-- /tabs -->
<!--//tab_section-->

<div class="mid_slider">
	<div class="mid_slider_info">
		<h3 class="tittle" style="color:#124D79">Our Valued Clients</h3>
		<div class="inner_sec_info_w3ls_agile">
			<div class="panel panel-default">
				<div class="panel-body">
					<div class="slider autoplay">
						@foreach($companies as $company)
						<a target="_blank" href="{{ $company->url }}"><img src="{{ asset('images/'.$company->image) }}" alt="{{ $company->name }}" class="img-responsive"></a>
						@endforeach
					</div>
				</div>
			</div>
			<br>
			<div class="text-center" >
				<a href="{{ url('/clients') }}" class="btn btn-info btn-lg  ">View All Clients</a>
			</div>
		</div>
	</div>
</div>

<!-- /stats -->
<div class="stats_test">
	<h3 class="tittle two">Our Status</h3>
	<div class="inner_sec_info_w3ls_agile">
		<div class="stats">
			<div class="stats_left counter_grid">
				<i class="fa fa-building-o" aria-hidden="true"></i>
				<p class="counter">600</p>
				<h4>Customers served</h4>
			</div>
			<div class="stats_left counter_grid1">
				<i class="fa fa-user" aria-hidden="true"></i>
				<p class="counter">590</p>
				<h4>VISAs approved</h4>
			</div>
			<div class="stats_left counter_grid2">
				<i class="fa fa-spinner" aria-hidden="true"></i>
				<p class="counter">390</p>
				<h4>Success Stories</h4>
			</div>
			<div class="stats_left counter_grid3">
				<i class="fa fa-smile-o" aria-hidden="true"></i>
				<p class="counter">585</p>
				<h4>Happy Customers</h4>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>

<!-- //stats -->

<!-- /testimonials-->
<div class="testimonials">
	<section id="carousel">
		<div class="testimonials_inner">
			<div class="col-md-8 col-md-offset-2">
				<div class="quote"><i class="fa fa-quote-left fa-4x"></i></div>
				<div class="carousel slide" id="fade-quote-carousel" data-ride="carousel" data-interval="3000">
					<!-- Carousel indicators -->
					<ol class="carousel-indicators">
						<li data-target="#fade-quote-carousel" data-slide-to="0"></li>
						<li data-target="#fade-quote-carousel" data-slide-to="1" class="active"></li>
						<li data-target="#fade-quote-carousel" data-slide-to="2"></li>
					</ol>
					<!-- Carousel items -->
					<div class="carousel-inner">
						<div class="item">
							<div class="profile-circle"><img src="images/t1.jpg" alt=" "></div>
							<!--<h4>Client 1, Some company</h4>-->
							<blockquote>
								<p class="test">Advanced is absolutely one of the best overseas I know. Without a doubt.</p>
							</blockquote>
						</div>
						<div class="item">
							<div class="profile-circle"><img src="images/t2.jpg" alt=" "></div>
							<!--<h4>Client 1, Some company</h4>-->
							<blockquote>
								<p class="test">You can never go wrong with this overseas!! Highly recommended to all the people.. Thank you Advanced Management family</p>
							</blockquote>
						</div>
						<div class="active item">
							<div class="profile-circle"><img src="images/t3.jpg" alt=" "></div>
							<!--<h4>Client 1, Some company</h4>-->
							<blockquote>
								<p class="test">Advanced Management Group is an excellent example of what good customer service should be. They lead you through the whole process so that you can get the best opportunity to work abroad.</p>
							</blockquote>
						</div>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</section>
</div>

<!-- //testimonials-->

@endsection

@section('footer')

<script src="js/responsiveslides.min.js"></script>
<script>
	$(function () {
		$("#slider4").responsiveSlides({
			auto: true,
			pager: true,
			nav: true,
			speed: 1000,
			namespace: "callbacks",
			before: function () {
				$('.events').append("<li>before event fired.</li>");
			},
			after: function () {
				$('.events').append("<li>after event fired.</li>");
			}
		});
	});
</script>
<!-- script for responsive tabs -->
<script src="js/easy-responsive-tabs.js"></script>
<script>
	$(document).ready(function () {
		$('#horizontalTab').easyResponsiveTabs({
				type: 'default', //Types: default, vertical, accordion           
				width: 'auto', //auto or any width like 600px
				fit: true, // 100% fit in a container
				closed: 'accordion', // Start closed if in accordion view
				activate: function (event) { // Callback function if tab is switched
					var $tab = $(this);
					var $info = $('#tabInfo');
					var $name = $('span', $info);
					$name.text($tab.text());
					$info.show();
				}
			});
		$('#verticalTab').easyResponsiveTabs({
			type: 'vertical',
			width: 'auto',
			fit: true
		});
	});
</script>

<script type="text/javascript" src="{{ asset('slick/slick.min.js') }}"></script>
<script type="text/javascript">
	$('.autoplay').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		autoplay: true,
		autoplaySpeed: 500,
	});
</script>
@endsection