@extends('admin.layout')

@section('title', __('Mail log'))

@section('content')
<div class="max-w-5xl mx-auto space-y-4">

    <div class="flex items-center justify-between">
        <h2 class="text-lg font-semibold text-gray-800">{{ __('Mail log') }}</h2>
        <span class="text-sm text-gray-500">{{ $logs->total() }} {{ __('emails') }}</span>
    </div>

    <div class="bg-white rounded-lg shadow overflow-hidden">
        @if($logs->isEmpty())
            <p class="p-6 text-sm text-gray-500">{{ __('No emails logged yet.') }}</p>
        @else
            <table class="min-w-full divide-y divide-gray-200 text-sm">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-4 py-3 text-left font-medium text-gray-500">{{ __('To') }}</th>
                        <th class="px-4 py-3 text-left font-medium text-gray-500 col-desktop">{{ __('From') }}</th>
                        <th class="px-4 py-3 text-left font-medium text-gray-500">{{ __('Subject') }}</th>
                        <th class="px-4 py-3 text-left font-medium text-gray-500 col-desktop">{{ __('Date') }}</th>
                        <th class="px-4 py-3"></th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                    @foreach($logs as $log)
                        <tr class="hover:bg-gray-50">
                            <td class="px-4 py-3 text-gray-700 max-w-[200px] truncate">{{ $log->to_address }}</td>
                            <td class="px-4 py-3 col-desktop">
                                @if($log->fromUser)
                                    <a href="{{ route('admin.users.show', $log->fromUser) }}"
                                       class="text-indigo-600 hover:text-indigo-800 text-xs"><span class="text-gray-400 font-normal">#{{ $log->fromUser->id }}</span> {{ $log->fromUser->name }}</a>
                                @else
                                    <span class="text-gray-400 text-xs">—</span>
                                @endif
                            </td>
                            <td class="px-4 py-3 text-gray-700">{{ $log->subject }}</td>
                            <td class="px-4 py-3 text-gray-400 col-desktop whitespace-nowrap">{{ $log->created_at->format('d-m-Y H:i:s') }}</td>
                            <td class="px-4 py-3 text-right">
                                <a href="{{ route('admin.mail-logs.show', $log) }}"
                                   class="text-indigo-600 hover:text-indigo-800 text-xs font-medium">
                                    {{ __('View') }}
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>

            @if($logs->hasPages())
                <div class="px-4 py-3 border-t border-gray-100">
                    {{ $logs->links() }}
                </div>
            @endif
        @endif
    </div>

</div>
@endsection