@extends('frontend/layouts/Pagelayout')
{{-- Page content --}}
@section('content')
	     @include('frontend.includes.portfolio-banner') 

<!-- Content Start -->
<div class="page-icon project-portfolio" ></div>
<div class="container">
   @if(Session::has('message'))
		<div id = "myAlert" class = "alert alert-success" style="margin-top:3%;">
   <a href = "#" class = "close" data-dismiss = "alert">&times;</a>
   {{Session::get('message')}}
</div>
	@endif
	@if(Session::has('error'))
		<div id = "myAlert" class = "alert alert-danger" style="margin-top:3%;">
   <a href = "#" class = "close" data-dismiss = "alert">&times;</a>
   {{Session::get('error')}}
</div>
	@endif
  <h3 class="pro-title"><img src="{{Config::get('app.base_path').'/frontend/img/portfolio-icon.png'}}">Our Portfolio
		<a href="{{URL::to('project-portfolio')}}" class="btn btn-download pull-right" id="back-to-portfolio" style="display:none;">Back To PortFolio</a>
     </h3>
  @include('frontend.portfolio-projects.template-portfolio-projects')
</div>

<!-- Content End --> 
@endsection
@section('javascript')
<script>
$(document).on('ready',function(){

 $(document.body).on('click', '.pager a' ,function(event){
	         
			event.preventDefault();
			if ( $(this).attr('href') != '#' ) {
				PaginatePolls($(this).attr('href'));
			}
		});
});
</script>
<script>
function PaginatePolls(url){
	$.ajax({
		type: "POST",
		beforeSend: function() { 
				$('#portfolio-projects').parent().prepend('<div class="overlay"></div><div class="loading-img"></div>');
				
		},	
		url: url,
		success: function(data){
			$('.pager').remove();	
			$('#portfolio-projects').html(data).css({ opacity: 0 }).fadeTo("normal",1);
			$('.pager a').on('click', function (event) {
				event.preventDefault();
				PaginatePolls($(this).attr('href'));
			});
			
						
		}
	});
	
	 

}
</script>
@endsection