@extends('frontend/layouts/Pagelayout')
{{-- Page content --}}
@section('content')
<style>
.new-alert{
display:none;
text-align:center;
color:#006600;
font-size:16px;
}
.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #fff;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #fff
}
.full, .mail,textarea{
outline:none;
}
.email.has-error,.tearea.has-error,.name.has-error{
border: 1px solid red !important;
}
.form-control:focus {
border-color:#ccc;
}
.proj-det>p{
  word-wrap: break-word;
}
</style>
@include('frontend.includes.portfolio-banner') 
<!-- Content Start -->
<div class="page-icon project-portfolio" ></div>
<div class="container" id="project-portfolio-details-start"> 
      <div class="row">

  <h3 class="pro-title"><img src="{{Config::get('app.base_path').'/frontend/img/portfolio-icon.png'}}">Our Portfolio <a href="{{URL::to('projects-portfolio')}}" class="btn btn-download pull-right" id="back-to-portfolio" >Back To PortFolio</a> </h3>
  <div  class="row portfolio" id="portfolio-projects-details"> 
     
      @include('frontend.portfolio-projects.template-portfolio-project-details')
</div>
  </div>
</div>

<!-- Content End -->
@endsection
@section('javascript')
<script>
$(document).on('ready',function(){
var divPosition = $('#project-portfolio-details-start').offset();
$('html, body').animate({scrollTop: divPosition.top}, "slow");
 $(document.body).on('click', '.pager a' ,function(event){
	         
			event.preventDefault();
			if ( $(this).attr('href') != '#' ) {
				PaginatePolls($(this).attr('href'));
			}
		});
});
</script>
<script>
function PaginatePolls(url){
	 console.log(url);
	$.ajax({
		type: "POST",
		beforeSend: function() { 
				$('#portfolio-projects-details').parent().prepend('<div class="overlay"></div><div class="loading-img"></div>');
				
		},	
		url: url,
		success: function(data){
			$('.pager').remove();	
			$('#portfolio-projects-details').html(data).css({ opacity: 0 }).fadeTo("normal",1);
			$('.pager a').on('click', function (event) {
				event.preventDefault();
				PaginatePolls($(this).attr('href'));
			});
			
						
		}
	});
	
	 

}
</script>
@endsection