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/course_details.blade.php
@extends('layouts.useraccountheader')

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

  if(isset($_GET['course'])){
    $_pack_id=$_GET['course'];
  }else{
    $_pack_id=0;
  }
@endphp 

<style>

.btn-select{
  background: #0f5181;
    color: white;
}
  </style>


<section class="show-results-sec">
    <div class="container">
      <div class="row">           
        
        <div class="col-sm-12 top-col">
          <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><!--/ row --> 
    </div>
  </section><!--/ Show results sec -->
  
  <section class="explore-results">
    <div class="container">
      <div class="row">           
        
        <div class="col-sm-7 left-area mrb-30">
          <figure>
          <img src="{{ asset('public/logos/' . $package->logo.'')}}" alt="Image">
        </figure>
          <h3 class="mrb-30">{{ $package->course_name}} <span><small>{{ $package->study_level}}</small> <small>{{ $package->course_code}}</small> <small>2024</small></span></h3>
         
          @php
          $startMonths = unserialize($package->start_month);
          if ($startMonths === false) {
              // Handle the case where unserialization failed
              $startMonths = [];

          }
          $currentYear = date('Y');


          $currentmonth=02;

        //  $startMonths2=['01','02','03'];

          $orderMonth=[];

$tempindex=0;
          for ($i=0; $i < count($startMonths); $i++) { 
            # code...
             if($startMonths[$i] <= $currentmonth){
              $tempindex=$i + 1;

              
             }

          }


 if($tempindex == count($startMonths)){
  $orderMonth = $startMonths;
 }else{


  for ($j=0; $j < count($startMonths); $j++) { 
    # code...
       $orderMonth[$j] = $startMonths[$tempindex];

       if($tempindex +1 == count($startMonths)){
 $tempindex = 0;

       }else{
        $tempindex =$tempindex +1;

       }
  }

 }

 $m=0;
 for ($k=count($orderMonth); $k < 4; $k++) { 
  # code...
 

 $orderMonth[$k] =  $orderMonth[$m];

$m=$m+1;
 }

     // print_r($orderMonth);  

  // echo $currentYear;
   $year_change=0;
      @endphp


  @foreach($orderMonth as $index => $month)

  @if($month <= $currentmonth && $index == 0) 
  @php
  $year_change= $year_change + 1;
  @endphp
  @endif
  @if($index > 0 && $month <= $orderMonth[$index - 1])
@php
  $year_change= $year_change + 1;
  @endphp
  @endif

  {{-- @if($month <= $currentmonth) --}}
 
<input type="hidden" name="month" id="month_val">

<input type="hidden" name="year" id="year_val">

  <button style="border: 1px solid pink;
border-radius: 8px;
margin: 10px;" class="date_month" data-month="{{$month}}" data-year="{{$currentYear + $year_change}}">{{ date("M", mktime(0, 0, 0, $month, 1)) . ' ' . $currentYear + $year_change }}</button>

{{-- @else
<button style="border: 1px solid pink;
border-radius: 8px;
margin: 10px;" class="date_month">{{ date("M", mktime(0, 0, 0, $month, 1)) . ' ' . $currentYear }}</button>


@endif --}}




  @endforeach

{{-- @foreach($startMonths as $index => $month)
<button style="border: 1px solid pink;
border-radius: 8px;
margin: 10px;">{{ date("M", mktime(0, 0, 0, $month, 1)) . ' ' . $currentYear }}</button>
@endforeach --}}





          <p class="link" id="enroll"><a href="#" class="btn btn-yellow">Enroll Now</a></p>
<p class="alert alert-danger" id="enroll_err" style="display: none;"></p>

