@props(['files', 'client'])

<div class="tab-pane fade show" id="nav-files" role="tabpanel" aria-labelledby="nav-files-tab">
    <div class="panel myshadow">
        <div class="mypanel">
            @if (is_null($client->nextcloud))
                {{-- Alerta si nextcloud es nulo --}}
                <div class="alert alert-warning" role="alert">
                    <strong>⚠️ Advertencia:</strong>  No se ha asignado una carpeta de NextCloud para este cliente. 
                    <a href="{{url('/clients/edit/'.$client->id)}}" target="_blank" class="badge text-bg-primary">
                        <span>Haga clic aquí para asignar la carpeta.</span>
                    </a> 
                </div>
            @else
                {{-- Mostrar la tabla solo si nextcloud no es nulo --}}
                <div class="table-responsive">
                    <table class="table table-centered w-100 dt-responsive nowrap">
                        <thead class="table-brand">
                            <tr>
                                <th></th>
                                <th>Archivo / Carpeta</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (!empty($files))
                                @foreach ($files as $file)
                                    @if (basename($file) === '.DS_Store')
                                        @continue {{-- Saltar este archivo --}}
                                    @endif
                                    <tr>
                                        <td>
                                            @if (str_ends_with($file, '/')) {{-- Detectar carpetas --}}
                                                <i class="bi bi-folder2-open"></i> {{-- Ícono de carpeta --}}
                                            @else {{-- Archivos --}}
                                                <i class="bi bi-file-earmark"></i> {{-- Ícono de archivo --}}
                                            @endif
                                        </td>
                                        <td>
                                            @if (str_ends_with($file, '/'))
                                                {{-- Carpeta: Enlace para navegar dentro --}}
                                                <a href="{{ url('/nextcloud/list?folder=' . urlencode($file)) }}">
                                                    {{ str_replace('%20', ' ', basename($file, '/')) }}
                                                </a>
                                            @else
                                                {{-- Archivo: Enlace para descargar --}}
                                                <a href="{{ url('/nextcloud/download?file=' . urlencode($file)) }}">
                                                    {{ str_replace('%20', ' ', basename($file)) }}
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="2">No hay archivos disponibles.</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
    </div>
</div>