@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <span>Archivos en: {{ $smbPath->name ?? $smbPath->path }}</span>
                    {{-- <a href="{{ route('smb.index') }}" class="btn btn-secondary btn-sm">Volver a Rutas</a> --}}
                </div>

                <div class="card-body">
                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif

                    @if (session('error'))
                        <div class="alert alert-danger">
                            {{ session('error') }}
                        </div>
                    @endif

                    <p><strong>Ruta:</strong> {{ $smbPath->path }}</p>
                    @if($smbPath->description)
                        <p><strong>Descripción:</strong> {{ $smbPath->description }}</p>
                    @endif

                    <table class="table mt-4">
                        <thead>
                            <tr>
                                <th>Nombre</th>
                                <th>Tipo</th>
                                <th>Tamaño</th>
                                <th>Fecha</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($files as $file)
                                <tr>
                                    <td>
                                        {{ $file['name'] }}
                                        @if(isset($file['is_dbf']) && $file['is_dbf'])
                                            <span class="badge bg-info">DBF</span>
                                        @elseif(isset($file['is_copyable']) && $file['is_copyable'])
                                            <span class="badge bg-info">{{ strtoupper(pathinfo($file['name'], PATHINFO_EXTENSION)) }}</span>
                                        @endif
                                        @if(isset($file['is_copied']) && $file['is_copied'])
                                            <span class="badge bg-success">Copiado</span>
                                        @endif
                                    </td>
                                    <td>{{ $file['is_directory'] ? 'Directorio' : 'Archivo' }}</td>
                                    <td>{{ $file['size'] }}</td>
                                    <td>{{ $file['date'] }}</td>
                                    <td>
                                        @if (!$file['is_directory'])
                                            <form action="{{ route('smb.download', $smbPath->id) }}" method="POST" style="display: inline-block;">
                                                @csrf
                                                <input type="hidden" name="file_path" value="{{ $file['name'] }}">
                                                <button type="submit" class="btn btn-primary btn-sm">
                                                    @if(isset($file['is_dbf']) && $file['is_dbf'])
                                                        Ver/Descargar
                                                    @else
                                                        Descargar
                                                    @endif
                                                </button>
                                            </form>
                                            @if(isset($file['is_dbf']) && $file['is_dbf'])
                                                <form action="{{ route('smb.generate.controller', $smbPath->id) }}" method="POST" style="display: inline-block;">
                                                    @csrf
                                                    <input type="hidden" name="file_path" value="{{ $file['name'] }}">
                                                    <button type="submit" class="btn btn-success btn-sm">Generar Controlador</button>
                                                </form>
                                            @endif
                                            @if(isset($file['is_copyable']) && $file['is_copyable'])
                                                <form action="{{ route('smb.copy', $smbPath->id) }}" method="POST" class="copy-form" style="display: inline-block;" data-file="{{ $file['name'] }}">
                                                    @csrf
                                                    <input type="hidden" name="file_path" value="{{ $file['name'] }}">
                                                    <button type="submit" class="btn btn-info btn-sm copy-btn">
                                                        <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
                                                        Copiar a DB
                                                    </button>
                                                </form>
                                            @endif
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
    <script>
        document.querySelectorAll('.copy-form').forEach(form => {
            form.addEventListener('submit', async (e) => {
                e.preventDefault();
                const btn = form.querySelector('.copy-btn');
                const spinner = btn.querySelector('.spinner-border');
                const fileName = form.dataset.file;

                // Mostrar spinner
                btn.disabled = true;
                spinner.classList.remove('d-none');

                try {
                    const response = await fetch(form.action, {
                        method: 'POST',
                        body: new FormData(form),
                        headers: {
                            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
                        }
                    });

                    const result = await response.json();

                    // Ocultar spinner
                    btn.disabled = false;
                    spinner.classList.add('d-none');

                    if (response.ok) {
                        alert(`Archivo ${fileName} copiado correctamente a database/dbf/2025.`);
                        // Opcional: Recargar la página para actualizar el estado de 'is_copied'
                        location.reload();
                    } else {
                        alert(`Error al copiar archivo: ${result.error || 'Error desconocido'}`);
                    }
                } catch (error) {
                    // Ocultar spinner
                    btn.disabled = false;
                    spinner.classList.add('d-none');
                    alert(`Error al copiar archivo: ${error.message}`);
                }
            });
        });
    </script>
@endpush
@endsection