@extends('dashboard.layouts.app')
@section('title', 'File Systems')
@section('content')
<div style="max-width: 1200px; margin: 0 auto;">
    @if (session('success'))<div style="background: #d4edda; color: #155724; padding: 1.5rem; border-radius: 0.5rem; margin-bottom: 2rem;">{{ session('success') }}</div>@endif
    <div style="display: flex; justify-content: space-between; margin-bottom: 2rem;">
        <h2 style="font-size: 2rem; color: #043d13;"><i class="fas fa-folder"></i> File Systems</h2>
        <a href="{{ route('file-systems.create') }}" style="padding: 1.5rem 3rem; background: linear-gradient(90deg, #043d13, #07941e); color: white; text-decoration: none; border-radius: 0.5rem; font-weight: 600;"><i class="fas fa-plus-circle"></i> Crear File System</a>
    </div>
    @if(count($fileSystems) === 0)
        <div style="background: white; padding: 4rem; text-align: center; border-radius: 1rem;"><i class="fas fa-folder" style="font-size: 5rem; color: #ccc; margin-bottom: 1.5rem;"></i><h3 style="font-size: 2rem; color: #666;">No tienes file systems</h3></div>
    @else
        <div style="background: white; border-radius: 1rem; overflow: hidden;">
            <table style="width: 100%; border-collapse: collapse;"><thead style="background: linear-gradient(90deg, #043d13, #07941e); color: white;"><tr><th style="padding: 1.5rem; text-align: left;">Nombre</th><th style="padding: 1.5rem; text-align: left;">Tamaño</th><th style="padding: 1.5rem; text-align: left;">Región</th><th style="padding: 1.5rem; text-align: left;">Estado</th><th style="padding: 1.5rem; text-align: right;">Acciones</th></tr></thead><tbody>
                    @foreach($fileSystems as $fs)
                        <tr style="border-bottom: 1px solid #eee;"><td style="padding: 1.5rem;"><strong>{{ $fs['label'] ?? 'Sin nombre' }}</strong></td><td style="padding: 1.5rem;">{{ $fs['size_gb'] ?? 'N/A' }} GB</td><td style="padding: 1.5rem;">{{ $fs['region'] ?? 'N/A' }}</td><td style="padding: 1.5rem;"><span style="padding: 0.5rem 1rem; background: @if($fs['attached_to_instance'] ?? null) #28a745 @else #6c757d @endif; color: white; border-radius: 0.3rem;">{{ $fs['attached_to_instance'] ? 'Asignado' : 'Disponible' }}</span></td><td style="padding: 1.5rem; text-align: right;"><a href="{{ route('file-systems.show', $fs['id']) }}" style="padding: 0.8rem 1.5rem; background: #17a2b8; color: white; text-decoration: none; border-radius: 0.3rem; margin-right: 0.5rem;"><i class="fas fa-eye"></i></a><form method="POST" action="{{ route('file-systems.destroy', $fs['id']) }}" style="display: inline;" onsubmit="return confirm('¿Estás seguro?');">@csrf @method('DELETE')<button type="submit" style="padding: 0.8rem 1.5rem; background: #dc3545; color: white; border: none; border-radius: 0.3rem; cursor: pointer;"><i class="fas fa-trash"></i></button></form></td></tr>
                    @endforeach
                </tbody></table>
        </div>
    @endif
</div>
@endsection