@extends('emails.layout')

@section('content')
    {{-- رسالة عند وصول رسالة جديدة في الشات --}}
    <div class="email-title">
        💬 رسالة جديدة
    </div>

    <div class="email-content">
        عزيزي <b>{{ $recipientType === 'owner' ? $chat->owner->name : $chat->freelancer->name }}</b>،<br/><br/>
        
        لديك رسالة جديدة من <b>{{ $chatMessage->sender->name }}</b>
        @if($chat->project)
            بخصوص المشروع: <b>"{{ $chat->project->title }}"</b>
        @endif
        <br/><br/>
        
        <div style="background: #f7fafc; padding: 15px; border-radius: 8px; border-right: 4px solid #14965A;">
            <b>محتوى الرسالة:</b><br/>
            <div style="margin-top: 10px; padding: 10px; background: #fff; border-radius: 4px; color: #2d3748;">
                {{ Str::limit($chatMessage->message, 200) }}
            </div>
        </div>
        <br/>
        
        <div style="background: #fff3cd; padding: 10px; border-radius: 4px; border-right: 3px solid #ffc107; margin: 15px 0;">
            <small style="color: #856404;">
                📅 {{ $chatMessage->created_at->format('Y-m-d H:i') }}
            </small>
        </div>
        
        قم بالرد على الرسالة من خلال صفحة المحادثات.
    </div>

    <br/>
    @php
        $emailOffer = $chat->project_id ? \App\Models\Offer::where('project_id', $chat->project_id)->where('user_id', $chat->freelancer_id)->first() : null;
        $emailLink = $emailOffer ? route('offer.show', $emailOffer->uuid) : route('offer.list');
    @endphp
    <a href="{{ $emailLink }}" 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