HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/edusort/resources/views/frontend/user/
Current File : /home/htlwork.com/www/edusort/resources/views/frontend/user/allcourses.blade.php
@extends('layouts.useraccountheader')

@section('content')
@php 
    $indx=0; 
@endphp 


<style>
    .loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>

<section class="show-results-sec">
    <div class="container">
        <div class="row">           
        
            <div class="col-sm-12 top-col mrb-90">
                <div class="search-area">
                    <h2 class="mrb-30 text-center">Explore leading Australian Universities</h2>
                    <form>
                        <input type="search" id="form1" class="form-control" placeholder="Search for course and subjects"/>
                        <button type="button" class="btn-search"><img src="{{ asset('public/assets/frontend/images/search-icon.svg')}}" alt="Image"></button>
                    </form>
                </div><!--/ search area -->
            </div><!--/ top col -->
        
            <div class="col-sm-3 left-area">
                <div class="results-by">
                    <h3>Show results by:</h3>






                    <div class="result-filter refinement-filter mrb-30">
                        <h4>Refine By</h4>
                        
                        <div class="refinement" id="price_ref" style="display: none;">
                          <span></span><i class="fa fa-close" id="price_close" aria-hidden="true" style="font-size:20px"\></i>
                        </div>

                        <div class="refinement" id="department_ref" style="display: none;">
                            <span></span><i class="fa fa-close" id="department_close" aria-hidden="true" style="font-size:20px"\></i>
                          </div>
                        
                        <div class="refinement" id="loc_ref" style="display: none;">
                          <span></span><i class="fa fa-close" style="font-size:20px" id="loc_close" aria-hidden="true"></i>
                        </div>

                        <div class="refinement" id="methods_ref" style="display: none;">
                            <span></span><i class="fa fa-close" style="font-size:20px" id="methods_close" aria-hidden="true"></i>
                          </div>


                          <div class="refinement" id="ielts_ref" style="display: none;">
                            <span></span><i class="fa fa-close" style="font-size:20px" id="ielts_close" aria-hidden="true"></i>
                          </div>
                        
                        <div class="clear-Refine mrb-10" id="clear-Refine" style="display: none;">
                          <button type="submit"  id="clear-Refine-btn" class="btn btn-yellow">Clear all Refinements</button>
                        </div>
                      </div><!--/ result-filter -->


                      
                      <form id="filter-form" method="POST">
                      <div class="result-filter mrb-30" >
                        <h4><a class="btn-result" data-bs-toggle="collapse" href="#Price" role="button" aria-expanded="true" aria-controls="Price">Total Price <i class="fa fa-angle-down"></i></a></h4>
                        
                        <div class="toggle-items result-grid collapse show" id="Price">
                          <ul>
                            <li><a href="#" class="price_" data-from="100000"  data-to="200000">$100000 - $200000</a></li>
                            <li><a href="#" class="price_" data-from="200001"  data-to="300000">$200001 - $300000</a></li>
                            <li><a href="#" class="price_" data-from="300001"  data-to="500000">$300001 - $500000</a></li>
                          </ul>
                        </div>
                      </div><!--/ result-filter -->
                      
                      <div class="result-filter mrb-30" >
                        <h4><a class="btn-result" data-bs-toggle="collapse" href="#Locations" role="button" aria-expanded="true" aria-controls="Locations">Locations <i class="fa fa-angle-down"></i></a></h4>
                        
                        <div class="toggle-items result-grid collapse show" id="Locations">
                          <ul>
                            <li><a href="#" data-val="nsw" class="loc">NSW</a></li>
                            <li><a href="#" data-val="qld" class="loc">QLD</a></li>
                            <li><a href="#" data-val="vic" class="loc">VIC</a></li>
                            <li><a href="#" data-val="wa" class="loc">WA</a></li>
                            <li><a href="#" data-val="sa" class="loc">SA</a></li>
                          </ul>
                        </div>
                      </div><!--/ result-filter -->


                      <div class="result-filter mrb-30" >
                        <h4><a class="btn-result" data-bs-toggle="collapse" href="#Methods" role="button" aria-expanded="true" aria-controls="Methods">Study Mehods <i class="fa fa-angle-down"></i></a></h4>
                        
                        <div class="toggle-items result-grid collapse show" id="Methods">
                          <ul>
                            <li><a href="#" data-val="online" class="methods">Online</a></li>
                            <li><a href="#" data-val="class" class="methods">Class</a></li>
                            <li><a href="#" data-val="mixed" class="methods">Mixed</a></li>
                            <li><a href="#" data-val="flexible" class="methods">Flexible</a></li>
                            
                          </ul>
                        </div>
                      </div><!--/ result-filter -->



                      
                      <div class="result-filter mrb-30" >
                        <h4><a class="btn-result" data-bs-toggle="collapse" href="#Department_" role="button" aria-expanded="true" aria-controls="Methods">Department <i class="fa fa-angle-down"></i></a></h4>
                        
                        <div class="toggle-items result-grid collapse show" id="Department_">
                          <ul>
                            @foreach($categories as $category)
                            <li><a href="#" data-val="{{ $category->id }}" data-name="{{ $category->name }}" class="department">{{ $category->name }}</a></li>
                           @endforeach
                            
                          </ul>
                        </div>
                      </div><!--/ result-filter -->





                      <div class="result-filter mrb-30" >
                        <h4><a class="btn-result" data-bs-toggle="collapse" href="#ielts_" role="button" aria-expanded="true" aria-controls="Methods">IElTS <i class="fa fa-angle-down"></i></a></h4>
                        
                        <div class="toggle-items result-grid collapse show" id="ielts_">
                          <ul>
                            <li><a href="#" data-val="yes" class="ielts">Yes</a></li>
                            <li><a href="#" data-val="no" class="ielts">No</a></li>
                           
                          </ul>
                        </div>
                      </div><!--/ result-filter -->


                      <input type="hidden" name="ielts" id="ielts">
                      <input type="hidden" name="department" id="department">
                 <input type="hidden" name="location" id="locations">
                 <input type="hidden" name="methods" id="methods">

                 <input type="hidden" name="from_price" lass="form-control" id="from_price">
                <input type="hidden" name="to_price" lass="form-control" id="to_price">
                      
                      <button type="submit" class="btn btn-primary" style="margin-top:20px;display:none;">Apply Filters</button>
                      
                      </form>










                   {{-- / <ul> --}}
                        {{-- <li><a href="#" class="btn">Degree (6)</a></li>
                        <li><a href="#" class="btn">Subjects (47)</a></li>
                        <li><a href="#" class="btn">Short courses (23)</a></li> --}}

                        {{-- <li><a href="#" class="btn">Location</a></li> --}}
                        {{-- <li style="display: none"><input type="checkbox"><a href="#" class="">Location</a></li> --}}
                    {{-- </ul> --}}


                    <form id="filter-formold" method="POST" style="display: none;">
                        From Price: <input type="text" name="from_price" lass="form-control">
                        To Price: <input type="text" name="to_price" lass="form-control">
                        Locations:
                        <select name="location[]" multiple class="form-control">
                            <option value="nsw">NSW</option>
                            <option value="qld">QLD</option>
                            <option value="vic">VIC</option>
                            <option value="wa">WA</option>
                            <option value="sa">SA</option>
                           
                            <!-- Add more options dynamically from your database -->
                        </select>
                        <button type="submit" class="btn btn-primary" style="margin-top:20px;">Apply Filters</button>
                  
                  
                     
                  
                    </form>













                    
                </div><!--/ inner -->
            </div><!--/ left-area --> 
        
            <div class="col-sm-9 right-area" id="filter_content">
                <div class="college-text">
                    <?php 

                    if(isset($_GET['state'])){

                        $state=$_GET['state'];
                        ?>

<h2 class="mrb-40">Course result for '<?php echo $state; ?>' state (<?php echo count($packages); ?>)</h2>

<?php } 