<p class="alert alert-success" id="enroll_success" style="display: none;"></p>
        
        </div><!--/ left area -->
        
        <div class="col-sm-5 right-area mrb-30">
          <div class="explore-detail">
            <p>Study Level <span>{{ $package->study_level}}</span></p>
            <p>Course Code <span>{{ $package->course_code}}</span></p>
            <p>Study Method <span>{{ $package->study_method}}</span></p>
            <p>Assessment <span></span></p>
     
            <p>Start Date <span>@foreach($startMonths as $index => $month)
              {{ date("M", mktime(0, 0, 0, $month, 1)) . ' ' . $currentYear }}
              @if($index < count($startMonths) - 1)
                  ,
              @endif
          @endforeach</span></p>
            <p>Entry Requirement <span>{{ $package->requirement}}</span></p>
            <p>Duration <span>{{ $package->duration}} </span></p>
            <p>Price <span>${{ $package->price}}</span></p>
            <p>Upfront Fee <span>$0</span></p>
          </div>
        </div><!--/ right area -->
       
      </div><!--/ row --> 
    </div>
  </section><!--/ explore results -->
  
  <section class="about-course">
    <div class="container">
      <div class="row">           
        
        <div class="col-sm-12">
          <h2 class="mrb-30">About the Course</h2>
          {{-- <p>At the completion of this subject students will be able to:</p> --}}
          {{-- <ol>
            <li>acquire discipline knowledge and think critically about how this applies to real-world business contracts</li>
            <li>construct business directed written or digital communication related to contract formation, interpretation, management and effect</li>
            <li>identify and analyse, global, socio-cultural, technological or ethical issues relating to contracts</li>
            <li>use problem-solving skills to to identify, anticipate or resolve contractual issues and risks</li>
          </ol> --}}

          {{ $package->will_learn}}
        </div><!--/ left area -->
       
      </div><!--/ row --> 
    </div>
  </section><!--/ about-course -->
  
  <section class="related-courses mrb-40">
    <div class="container">
      <div class="row">           
      
        <div class="col-sm-12">
          <h2 class="mrb-40"><span>Related Courses</span></h2>
          
          <div class="college-text">	      
            <div class="row">
              @php
              // Extract package_ids from the $wishlists collection
              $wishlistsArray = $wishlists->pluck('package_id')->toArray();
              
          @endphp
            @foreach($related_packs as $related_pack)
              <div class="col-sm-4 college-coll">
                <div class="college-text-info">
                  <figure>
                    <img src="{{ asset('public/logos/' . $related_pack->logo.'')}}" alt="Image"></figure>
                  {{-- <div class="wishlist"><a href="#"><img src="{{ asset('public/assets/frontend/images/wishlist-icon.svg')}}" alt="Image"></a></div> --}}

                  <div class="wishlist wishlist-btn " data-id="{{ $related_pack->package_id }}">
                                    
                    <a href="#" data-id="{{ $related_pack->package_id }}" id="wishlist_{{ $related_pack->package_id }}" class="{{ in_array($related_pack->package_id, $wishlistsArray) ? 'active' : '' }}" data-id="{{ $related_pack->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="{{ $related_pack->package_id }}"></i>

                    </a></div>

                  
                  <div class="info">
                    <h3><span><small>{{ $related_pack->study_level}}</small> <small>{{ $related_pack->course_code}}</small></span> {{$related_pack->course_name }}</h3>
                    <p class="detail"><span>Duration:</span> {{ $related_pack->duration}}</p>
                    <p class="detail"><span>Price:</span> From ${{ $related_pack->price}}</p>
                   
                    <p class="link"><a href="{{ route('frontend.user.course_details', ['course' => $related_pack->package_id]) }}" class="btn btn-yellow">Explore Details</a></p>
                  </div>
                </div><!--/ college-text-info -->		
              </div><!--/ college-text -->

              @endforeach
            
            
              
            </div><!--/ row -->
          </div><!--/ college-text -->
        </div><!--/ col -->
        
      </div><!--/ row --> 
    </div>
  </section><!--/ related-courses -->




  @endsection
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $("#enroll").click(function(e){
		e.preventDefault();
$("#select_month").show();
  });


$(".wishlist-btn").click(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){
                       
                    }
                });
          
    
  });




  $(".date_month").click(function(e){
		e.preventDefault();

    $(".date_month").removeClass('btn-select');

  var month=$(this).attr('data-month');
  var year=$(this).attr('data-year');

  $("#month_val").val(month);
  $("#year_val").val(year);
    $(this).addClass('btn-select');

  });


  $("#enroll").click(function(e){
		e.preventDefault();
		
    var month=$("#month_val").val();
    var year=$("#year_val").val();
		
                // Data to be sent in the POST request
                var postData = {
                    
                    user_id: <?php echo $user->id; ?>,
                    month: month,
                    year:year,
                    course_id: <?php echo $_pack_id; ?>,
                };

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


						

						if(response.status == 200 ){
              $("#enroll_success").text(response.message);
                           $("#enroll_success").show();

                           setTimeout(function() {
    $("#enroll_success").hide();
    $("#enroll_err").hide();
}, 5000); // 5000 milliseconds = 5 seconds
						}



            if(response.status == 419 || response.status == 420){
							
							window.location.href='https://edusort.htlwork.com/user-profile/<?php echo $user->id; ?>/<?php echo $_pack_id; ?>'
						}


            

            if(response.status == 500 ){
                           $("#enroll_err").text(response.message);
                           $("#enroll_err").show();

                           setTimeout(function() {
    $("#enroll_success").hide();
    $("#enroll_err").hide();
}, 5000); // 5000 milliseconds = 5 seconds
                          }


                    },
                    error: function(xhr, status, error){
                      $("#enroll_success").hide();
    $("#enroll_err").hide();
                      setTimeout(function() {
    $("#enroll_success").hide();
    $("#enroll_err").hide();
}, 5000); // 5000 milliseconds = 5 seconds
                    }


                 
                });
          
    
  });










});
  </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>	


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