@extends('frontend/layouts/Pagelayout')
{{-- Page content --}}
@section('content')
<!-- Banner Part -->
<section class="bidroom-banner">
  <div class="container">
    <div class="col-md-12 col-sm-12">
      <div class="banner">
        <h3 class="animated fadeInDown">Awarded Projects</h3>
        <p class="animated fadeInUp">ABBA Construction is committed to using local companies for projects that we are involved in.&nbsp;&nbsp;We work regularly with some of the best subcontractors in the business.&nbsp;&nbsp;Their knowledge, skill and reliability is a vital resource, and we are deeply committed to maintaining strong working relationships that lead to our mutual success - and to the success of our customers.&nbsp;&nbsp;A list of our current bid opportunities is displayed below.&nbsp;&nbsp;If you are interested in one of the opportunities you can click on the project name and view the bid documents for that job.</p>
         </div>
    </div>
  </div>
</section>
<!-- Banner End --> 
<!-- Content Start -->
@if(Session::has('message'))
		<div id = "myAlert" class = "alert alert-success">
   <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">
   <a href = "#" class = "close" data-dismiss = "alert">&times;</a>
   {{Session::get('error')}}
</div>
	@endif
<div class="page-icon"></div>
<div class="container">
   
  <h3 class="contant-heading">Awarded Projects</h3>
  @include('frontend.projects.template-awarded-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){
	 console.log(url);
	$.ajax({
		type: "POST",
		beforeSend: function() { 
				$('#awarded-projects').parent().prepend('<div class="overlay"></div><div class="loading-img"></div>');
				$('.pager').remove();
		},	
		url: url,
		success: function(data){
				
			$('#awarded-projects').html(data).css({ opacity: 0 }).fadeTo("normal",1);
			$('.pager a').on('click', function (event) {
				event.preventDefault();
				PaginatePolls($(this).attr('href'));
			});
			
						
		}
	});
	
	 

}
</script>
@endsection