@extends('student.layouts.app')
@section('titlePage', 'Course - Status')
@section('content')
<script>  
    document.getElementById("kts-1").classList.add("active");
</script>
@php
    if($dataConfigs['brand'] == 'default' || $dataConfigs == 'dark'){
        $default_course_image = is_default()['course_blue'];
    } else {
        $default_course_image = is_default()['course_green'];
    }
@endphp
{{-- <div class="container-fluid flex-grow-1 container-p-y">
	 <!-- [ breadcrumb ] start -->
	 <div class="breadcrumb-header justify-content-between">
        <div class="left-content"> 
        </div>
     </div>
        <!-- <div class="justify-content-center mt-2">
            <ol class="breadcrumb breadcrumb-style3">
                <li class="breadcrumb-item tx-15"><i class="feather icon-home"></i></a></li>
                <li class="breadcrumb-item active">Course</a></li>
            </ol>
        </div> -->
    </div> --}}
	<!-- [ breadcrumb ] end -->
	<!-- [ Main Content ] start -->
    <div class="row mt-3">
    <div class="col">
    <h4 class="text-primary font-weight-bold py-3 mb-0">
        FREE <span class="text-secondary">COURSE</span>
</h4>
         <div class="card">
            <div class="card-body">
                @include('common.alert')
                <div class="row">
                    <form class="form-inline" action="" method="GET">
                        <div class="form-group mr-2 mb-2">
                            <input type="text" value="{{request()->get('q')}}" class="form-control" name="q" placeholder="Enter ..." minlength="2">
                        </div>
                        <button type="submit" class="btn btn-primary mb-2" style="margin-left:5px;"><i class="fa fa-search"></i> Search</button>
                        <a href="{{ _route('student.free_course.index')}}" class="btn btn-secondary mb-2" style="margin-left:5px;"><i class="fa fa-times"></i> Reset</a>
                    </form>

                    <div class="mt-2 col-sm-12">
                        <div class="table-responsive dt-responsive">
                            <div class="row">
                                @foreach ($data as $course)
                               
                                <div class="d-flex align-items-stretch col-xl-6 col-lg-6 col-md-6 col-sm-12 ">
                                    <div class="card overflow-hidden "> 
                                        <div class="card-body" style="">
                        
                                        <div class="row align-items-center">
                                            <div class="my-2">
                                                <!-- <a href="{{ _route('student.courses.detail', $course->course_id) }}"><h5 class="tx-muted font-weight-semibold text-primary mb-0 text-uppercase">{{ $course->title }}</h5></a> -->
                                                <h5 class="tx-muted font-weight-semibold text-primary mb-2 text-capitalize">{{ $course->title }}</h5>
                                            </div> 
                                            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                                                <img src="{{$course->image}}" width="250" height="180" alt="img" onerror="this.src='{{asset('assets/b2c_img/free-course.svg')}}'; this.alt='Image';">
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12">
                                                <!-- <div>
                                                    @php
                                                        $time = $course->getExpireTimeRemaining();
                                                        $days_diff =  now()->parse($course->expire_date)->diffInDays(now());
                                                    @endphp
                                                    @if ($time == "End Time")
                                                        <span class="badge badge-danger">{{$time}}</span>
                                                    @else
                                                    @if($days_diff < 10)
                                                            <span class="badge badge-warning">{{$time}}</span>
                                                        @else
                                                            <span class="badge badge-primary">{{$time}}</span>
                                                        @endif
                                                    @endif
                                                </div> -->
                                                <!-- <p>{!! str_limit($course->description,$limit= 65, $end='...') !!}</p> -->
                                                <div>
                                                    <p class=" tx-14 my-1"><i class="bi bi-alarm me-2 tx-17 tx-primary"></i><strong>Start : </strong>
                                                        {{ Carbon::parse($course->created_at)->format('d-m-Y') }}
                                                    </p>
                                                    <!-- <td>{{ $course->end_date }}</td> -->
                                                    <p class="tx-14 my-1"><i class="bi bi-clock me-2 tx-17 tx-primary"></i><strong>End :</strong> 
                                                        {{ Carbon::parse($course->expire_date)->format('d-m-Y') }}
                                                    </p>
                                                    
                                                </div>
                                                <div>
                                                    <a href="{{ _route('student.free_course.detail', $course->id) }}" class="btn btn-primary my-2p-1">View Now</a>
                                                </div>
                                            </div>   
                                            <!-- <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 ">
                                                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ">
                                                    <div class="">

                                                        
                                                        
                                                    </div>  

                                                    <div class="my-2">
                                                    { !!str_limit($course->description ,$limit= 65, $end='...')!! }
                                                    <p class="my-2">{!! str_limit($course->description,$limit= 65, $end='...') !!}</p>
                                                    </div>

                                                        <a href="{{ _route('student.courses.detail', $course->course_id) }}" class="btn btn-primary">View Now</a>
                                                        <div class="col-xl col-lg col-md col-sm">
                                                            <a href="{{ _route('student.free_course.detail', $course->id) }}" class="btn btn-primary p-1">View Now</a>
                                                        </div>
                                            
                                                    </div>
                                                </div> 
                                            </div> -->
                                        </div>
                                     </div>
                                </div>   
                            </div>  
                        @endforeach                                  
                    </div>
                </div>        
            </div>
            {{-- Pagination --}}
                    <!-- <div class="row">
                        <div class="col-sm-12 col-md-12 mt-2">
                            <div class="pagination custom-pagination justify-content-end mb-0" id="dt-ajax-array_paginate">
                                {!! $data->appends(request()->all())->links() !!}
                            </div>
                        </div>
                    </div>	 -->
                    <div class="row align-items-center">
                    <div class="col-md-4 my-2">
                        Showing {{$data->firstItem()}} to {{$data->lastItem()}} of {{$data->total()}} Entries
                    </div>
                    <div class="col-md-7 col-lg-7">
                        <div class="pull-right">
                            {!! $data->appends(request()->all())->links() !!}
                        </div>
                    </div>
                </div>
               

                </div>
            </div>
        </div> 
    </div>	        
</div>
               
				
	</div>
	<!-- [ Main Content ] end -->
</div>
@endsection
@push('script')
<script>
	@if(session()->has('close_window'))
	setTimeout(() => {
		window.close();
	}, 2000);
	@endif
        $('.test-table').dataTable( {
        "paging": false,
        "searching" : false,
		"info" : false,
        });
       // document.getElementById("course").classList.add("is-expanded");
</script>
@endpush