@extends('dashboard.layouts.base')
@section('content')
    <style>
        .card-header::after {
            content: none !important;
        }

        #example2 th,
        #example2 td {
            vertical-align: middle;
            text-align: center;
        }
    </style>
    @php
    \Carbon\Carbon::setLocale('ar');
@endphp
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center w-100" style="direction: rtl;">
                <h3 class="card-title mb-0">الدردشات المبلّغ عنها</h3>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table id="example2" class="table table-bordered table-hover text-center" style="direction: rtl;">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th class="text-success">المُبلّغ</th>
                                <th class="text-danger">المُبلّغ عنه</th>
                                <th>تاريخ الإبلاغ</th>
                                <th>العمليات</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($chats as $index => $chat)
                                @php
                                    $reporter = $chat->is_reported_by_user_one ? $chat->userOne : ($chat->is_reported_by_user_two ? $chat->userTwo : null);
                                    $reportedUser = $chat->is_reported_by_user_one ? $chat->userTwo : ($chat->is_reported_by_user_two ? $chat->userOne : null);
                                @endphp

                                <tr class="{{ $reportedUser?->is_blocked ? 'table-danger' : '' }}">
                                    <td>{{ $chats->firstItem() + $index }}</td>

                                    <td>
                                        @if ($reporter)
                                            <a href="{{ route('dashboard.users.show', $reporter->id) }}" class="text-success">
                                                {{ $reporter->name }}
                                            </a>
                                        @else
                                            <span class="text-muted">غير معروف</span>
                                        @endif
                                    </td>

                                    <td>
                                        @if ($reportedUser)
                                            <a href="{{ route('dashboard.users.show', $reportedUser->id) }}" class="text-danger">
                                                {{ $reportedUser->name }}
                                            </a>
                                        @else
                                            <span class="text-muted">غير معروف</span>
                                        @endif
                                    </td>

                                    <td>{{ $chat->reported_chat_time ? $chat->reported_chat_time->translatedFormat('d F Y، h:i A') : '-' }}</td>

                                    <td>
                                        <a href="{{ route('dashboard.reported-chats.show', $chat->id) }}"
                                            class="btn btn-primary btn-sm">عرض المحادثة</a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="text-muted">لا توجد دردشات مُبلّغ عنها</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-end">
                    {{ $chats->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection