@php
    $courseName = $course->course->name ?? 'Untitled Course';
    $daysLeft = (int) $course->days_left;
    $isFrozen = $course->freeze_status;
    $imageUrl = $course->course->image_url ?? null;
    $imagePath = $imageUrl ? asset('storage/' . $imageUrl) : 'https://placehold.co/600x400?text=' . urlencode($courseName);
    $isActive = $daysLeft > 0 && !$isFrozen;
@endphp

<div class="col-md-4">
    <div class="course-card">
        @if($isActive)
            <a href="{{ route('client.course.workout', $course->course_id) }}">
        @endif

        <img src="{{ $imagePath }}" alt="{{ $courseName }}">

        @if($isActive)
            </a>
        @endif

        <div class="overlay-text">{{ $courseName }}</div>

        <div class="course-footer">
            <div class="btn-green">
                @if($daysLeft <= 0)
                    <button class="btn btn-secondary w-100" disabled>To the store</button>
                @elseif($isFrozen)
                    <form method="POST" action="{{ route('course.freeze', $course->id) }}">
                        @csrf
                        <button type="submit" class="btn btn-warning w-100">Unfreeze</button>
                    </form>
                @else
                    <form method="POST" action="{{ route('course.freeze', $course->id) }}">
                        @csrf
                        <button type="submit" class="btn btn-outline-warning w-100">Freeze</button>
                    </form>
                @endif
            </div>

            <div class="btn-white mt-2">
                @if($daysLeft <= 0)
                    The deadline has expired
                @else
                    {{ $daysLeft }} days left
                @endif
            </div>
        </div>
    </div>
</div>