@extends('dashboard.layouts.app')
@section('title', 'Detalles File System')
@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="margin-bottom: 2rem;"><a href="{{ route('file-systems.index') }}" style="padding: 1rem 2rem; background: #6c757d; color: white; text-decoration: none; border-radius: 0.5rem;"><i class="fas fa-arrow-left"></i> Volver</a></div>
    <div style="background: white; padding: 3rem; border-radius: 1rem; margin-bottom: 2rem;"><div style="display: flex; justify-content: space-between;"><div><h2 style="font-size: 2.4rem; color: #043d13;"><i class="fas fa-folder"></i> {{ $fileSystem['label'] ?? 'Sin nombre' }}</h2><div style="display: flex; gap: 2rem; margin-top: 1.5rem;"><div><span style="color: #666;">Tamaño:</span> <strong>{{ $fileSystem['size_gb'] ?? 'N/A' }} GB</strong></div><div><span style="color: #666;">Región:</span> <strong>{{ $fileSystem['region'] ?? 'N/A' }}</strong></div></div></div><form method="POST" action="{{ route('file-systems.destroy', $fileSystem['id']) }}" onsubmit="return confirm('¿Estás seguro?');">@csrf @method('DELETE')<button type="submit" style="padding: 1rem 2rem; background: #dc3545; color: white; border: none; border-radius: 0.5rem; cursor: pointer;"><i class="fas fa-trash"></i> Eliminar</button></form></div></div>
    <div style="background: white; padding: 3rem; border-radius: 1rem;"><h3 style="font-size: 2rem; color: #043d13; margin-bottom: 2rem;"><i class="fas fa-server"></i> Asignación</h3>
        @if($fileSystem['attached_to_instance'] ?? null)
            <div style="background: #d4edda; padding: 2rem; border-radius: 0.5rem; margin-bottom: 2rem;"><p style="color: #155724; margin-bottom: 1rem;"><strong>Asignado a:</strong> {{ $fileSystem['attached_to_instance'] }}</p><form method="POST" action="{{ route('file-systems.detach', $fileSystem['id']) }}">@csrf<button type="submit" style="padding: 1rem 2rem; background: #ffc107; color: #000; border: none; border-radius: 0.5rem; cursor: pointer;"><i class="fas fa-unlink"></i> Desasignar</button></form></div>
        @else
            @if(count($servers) > 0)
                <form method="POST" action="{{ route('file-systems.attach', $fileSystem['id']) }}">@csrf<div style="display: flex; gap: 1rem; align-items: end;"><div style="flex: 1;"><label style="display: block; font-size: 1.4rem; margin-bottom: 0.5rem;">Seleccionar Servidor</label><select name="server_id" required style="width: 100%; padding: 1.2rem; font-size: 1.4rem; border: 1px solid #ccc; border-radius: 0.5rem;"><option value="">Selecciona un servidor</option>@foreach($servers as $server)<option value="{{ $server->vultr_instance_id }}">{{ $server->label ?? $server->vultr_instance_id }}</option>@endforeach</select></div><button type="submit" style="padding: 1.2rem 2rem; background: #28a745; color: white; border: none; border-radius: 0.5rem; cursor: pointer;"><i class="fas fa-link"></i> Asignar</button></div></form>
            @else
                <div style="background: #f8d7da; padding: 2rem; border-radius: 0.5rem;"><p style="color: #721c24; margin: 0;"><i class="fas fa-exclamation-triangle"></i> No tienes servidores disponibles.</p></div>
            @endif
        @endif
    </div>
</div>
@endsection