<div class="section-title">{{ __('Archivos / Media') }}</div>

@if(empty($media))
    <div class="text-center text-gray-400 py-8">
        <p>{{ __('No hay archivos en el rango seleccionado.') }}</p>
    </div>
@else
    <div class="overflow-x-auto">
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nombre</th>
                    <th>Tipo</th>
                    <th>Entidad</th>
                    <th>Entidad Nombre</th>
                    <th>Tamaño</th>
                    <th>Subido por</th>
                    <th>Fecha</th>
                </tr>
            </thead>
            <tbody>
                @foreach($media as $item)
                <tr>
                    <td>{{ $item['id'] }}</td>
                    <td>{{ $item['name'] }}</td>
                    <td>
                        <span class="badge {{ match($item['type']) {
                            'image' => 'badge-info',
                            'document' => 'badge-success',
                            'video' => 'badge-warning',
                            default => 'badge-ghost',
                        } }}">
                            {{ $item['type'] }}
                        </span>
                    </td>
                    <td>{{ $item['entity'] }}</td>
                    <td>{{ $item['entity_name'] }}</td>
                    <td>{{ $item['size'] }}</td>
                    <td>{{ $item['uploaded_by'] }}</td>
                    <td>{{ $item['uploaded_at'] }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endif