@php
    $progressSteps = [
        1 => [
            'name' => 'basic_information',
            'icon' => 'ki-information',
        ],

        2 => [
            'name' => 'extra_information',
            'icon' => 'ki-more-2',
        ],

        3 => [
            'name' => 'pricing',
            'icon' => 'ki-price-tag',
        ],

        4 => [
            'name' => 'content',
            'icon' => 'ki-add-folder',
        ],

        5 => [
            'name' => 'highlights',
            'icon' => 'ki-pin',
        ],

        6 => [
            'name' => 'faq',
            'icon' => 'ki-information-2',
        ],

        7 => [
            'name' => 'quizzes',
            'icon' => 'ki-pencil',
        ],
    ];

    if (empty(getGeneralOptionsSettings('direct_publication_of_courses'))) {
        $progressSteps[8] = [
            'name' => 'submit_for_review',
            'icon' => 'ki-click',
        ];
    }

    $currentStep = empty($currentStep) ? 1 : $currentStep;
@endphp

@push('styles_top')
    <style>
        .progress-item {
            color: var(--bs-accordion-btn-color) !important;
        }
    </style>
@endpush
<div class="container webinar-progress d-flex p-5 mb-5 border-bottom">

    @foreach ($progressSteps as $key => $step)
        <div class="progress-item d-flex w-1/8 flex-column flex-wrap align-items-center px-3 text-center ">
            <button type="button" data-step="{{ $key }}"
                class="progress-icon js-get-next-step btn p-2 d-flex align-items-center justify-content-center "
                data-toggle="tooltip" data-placement="top" title="{{ trans('public.' . $step['name']) }}">
                {{-- <img src="/assets/default/img/icons/{{ $step['icon'] }}.svg" class="img-fluid text-primary" alt=""> --}}
                <i class="ki-outline {{ $step['icon'] }} fs-2x" {{ $key == $currentStep ? 'style=color:#fd7e14;' : '' }}></i>
                {{-- <span class="d-block font-weight-bold text-primary">{{ $key }}</span> --}}
            </button>

            <div class="mt-2">
                <span
                    class="font-weight-light text-gray d-block">{{ trans('webinars.progress_step', ['step' => $key , 'count' => count($progressSteps)]) }}</span>
                <h4 class="font-weight-bold text-gray">{{ trans('public.' . $step['name']) }}</h4>
            </div>
        </div>
    @endforeach
</div>