@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">{{ $title }}</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 active">{{ $title }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @include('admin.project_messages.search_form')

        <div class="content-body">
            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        <table class="table table-hover mb-0">
                                            <thead>
                                            <tr>
                                                <th>{{ __('ID') }}</th>
                                                <th>{{ __('Project') }}</th>
                                                <th>{{ __('Sender') }}</th>
                                                <th>{{ __('Message') }}</th>
                                                <th>{{ __('Read status') }}</th>
                                                <th>{{ __('Created At') }}</th>
                                                <th>{{ __('Actions') }}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @forelse($messages as $message)
                                                @php
                                                    $project = $message->chat?->project;
                                                @endphp
                                                <tr>
                                                    <td>{{ $message->id }}</td>
                                                    <td>
                                                        @if($project)
                                                            <a href="{{ route('projects.show', $project->uuid) }}?from={{ urlencode(request()->fullUrl()) }}">
                                                                {{ Str::limit($project->title, 35) }}
                                                            </a>
                                                        @else
                                                            {{ __('N/A') }}
                                                        @endif
                                                    </td>
                                                    <td>{{ $message->sender->name ?? __('Unknown') }}</td>
                                                    <td>{{ Str::limit(strip_tags($message->message ?? ''), 60) }}</td>
                                                    <td>
                                                        @if($message->is_read)
                                                            <span class="badge badge-success">{{ __('Read') }}</span>
                                                        @else
                                                            <span class="badge badge-warning">{{ __('Unread') }}</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <span title="{{ $message->created_at?->format('F j, Y \a\t g:i A') }}">
                                                            {{ $message->created_at?->format('M j, Y g:i A') }}
                                                        </span>
                                                    </td>
                                                    <td class="text-nowrap">
                                                        @if($project)
                                                            <a href="{{ route('projects.messages', $project->uuid) }}?from={{ urlencode(request()->fullUrl()) }}"
                                                               class="btn btn-outline-info btn-sm" title="{{ __('View conversation') }}">
                                                                <i class="fa fa-comments"></i>
                                                            </a>
                                                            <a href="{{ route('projects.show', $project->uuid) }}?from={{ urlencode(request()->fullUrl()) }}"
                                                               class="btn btn-outline-primary btn-sm" title="{{ __('View project') }}">
                                                                <i class="fa fa-eye"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="7" class="text-center text-muted py-3">{{ __('No messages found') }}</td>
                                                </tr>
                                            @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                    @include('admin.components.advanced-pagination', ['paginator' => $messages])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
@endsection