@php

    $completionPercentage = $avg_progress;

    $completionPercentage = min(100, max(0, $completionPercentage));

    if ($completionPercentage < 100) {
        // Calculate bar color
        $red = (int) min(255, max(0, 510 - 5.1 * $completionPercentage));
        $green = (int) min(255, max(0, 5.1 * $completionPercentage));
        $barColor = sprintf('#%02x%02x00', $red, $green);

        $barStyle = "width: {$completionPercentage}%; background-color: {$barColor};";
    }
@endphp
@if ($completionPercentage == 100)
    <div class="d-flex flex-column justify-content-center align-items-center">
        {{-- <i class="ki-outline ki-check fs-1 text-success me-2"></i> --}}
        <span class="text-success fw-semibold">100%</span>
    </div>
@else
    <div class="progress h-6px w-100 me-2 bg-light-success">
        <div class="progress-bar" role="progressbar" style="{{ $barStyle }}" aria-valuenow="{{ $completionPercentage }}"
            aria-valuemin="0" aria-valuemax="100"></div>
    </div>
    <span class="text-gray-500 fw-semibold">{{ round($completionPercentage, 0) }}%</span>
@endif