@extends('admin.layouts.master')

@section('contents')
<div class="content-wrapper">
    <div class="content-header row">
        <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
                <div class="col-12">
                    <h2 class="content-header-title float-left mb-0">تفاصيل الرسالة #{{ $message->id }}</h2>
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('Home') }}</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('user-messages.index') }}">رسائل المستخدمين</a></li>
                            <li class="breadcrumb-item active">تفاصيل الرسالة</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="content-body">
        <div class="row">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">محتوى الرسالة</h4>
                    </div>
                    <div class="card-body">
                        <table class="table table-bordered">
                            <tr>
                                <th style="width:30%">العنوان</th>
                                <td>{{ $message->title }}</td>
                            </tr>
                            <tr>
                                <th>نص الرسالة</th>
                                <td style="white-space: pre-wrap;">{{ $message->body }}</td>
                            </tr>
                            <tr>
                                <th>قناة الإرسال</th>
                                <td>
                                    @if($message->channel === 'notification')
                                        <span class="badge badge-info">إشعار فقط</span>
                                    @elseif($message->channel === 'email')
                                        <span class="badge badge-primary">بريد فقط</span>
                                    @else
                                        <span class="badge badge-success">إشعار + بريد</span>
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th>حالة الإرسال</th>
                                <td>
                                    @if($message->isFullySuccessful())
                                        <span class="badge badge-success">نجح بالكامل</span>
                                    @elseif($message->notification_sent_at || $message->email_sent_at)
                                        <span class="badge badge-warning">نجاح جزئي</span>
                                    @else
                                        <span class="badge badge-danger">فشل</span>
                                    @endif
                                    @if($message->error_message)
                                        <div class="text-danger mt-1 small">{{ $message->error_message }}</div>
                                    @endif
                                </td>
                            </tr>
                            @if(in_array($message->channel, ['notification', 'both']))
                            <tr>
                                <th>الإشعار</th>
                                <td>
                                    @if($message->notification_sent_at)
                                        <span class="text-success">تم الإرسال — {{ $message->notification_sent_at->format('Y-m-d H:i') }}</span>
                                    @else
                                        <span class="text-danger">لم يُرسل</span>
                                    @endif
                                </td>
                            </tr>
                            @endif
                            @if(in_array($message->channel, ['email', 'both']))
                            <tr>
                                <th>البريد</th>
                                <td>
                                    @if($message->email_sent_at)
                                        <span class="text-success">تم الإرسال — {{ $message->email_sent_at->format('Y-m-d H:i') }}</span>
                                    @else
                                        <span class="text-danger">لم يُرسل</span>
                                    @endif
                                </td>
                            </tr>
                            @endif
                            <tr>
                                <th>تاريخ الإنشاء</th>
                                <td>{{ $message->created_at->format('Y-m-d H:i:s') }}</td>
                            </tr>
                            @if($message->batch_uuid)
                            <tr>
                                <th>الدفعة الجماعية</th>
                                <td>
                                    <code>{{ $message->batch_uuid }}</code>
                                    <a href="{{ route('user-messages.index', ['batch_uuid' => $message->batch_uuid]) }}" class="btn btn-sm btn-outline-secondary ml-1">عرض كل الدفعة</a>
                                </td>
                            </tr>
                            @endif
                        </table>
                    </div>
                </div>
            </div>

            <div class="col-md-4">
                <div class="card">
                    <div class="card-header"><h4 class="card-title mb-0">المستلم</h4></div>
                    <div class="card-body">
                        @if($message->user)
                            <p><strong>الاسم:</strong>
                                <a href="{{ $message->user->type == \App\Models\User::TYPE_PROJECT_OWNER ? route('providers.show', $message->user->id) : route('users.show', $message->user->id) }}">
                                    {{ $message->user->name }}
                                </a>
                            </p>
                            <p><strong>البريد:</strong> {{ $message->user->email ?? '—' }}</p>
                            <p><strong>النوع:</strong>
                                {{ $message->user->type == \App\Models\User::TYPE_PROJECT_OWNER ? 'صاحب مشروع' : 'مستقل' }}
                            </p>
                        @else
                            <p class="text-muted">—</p>
                        @endif
                    </div>
                </div>

                <div class="card">
                    <div class="card-header"><h4 class="card-title mb-0">المرسل</h4></div>
                    <div class="card-body">
                        <p><strong>الأدمن:</strong> {{ $message->admin->name ?? '—' }}</p>
                        <p><strong>البريد:</strong> {{ $message->admin->email ?? '—' }}</p>
                    </div>
                </div>

                @if($batchSiblings->isNotEmpty())
                <div class="card">
                    <div class="card-header"><h4 class="card-title mb-0">رسائل أخرى في نفس الدفعة</h4></div>
                    <div class="card-body p-0">
                        <ul class="list-group list-group-flush">
                            @foreach($batchSiblings as $sibling)
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <span>{{ $sibling->user->name ?? '—' }}</span>
                                <a href="{{ route('user-messages.show', $sibling->id) }}" class="btn btn-sm btn-outline-primary">عرض</a>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                @endif
            </div>
        </div>

        <a href="{{ route('user-messages.index') }}" class="btn btn-outline-warning waves-effect">العودة للقائمة</a>
    </div>
</div>
@endsection