@forelse($data as $datas)
        @if($datas->is_completed == 5 && $datas->is_active == 1)
            <div class="pro-card success">
        @elseif($datas->is_completed < 5 && $datas->is_active == 1)
            <div class="pro-card warning">
        @else
            <div class="pro-card danger">
        @endif
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-4">
                        <p class="label">Assessment Name @if($datas->is_completed < 5) <span class="p-10"><small class="badge badge-default text-uppercase">draft</small></span> @endif</p>
                        <p class="data">{{$datas->name ? $datas->name : "Not Updated"}}</p>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-4">
                        <p class="label">Creation Date</p>
                        <p class="data">{{ Carbon\Carbon::parse($datas->created_at)->format('d F, Y \\a\\t h:i A')}}</p>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-4 d-flex align-items-center justify-content-between">
                        <a href="{{url('pro/company/proofreader/assessments/5/'.$datas->id.'/preview=true')}}" ><span class="pro-action-icon hmepro-icon-view-filled"></span> Preview</a>

                         <a href="javascript:void(0)" class="md-trigger js-command-modal d-flex" data-id="{{ $datas->id }}" data-backdrop="static" data-keyboard="false" id="js-pro-command-modal"><i class="icofont icofont-comment" style="font-size: 25px; margin-right: 5px"></i><span style="font-size: 16px">Comments</span></a>
                        <!-- @if($datas->is_active == 1)<i class="icofont-comment"></i>
                        <span class="status-badge success"><i class="hmepro-icon-check"></i></span>
                        @else
                        <span class="status-badge danger">?</span>
                        @endif -->
                        
                    </div>
                </div>                    
            </div>
    @empty
        <div class="col-md-12 text-center m-b-20 p-10">
            <h2 class="text-93">No Assessment Created Yet</h2>
        </div>
    @endforelse                             
    </div>
</div>