{{-- Offer Card Component --}}
<div class="project-item top">
<div class="project-info">
    {{-- Offer Status Badge --}}
    @if($offer->status)
    @php
        $offerStatusClass = match($offer->status) {
            \App\Models\Offer::STATUS_PENDING => 'offer-status-pending',
            \App\Models\Offer::STATUS_RUNNING => 'offer-status-running',
            \App\Models\Offer::STATUS_COMPLETED => 'offer-status-completed',
            \App\Models\Offer::STATUS_CLOSED => 'offer-status-closed',
            \App\Models\Offer::STATUS_REJECTED => 'offer-status-rejected',
            \App\Models\Offer::STATUS_CANCELLED => 'offer-status-cancelled',
            default => '',
        };
    @endphp
    <span class="offer-status {{ $offerStatusClass }}">
        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="currentColor">
            <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
        </svg>
        {{ $offer->getStatusText() }}
    </span>
    @endif

<div class="project-head">
<a href="{{route('offer.show', $offer->uuid)}}" class="project-name">
    {{$offer->project?->title ?? trans('N/A')}}
</a>

{{-- Offer Date Badge --}}
<span class="hint" style="display: inline-flex; align-items: center; gap: 4px; font-size: 12px; padding: 2px 10px;font-weight: 600;">
    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <circle cx="12" cy="12" r="9"/>
        <path d="M12 7v5l3 2"/>
    </svg>
    {{ localized_friendly_time($offer->created_at) }}
</span>

</div>
<div class="project-sub">
{{-- Owner Rating --}}
<div class="foot-item" title="تقييم صاحب المشروع">
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 18 18">
            <path d="M9 0l2.163 6.636h6.987l-5.65 4.104 2.163 6.636L9 13.272l-5.65 4.104 2.163-6.636L0 6.636h6.987z" fill="#8c8c96"/>
        </svg>
    </div>
    <div class="item-text">
        {{ number_format($offer->project?->user?->rating ?? 0, 1) }}
    </div>
</div>
{{-- Payment Verification --}}
<div class="foot-item">
    @if($offer->project?->user?->payment_verified)
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#8c8c96" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12"/>
        </svg>
    </div>
    <div class="item-text">
        الدفع موثق
    </div>
    @else
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#8c8c96" stroke-width="2" stroke-linecap="round">
            <line x1="18" y1="6" x2="6" y2="18"/>
            <line x1="6" y1="6" x2="18" y2="18"/>
        </svg>
    </div>
    <div class="item-text">
        الدفع غير موثق
    </div>
    @endif
</div>
<div class="foot-item">
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#8c8c96" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="12" y1="1" x2="12" y2="23"/>
            <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
        </svg>
    </div>
    <div class="item-text">
        عرضك: {{$offer->total}}$
    </div>
</div>
<div class="foot-item">
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#8c8c96" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7z"/>
        </svg>
    </div>
    <div class="item-text">
        {{$offer->project?->user?->country?->name}}
    </div>
</div>
</div>
@if($offer->notes)
<p class="project-summary">
    {!! e($offer->notes) !!}
</p>
@endif
<div class="project-foot">
<div class="foot-item">
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#8c8c96" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="12" r="9"/>
            <path d="M12 7v5l3 2"/>
        </svg>
    </div>
    <div class="item-text">
        {{localized_friendly_time($offer->project?->created_at)}}
    </div>
</div>

<div class="foot-item">
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#8c8c96" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
        </svg>
    </div>
    <div class="item-text">
        {{count($offer->project?->offers)}} @lang('offers')
    </div>
</div>

{{-- Offer Time --}}
@if($offer->delivery_days || $offer->time)
<div class="foot-item">
    <div class="item-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#8c8c96" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
        </svg>
    </div>
    <div class="item-text">
        @if($offer->delivery_days)
            مدة التنفيذ: {{ $offer->delivery_days }} @lang('Day')
        @else
            مدة التنفيذ: {{ getTrans($offer->time->display_name, lang()) }}
        @endif
    </div>
</div>
@endif


</div>
</div>
</div>