@php
if(!function_exists('stepClass')){
    function stepClass($step,$currentStep){

        if($step < $currentStep){
            return 'done';
        }

        if($step == $currentStep){
            return 'active';
        }

        return 'inactive';
    }
}
@endphp
<div class="timeline">

    <div class="timeline-step {{ stepClass(6,$status) }}">
        <div class="timeline-icon"><i class="fas fa-file"></i></div>
        <p>Naskah<br>Di Upload</p>
    </div>

    <div class="timeline-step {{ stepClass(7,$status) }}">
        <div class="timeline-icon"><i class="fas fa-calendar"></i></div>
        <p>Penjadwalan<br>Penerbitan</p>
    </div>

    <div class="timeline-step {{ stepClass(8,$status) }}">
        <div class="timeline-icon"><i class="fas fa-lock"></i></div>
<a href="#" data-toggle="modal" data-target="#modalProses">
    <p>Proses Penerbitan</p>
</a>    </div>

    <div class="timeline-step {{ stepClass(9,$status) }}">
        <div class="timeline-icon"><i class="fas fa-sign-out-alt"></i></div>
        <p>Selesai</p>
    </div>


</div>