@forelse ($projects as $project)
    <div class="col-md-4">
        <div class="tree-box">
            <div class="tree-boxmain">
                <div class="img-box">
                    <p>{{ $project->status ? $project->status : '' }}</p>
                    <h1>{{ $project->name ? $project->name : '' }}</h1>
                    @if ($project->carbon_credit)
                        <img class="cloud-green" src="{{ asset('app-assets/images/green-cloud.svg') }}" alt="" />
                    @endif
                </div>
                <div class="tree-boximg">
                    @if ($project->thumbnail_image)
                        <img src="{{ $project->thumbnail_image }}" alt="">
                    @else
                        <img src="{{ asset('app-assets/images/top-tree.png') }}" alt="">
                    @endif
                </div>
            </div>

            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 col-6 pr-0">
                        <h2>Trees planted: <span>
                                0/{{ $project->capacity ? $project->capacity : 0 }} </span>
                        </h2>
                        <h6>{{ isset($project->country) ? $project->country->name : '' }}
                        </h6>
                    </div>
                    <div class="col-md-6 col-6 pl-0 pl-sm-3">
                        <a href="individual-projectoverview.html" class="tree-link">
                            <a href="{{ url('projects/' . $project->slug) }}" class="btn visit-btn btn-block ">Visit
                                / Start Planting</a>
                        </a>

                    </div>
                    <div class="col-md-12">
                        <h3>{{ \Illuminate\Support\Str::limit($project->description, 100, '...') }}
                            <a href="{{ url('projects/' . $project->slug) }}">Continue
                                Reading</a>
                        </h3>
                    </div>
                </div>
            </div>

        </div>
    </div>
@empty
@endforelse