@foreach ($projects as $key => $project)
@php $slug = strtolower(trim(preg_replace('/[^A-Za-z0-9-]+/', '-', $project->status_text))); @endphp
<div class="white-list project-item {{$slug}}" data-id="{{ $project->id ?? '' }}"
    data-priority="{{ $project->priority ?? '' }}">
    <div class="row">
        <div class="col-md-4">
            <div class="flex-show">
                @if ($project->status_text == 'In Queue')
                <div class="drag-box">
                    <i class="material-icons">drag_indicator</i>
                </div>
                @endif
                <div class="img-name-title">

                    <div class="product-img">
                        <a href="{{ getRoute('project.show', $project->id) }}">
                            <img src="{{ $project->media_url ?? '' }}" class="rounded-circle img-fluid productimg">
                        </a>
                    </div>
                    <div class="img-title ml-3">
                        <a href="{{ getRoute('project.show', $project->id) }}">
                            <h3 class="img-titleh3">{{$project->title ?? ''}}</h3>
                            <p class="text-left sche-psec"><i class="material-icons">schedule</i>{{
                                $project->created_at->format('d M Y') ?? '' }}</p>
                        </a>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="added-by mt-space">
                <span class="d-block d-md-none">Added By</span>
                <img src="{{ asset('assets/front/images/user.png') }}" class="rounded-circle img-fluid added-byimg" title="test">
            </div>
        </div>
        <div class="col-md-2">
            <div class="shared-by mt-space">
                <span class="d-block d-md-none">Shared With</span>
                <img src="{{asset('assets/front/common/images/CORONA-VIRUS-PANDEMIC_MU.png') }}"
                    class="rounded-circle img-fluid shared-byimg">
                <img src="{{asset('assets/front/common/images/CORONA-VIRUS-PANDEMIC_MU.png') }}"
                    class="rounded-circle img-fluid shared-byimg">
                <img src="{{asset('assets/front/common/images/CORONA-VIRUS-PANDEMIC_MU.png') }}"
                    class="rounded-circle img-fluid shared-byimg">
            </div>
        </div>
        <div class="col-md-2">
            <div class="status-txt mt-space">
                <a href="javascript:void(0);"
                    class="st-active gz-status {{ strtolower(preg_replace('/[^A-Za-z0-9-]+/', '-', $project->assigned_status_name ?? ($project->status_text ?? '') )) }}-status">
                    @if($project->assigned_status)
                    {{$project->assigned_status_name ?? ''}}
                    @else
                    {{$project->status_text ?? ''}}
                    @endif
                </a>
            </div>
        </div>
        <div class="col-md-2">

            <div class="mt-space">
                <a href="{{getRoute('project.edit', $project->id)}}?id={{$project->project_type ?? ''}}"
                    class="bg-white color-gray mr-2">
                    <span class="material-icons" data-toggle="tooltip" data-placement="top" title="Edit">edit</span>
                </a>
                @if ($allowDeleteProject || in_array($loggedInUser->user_type, ['company', 'customer', 'client']))
                    <a class="bg-white color-gray" href="javascript: void(0)"
                        onclick="event.preventDefault();  confirmSwalAlert(null).then((willDelete) => { if (willDelete) { document.getElementById('delete-form-{{$project->id}}').submit() } else { swal('Your project is safe.'); } })">
                        <span class="material-icons" data-toggle="tooltip" data-placement="top"
                            title="Delete">delete_outline</span>
                    </a>
                @endif
            </div>
        </div>
    </div>
</div>
@endforeach