@extends('student.layouts.app')
@push("styles")
<style>
    .card-img-top {
        height: 10vw;
        object-fit: cover;
    }

    .card {
        width: 100%;
    }

    @media only screen and (max-width: 767px) {
        .card-img-top {
            height: 25vw;
            object-fit: cover;
        }
    }

    @media only screen and (max-width: 575px) {
        .card-img-top {
            height: 45vw;
            object-fit: cover;
        }
    }
</style>
@endpush

@php
    if($dataConfigs['brand'] == 'default' || $dataConfigs == 'dark'){
        $default_course_image = is_default()['course_blue'];
    } else {
        $default_course_image = is_default()['course_green'];
    }
@endphp

@section('titlePage', 'Blogs')
@section('content')
@push('script')
<script>
    document.getElementById("drs-1").classList.add("is-expanded");
    document.getElementById("dr-1").classList.add("active");
    document.getElementById("paid_course").classList.add("active");
</script>
@endpush
<div class="left-content mt-3">
    <h5 class="breadcrumb-item active">COURSES</h5>
</div>
<div class="row">
    <div class="col-12">
        @include('common.alert')
        <div class="card">
            <div class="card-body">
                <div class="row">
                                   @foreach ($data as $item)
                    <div class="col-sm-12 col-md-12 col-lg-6">
							<div class="card">
								<div class="row">
									<div class="col-md-4">
										<img src="{{$default_course_image}}" class="img-fluid card-img-start" alt="img">
									</div>
									<div class="col-md-8">
										<div class="card-body">
											<p class="card-title">{{$item->title}}</p>
											<p class="mb-0">{!! str_limit($item->description, $limit = 74, $end = '...') !!}</p>
											<p class="mb-0"><small class="text-muted">Expire Date: {{ now()->addDays($item->validity)->format('d M Y H:i A') }}</small></p>
                                            <a href="{{ _route('student.courses.detail', $item->id) }}" class="btn btn-secondary">View Now</a>
                                        </div>
									</div>
								</div>
							</div>
						</div>
                   {{-- <div class="col-xl-4" >
                    <a href="{{ _route('student.courses.detail', $item->id) }}">
                        <div class="motto-icon mi_4 tx-white">
                            <div class="card-body  tx-center">
                                <span class="avatar avatar-lg rounded-circle mx-auto bg-white-transparent tx-white mb-2"><i class="fa fa-address-card"></i></span>
                                <h4>{{$item->title}}</h4>
                                <p class="mb-0 op-12 tx-white" >{!! str_limit($item->description, $limit = 74, $end = '...') !!}</p>
                               
                                <p class="mb-0 op-12 tx-black" >Expire Date: {{ now()->addDays($item->validity) }}</p>
                            </div>
                        </div>
</a>
                    </div> --}}
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>
<!-- tootip js -->
<script src="{{ asset('assets/vidiyal/js/tooltip.js') }}"></script>

@endsection