@props([
    'project' => null
])

<div class="card br-2 shadow">
    <div class="card-inner">
        <div class="profile">
            <div class="profile-status bg-success text-white"><x-ui.nicon name="check" /></div>
            <div class="user-card user-card-s2">
                <div class="user-avatar md bg-primary">
                    <x-ui.nicon name="aperture" class="fs-22px" />
                </div>
                <div class="user-info">
                    <h6 class="text-primary">{{ $project->client->name_and_surname }}</h6>
                </div>
            </div>
            {{-- <div class="profile-details">
            </div> --}}
            <ul class="profile-statistics">
                <li><span>{{ $project->ref }}</span><span>Ref</span></li>
                <li><span>{{ $project->status?->name }}</span><span>Statut</span></li>
            </ul>
            <div class="profile-view"> 
                <a href="{{ route('projects.detail', $project) }}" class="btn btn-block btn-dim btn-primary">
                    <span>@lang('Show')</span>
                </a> 
            </div>
        </div><!-- .profile -->
    </div><!-- .card-inner -->
</div><!-- .card -->