@extends('layouts.app')

@section("page-style")
<link href="{{ asset('front-assets/css/pages_css/company-list.css') }}" rel="stylesheet">
@endsection
@section('content')


 <section class="w-100 clearfix privacyPolicySection pb-5 pt-lg-4 position-relative" id="elcinaPrivacyPolicy">
 <div class="privacyPolSec">
        <div class="elcinaPrivacyPolicyInner pb-md-5">
            <div class="w-100 clearfix filterToggleSection pt-2 pb-3" id="filterToggleSec">
                <div class="container">
                   <div class="filterSideBarToggle">
                      <a class="toggle-menu" href="javascript:void(0);">
                         <p><span>Filter</span> <i class="fa fa-sliders" aria-hidden="true"></i><i class="fa fa-times-circle-o" aria-hidden="true"></i></p>
                      </a>
                   </div>
                </div>
             </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="asideSection">
                          <form action="javascript:void(0);" id="company_filter" data-select2-id="company_filter">
                            <div class="asideOuter">
                                <!--<div class="asideHeadingSec">-->
                                <!--    <h4 class="mb-0">Filter By</h4>-->
                                <!--</div>-->
                                <div class="filterSection">
                                    <div class="filterInner">
                                        <label for="category" class="form-label">Category</label>
                                        <select class="form-select" id="category" name="category" onchange="update_filter(this.value);">
                                            <option value="" selected>Select Category</option>
                                            <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/company/company.blade.php</b> on line <b>42</b><br />
                                        </select>
                                    </div>
                                    <div class="filterInner">
                                        <label for="core_activity" class="form-label">Activity</label>
                                        <select class="form-select" id="core_activity" name="core_activity" onchange="update_filter(this.value);">
                                            <option value="" selected>Select Activity</option>
                                            <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/company/company.blade.php</b> on line <b>51</b><br />
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="asideOuter mt-4">
                                <div class="filterRecommendedSection">
                                    <div class="filterRecommended mt-3">
                                        <a href="javascript:void(0);">
                                            <div class="filtRecommended h-100 text-center">
                                                <div class="incolpro d-flex">
                                                    <div class="filtRecommendedImage p-3">
                                                        <img src="{{ asset('front-assets/images/products/product5.png') }}" alt="product" class="img-fluid">
                                                    </div>
                                                    <div class="filtRecommendedContant p-1">
                                                        <h5>Amp Air Budz X25 True Wireless Earphones</h5>
                                                        <h5>Amp Quick Sync Tech, BT 5.0 Superior Sound with Crisp Bass</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="asideOuter mt-4">
                                <div class="asideHeadingSec">
                                    <h4 class="mb-0">TAGS</h4>
                                </div>
                                <div class="filterTagSection">
                                    <div class="filterTag">
                                        <ul class="nav">
                                            <li class="nav-item">
                                                <a class="nav-link" href="#">Fashion</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#">Sports</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#">Brands</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link active" href="#">Charity</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#">Fitness</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" href="#">Medical</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>-->
                            <input type="hidden" class="form-control" id="page_id"  name="page_id" value="5">
                          </form>
                        </div>
                    </div>
                    <div class="col-lg-9">
                      <div class="featuredCompaniesSection">
                            <div class="featuredCompaniesSec">
                                <div class="privacyPolicyContant pb-5">
                                    <div class="headingTitle text-center">
                                        <div class="titleLine textCenterLine">
                                            <p class="mb-0"><span>THE LATEST</span></p>
                                        </div>
                                        <h1>Featured Companies</h1>
                                        <p class="HeadingP">Lorem Ipsum has been the industry's standard dummy text ever since <br class="d-none d-xl-block"> the 1500s, when an unknown printer took a galley of type.</p>
                                    </div>
                                </div>
                                <div class="featuredCompaniesDetails">
                                   <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home/payanyfee/public_html/paystaging/resources/views/front/company/company.blade.php</b> on line <b>123</b><br />
                      
                                </div>
                            </div>
                            <div class="elcinaPagination mt-5">
                                <div class="companyListSection">
                                    <div class="CompanyListSec"></div>
                                    <div class="CompanyListBtnSec text-center">
                                      <a href="javascript:;" class="btn load_more_btn d-none" onclick="load_more()">Load More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
        </div>
        </div>
    </section>

<!----------|| Privacy Policy Section ||---------->
@endsection
@section("page-js-script")
<script src="{{ asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('assets/plugins/datatable/js/dataTables.bootstrap5.min.js') }}"></script>
<script>
$(document).ready(function(){
    update_filter();
});
/*function update_filter(){
  company_list();
}*/
function update_filter() {
 $.ajax({     
  url :"{{ route('company_list') }}", 
   'headers': {
       'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },  
  method:"POST",  
  data:$('#company_filter').serialize(),
  success: function(res){
     $('.featuredCompaniesSection').html(res);
  }              
  });        
}

function load_more(){
    var total_company = "";
    var page_no = $('#page_id').val();
    var sum = 5 + parseInt(page_no);
    if (sum >= total_company) {
      sum = total_company;
      $('.load_more_btn').addClass('d-none');
    }    
    var total_no = $('#page_id').val(sum);
    update_filter();   
  }
</script>
@endsection