else if($cat_name != ''){

?>

<h2 class="mrb-40">Course result for '<?php echo $cat_name; ?>' Category (<?php echo count($packages); ?>)</h2>


<?php }





else{ ?>
                    <h2 class="mrb-40">Course result for Degree (<?php echo count($packages); ?>)</h2>
                    <?php } ?>
                    <div class="row">

                        @php
    // Extract package_ids from the $wishlists collection
    $wishlistsArray = $wishlists->pluck('package_id')->toArray();
    
@endphp
                        @foreach($packages as $package)
                        <div class="col-sm-6 college-coll">
                            <div class="college-text-info">
                                {{-- <figure><img src="{{ asset('public/assets/frontend/images/college-logo-' . ($indx % 2 == 0 ? '02' : '03') . '.png')}}" alt="Image"></figure> --}}
                                
                                
                                <figure><img src="{{ asset('public/logos/' . $package->logo.'')}}" alt="Image"></figure>

                                <div class="wishlist wishlist-btn " data-id="{{ $package->package_id }}">
                                    
                                    <a href="#" data-id="{{ $package->package_id }}" id="wishlist_{{ $package->package_id }}" class="{{ in_array($package->package_id, $wishlistsArray) ? 'active' : '' }}" data-id="{{ $package->package_id }}">
                                        
                                        {{-- <img src="{{ asset('public/assets/frontend/images/wishlist-icon.svg')}}" alt="Image" data-id="{{ $package->package_id }}"  class=""> --}}

                                        <i class="fa fa-heart-o" aria-hidden="true" data-id="{{ $package->package_id }}"></i>

                                    </a></div>


                                    @php
                                    $startMonths = unserialize($package->start_month);
                                    if ($startMonths === false) {
                                        // Handle the case where unserialization failed
                                        $startMonths = [];

                                    }
                                    $currentYear = date('Y');
                                @endphp
                                <div class="info">
                                    <h3><span><small></small> <small>{{ $package->course_name }}</small></span> {{ $package->course_name }}</h3>
                                    <p class="detail"><span>Duration:</span> {{ $package->duration}}</p>
                                    <p class="detail"><span>Price:</span> From ${{ $package->price }}</p>
                                    <p class="detail"><span>Start Dates:</span> 
                                      @foreach($startMonths as $index => $month)
                                      {{ date("M", mktime(0, 0, 0, $month, 1)) . ' ' . $currentYear }}
                                      @if($index < count($startMonths) - 1)
                                          ,
                                      @endif
                                  @endforeach
                                    
                                    </p>

                                    
                                    <p class="link"><a href="{{ route('frontend.user.course_details', ['course' => $package->package_id]) }}" class="btn btn-yellow">Explore Details</a></p>
                                </div>
                            </div><!--/ college-text-info -->      
                        </div><!--/ college-text -->
                        @php $indx++; @endphp
                        @endforeach
                    </div><!--/ row -->
                </div><!--/ college-text -->
            </div><!--/ right-area --> 
       
        </div><!--/ row --> 
    </div>
</section><!--/ Show results sec -->

<section class="need-help-visa">
    <div class="container">
        <div class="row">           
            <div class="col-sm-6 nhv-left mrb-30">
                <div class="inner">
                    <h2 class="mrb-60">Need help with Student Visa? <span>Get help from Industry experts at EDUSORT</span></h2>
                    <p class="mrb-10"><a href="#">Request a Call Back <img src=" {{ asset('public/assets/frontend/images/right-arrow.svg')}}" alt=">"></a></p>
                </div> 
            </div><!--/ nhv-left -->
        
            <div class="col-sm-6 nhv-right mrb-30">
                <figure><img src="{{ asset('public/assets/frontend/images/need-help.svg')}}" alt="Need Help?"></figure>
            </div><!--/ nhv-left -->
          
        </div><!--/ row --> 
    </div>
</section><!--/ need-help-visa -->  
@endsection 









<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>




$(document).ready(function() {
    $('#filter-form').submit(function(e) {
        e.preventDefault();
        $("#filter_content").empty();

        $("#filter_content").html("<div class='college-text'><div class='loader' style='margin-left:40%;'></div></div>");
console.log('here');
var csrfToken = '{{ csrf_token() }}';
        $.ajax({
            type: 'POST',
            url: '{{ route('frontend.user.filter_course') }}',
            data: $(this).serialize(),
            headers: {
                'X-CSRF-TOKEN': csrfToken // Include CSRF token in the headers
            },
            success: function(response) {
                // Update UI with filtered products

                $("#filter_content").empty();
                $("#filter_content").html(response.html);
            },
            error: function(xhr, status, error) {
                $("#filter_content").empty();
                console.error(xhr.responseText);
            }
        });
    });














    // $(".wishlist-btn").click(function(e){
        $(document).on("click", '.wishlist-btn', function(e) { 
		e.preventDefault();
		var id=$(this).attr('data-id');
	console.log(id);
		
                // Data to be sent in the POST request
                var postData = {
                    package_id: id,
                    user_id: <?php echo $user->id; ?>,
                };

                // AJAX POST request
                $.ajax({
                    type: "POST",
                    url: "{{ route('frontend.user.update_wishlist') }}",
                    data: postData,
                    success: function(response){
                        console.log("POST request successful!");
                        console.log(response); // Log the response from the server


						

						if(response.status == 200 ){
                            if(response.message == 'added' ){
                              $("#wishlist_"+id+"").addClass('active');
                            }

                            if(response.message == 'deleted' ){
                              $("#wishlist_"+id+"").removeClass('active');
                            }
						}
                    },
                    error: function(xhr, status, error){
                       
                    }
                });
          
    
  });




  $('.price_').click(function(e) {
e.preventDefault();
var val=$(this).attr("data-from");
var val2=$(this).attr("data-to");
$("#from_price").val(val);
$("#to_price").val(val2);

$("#ielts").val('');
$("#ielts_ref").hide();
$("#filter-form").submit();

$("#price_ref").show();

$("#price_ref > span").text('Price : $'+val+' - $'+val2+'');

$("#clear-Refine").show();
$('html, body').animate({
            scrollTop: $("#loc_ref").offset().top - 1000
        }, 200); // Adjust scrolling speed here

  });













  $('.loc').click(function(e) {
e.preventDefault();
var val=$(this).attr("data-val");
$("#locations").val(val);

$("#ielts").val('');
$("#ielts_ref").hide();
$("#filter-form").submit();

$("#loc_ref").show();

$("#loc_ref > span").text('Location : '+val+'');

$("#clear-Refine").show();
$('html, body').animate({
            scrollTop: $("#loc_ref").offset().top - 1000
        }, 200); // Adjust scrolling speed here

  });





  $('.methods').click(function(e) {
e.preventDefault();
var val=$(this).attr("data-val");
$("#methods").val(val);

$("#ielts").val('');
$("#ielts_ref").hide();
$("#filter-form").submit();

$("#methods_ref").show();

$("#methods_ref > span").text('Study Methods : '+val+'');

$("#clear-Refine").show();
$('html, body').animate({
            scrollTop: $("#loc_ref").offset().top - 1000
        }, 200); // Adjust scrolling speed here

  });






  
  $('.ielts').click(function(e) {
e.preventDefault();
$('html, body').animate({
            scrollTop: $("#loc_ref").offset().top - 1200
        }, 200); // Adjust scrolling speed here
var val=$(this).attr("data-val");
$("#ielts").val(val);

if(val == 'no'){
    $("#locations").val('');
$("#from_price").val('');
$("#to_price").val('');

$("#methods").val('');
$("#methods_ref").hide();
$("#methods_ref > span").text('');

$("#loc_ref").hide();

$("#loc_ref > span").text('');

$("#price_ref > span").text('');
$("#price_ref").hide();



$("#department_ref > span").text('');
$("#department_ref").hide();

}



$("#filter-form").submit();

$("#ielts_ref").show();

$("#ielts_ref > span").text('IELTS : '+val+'');

$("#clear-Refine").show();


  });



  $('.department').click(function(e) {
e.preventDefault();
$('html, body').animate({
            scrollTop: $("#loc_ref").offset().top - 1200
        }, 200); // Adjust scrolling speed here
var val=$(this).attr("data-val");
var name=$(this).attr("data-name");
$("#department").val(val);

$("#ielts").val('');
$("#ielts_ref").hide();
$("#filter-form").submit();

$("#department_ref").show();

$("#department_ref > span").text('Department : '+name+'');

$("#clear-Refine").show();


  });







  $('#clear-Refine-btn').click(function(e) {
e.preventDefault();

$("#locations").val('');
$("#from_price").val('');
$("#to_price").val('');

$("#methods").val('');
$("#methods_ref").hide();
$("#methods_ref > span").text('');

$("#loc_ref").hide();

$("#loc_ref > span").text('');

$("#price_ref > span").text('');
$("#price_ref").hide();

$("#ielts_ref > span").text('');
$("#ielts_ref").hide();

$("#department_ref > span").text('');
$("#department_ref").hide();

$("#clear-Refine").hide();
$("#filter-form").submit();

  });



  $("#methods_close").click(function(){
    $("#methods").val('');
$("#filter-form").submit();

$("#methods_ref").hide();

$("#methods_ref > span").text('');

$("#clear-Refine").hide();
    });



    $("#department_close").click(function(){
    $("#department").val('');
$("#filter-form").submit();

$("#department_ref").hide();

$("#department_ref > span").text('');

$("#clear-Refine").hide();
    });




  $("#loc_close").click(function(){
    $("#locations").val('');
$("#filter-form").submit();

$("#loc_ref").hide();

$("#loc_ref > span").text('');

$("#clear-Refine").hide();
    });




    $("#price_close").click(function(){
    $("#from_price").val('');
    $("#to_price").val('');
$("#filter-form").submit();

$("#price_ref").hide();

$("#price_ref > span").text('');

$("#clear-Refine").hide();
    });




    $("#ielts_close").click(function(){
    $("#ielts").val('');
$("#filter-form").submit();

$("#ielts_ref").hide();

$("#ielts_ref > span").text('');

$("#clear-Refine").hide();
    });


});





</script>

<!-- Bootstrap Core JavaScript -->
<script src="{{ asset('public/assets/frontend/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{ asset('public/assets/frontend/js/owl.carousel.min.js')}}"></script>
<script src="{{ asset('public/assets/frontend/js/menu.js')}}"></script>
<script src="{{ asset('public/assets/frontend/js/aos.js')}}"></script>  








          
</body>
<script>
  AOS.init();
</script>