@extends('admin.layout.master')

@section('content')
    <div class="container mt-5">
        <h2 class="mb-4">{{ awtTrans('الشات في الغرفة') }} #{{ $room->id }}</h2>

        <table class="table table-striped">
            <thead>
            <tr>
                <th>{{ awtTrans('المستخدم') }}</th>
                <th>{{ awtTrans('مقدم الخدمة') }}</th>
                <th>{{ awtTrans('الرسالة') }}</th>
                <th>{{ awtTrans('الوقت') }}</th>
                <th>{{ awtTrans('التاريخ') }}</th>
            </tr>
            </thead>
            <tbody>
            @foreach($messages as $message)
                <tr>
                    <td>{{ $message['user'] }}</td>
                    <td>{{ $message['delegate'] }}</td>
                    <td>
                        @if($message['type'] == 'image')
                            <!-- إذا كانت الرسالة صورة، عرض الصورة مع تحديد الحجم -->
                            <img src="{{ asset('assets/uploads/chat/' . $message['content']) }}" style="max-width: 200px; max-height: 200px;">
                        @else
                            <!-- إذا كانت الرسالة نص عادي، عرض النص -->
                            {{ $message['content'] }}
                        @endif
                    </td>
                    <td>{{ $message['time'] }}</td>
                    <td>{{ $message['date'] }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endsection