@extends('emails.layout')

@section('content')
    {{-- رسالة للمستقل عند تقييمه من صاحب المشروع --}}
    <div class="email-title">
        ⭐ تم تقييمك من صاحب المشروع
    </div>

    <div class="email-content">
        @if($rating->ratedUser)
        عزيزي <b>{{ $rating->ratedUser->name }}</b>،<br/><br/>
        @endif
        
        @if($rating->ratedBy)
        قام صاحب المشروع <b>{{ $rating->ratedBy->name }}</b> بتقييم عملك على المشروع:<br/>
        @endif
        @if($rating->project)
        <b style="font-size: 18px; color: #2d3748;">"{{ $rating->project->title }}"</b><br/><br/>
        @endif
        
        <div style="background: #f7fafc; padding: 15px; border-radius: 8px; border-right: 4px solid #14965A;">
            <b>تفاصيل التقييم:</b><br/>
            • المشروع: {{ $rating->project->title }}<br/>
            • صاحب المشروع: {{ $rating->ratedBy->name }}<br/>
            • التقييم: 
            <span style="color: #fbbf24; font-size: 18px;">
                @for($i = 1; $i <= 5; $i++)
                    @if($i <= $rating->rating)
                        ⭐
                    @else
                        ☆
                    @endif
                @endfor
            </span>
            ({{ $rating->rating }} من 5)<br/>
            @if($rating->comment)
            • التعليق: "{{ $rating->comment }}"<br/>
            @endif
            • التاريخ: {{ $rating->created_at->format('Y-m-d H:i') }}
        </div>
        <br/>
        
        @if($rating->rating >= 4)
            <div style="background: #d4edda; padding: 15px; border-radius: 8px; border-right: 4px solid #14965A;">
                <b>🎉 تقييم ممتاز!</b><br/>
                أحسنت! استمر في تقديم عمل عالي الجودة للحصول على المزيد من المشاريع والتقييمات الإيجابية.
            </div>
        @else
            <div style="background: #fff3cd; padding: 15px; border-radius: 8px; border-right: 4px solid #ffc107;">
                <b>💡 نصيحة:</b><br/>
                حاول تحسين جودة عملك والتواصل مع العملاء بشكل أفضل للحصول على تقييمات أعلى في المشاريع القادمة.
            </div>
        @endif
    </div>

    <br/>
    <a href="{{ route('offer.show', $rating->offer->uuid) }}" style="background: #14965A; color: #fff !important; text-transform: capitalize; min-width: 150px; font-weight: 700; text-decoration: none; padding: 12px 24px; display: inline-block; margin: 20px 0; font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;">
        عرض تفاصيل المشروع
    </a>
    <br/><br/>

    <div class="email-footer-text">
        شكراً لاستخدامك <b>{{ config('app.name') }}</b><br/>
        نتمنى لك التوفيق في مشاريعك القادمة!
    </div>
@endsection