@extends('layout', ['page' => 'courses'])
@section('title', 'Courses - ' . config('app.name'))

@push('css')
<style>
    .single-custom-col {
        background: #f6f6f6;
    }
    .single-custom-col:hover {
        box-shadow: 2px 5px 25px rgba(34, 30, 31, 0.25);
    }
</style>
@endpush

@section('content')
    @if(isset($breadcrumb) && !empty($breadcrumb))
        @include('partials._breadcrumb-title', ['breadcrumb' => $breadcrumb])
    @endif
    <section class="wrap">
        <div class="container">
            <div class="abt-dec">
                <p class="border-bottom pb-4">
                    {{ config('app.name') }} has established strong relationships with a diverse array of companies across various industries, ensuring excellent placement opportunities for its students. Explore our courses and take the first step towards your career growth.
                </p>

                <div class="row">
                    @forelse ($courses as $course)
                        <div class="col-lg-4 col-md-6 my-3">
                            <div class="single-custom-col p-3 rounded">
                                <div class="text-center">
                                    <img src="{{ asset('storage/' . $course->icon) }}" 
                                        alt="{{ $course->name }}" 
                                        style="max-height: 150px;">
                                </div>
                                <div class="course-content mt-3">
                                    <h3 class="text-primary text-capitalize">{{ $course->name }}</h3>

                                    <span><strong>Fee : </strong> {{ $course->amount }}</span>
                                    <br/>
                                    <span><strong>Duration : </strong> {{ $course->duration }} month(s) </span>

                                     @if (!empty($course->description))
                                        <div class="course-desc mt-2">
                                            <span class="short-desc">
                                                {{ Str::limit(strip_tags($course->description), 100) }}
                                            </span>
                                            <span class="full-desc d-none">
                                                {!! $course->description !!}
                                            </span>
                                            @if (strlen(strip_tags($course->description)) > 100)
                                                <span class="toggle-desc text-primary" style="">
                                                    <i class="fa fa-angle-double-down"> Read More</i>
                                                </span>
                                            @endif
                                        </div>
                                    @endif

                                    <hr/>
                                    <div class="d-flex justify-content-between">
                                       <a class="btn btn-outline-warning fw-bold" href="{{ route('course.study-material', ['id' => $course->id]) }}">Study Material</a>
                                        @auth
                                            <a class="btn btn-outline-success" href="{{ route('user.course_apply', ['encodedId' => base64_encode($course->id)]) }}">Apply</a>
                                        @else
                                            <a class="btn btn-outline-success" href="{{ route('student.login') }}">Apply</a>
                                        @endauth
                                    </div>
                                </div>   
                            </div>
                        </div>
                    @empty
                        <p class="px-4" style="text-align: center;">No course found.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </section>
@endsection