@extends('layouts.app')
@section('title', 'VM bearbeiten')
@section('heading', 'VM konfigurieren: '.$vm->name)

@section('content')
<form method="POST" action="{{ route('vms.update', $vm) }}" class="max-w-3xl space-y-6">
    @csrf @method('PUT')

    <section class="rounded-xl border border-slate-800 bg-slate-900/60 p-6 space-y-4">
        <label class="block">
            <span class="text-sm text-slate-400">Name</span>
            <input name="name" value="{{ old('name', $vm->name) }}" class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2">
        </label>
        <div class="grid gap-4 sm:grid-cols-3">
            <label><span class="text-sm text-slate-400">vCPUs</span>
                <input type="number" name="cpu" value="{{ old('cpu', $vm->cpu) }}" class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
            <label><span class="text-sm text-slate-400">RAM (MB)</span>
                <input type="number" name="ram" value="{{ old('ram', $vm->ram) }}" class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
            <label><span class="text-sm text-slate-400">Disk (GB)</span>
                <input type="number" name="disk" value="{{ old('disk', $vm->disk) }}" class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
        </div>
        <p class="text-xs text-slate-500">Änderungen werden bei aktiver VM an Proxmox übertragen.</p>
    </section>

    <section class="rounded-xl border border-slate-800 bg-slate-900/60 p-6">
        <h2 class="mb-4 font-semibold">Zusätzliche Geräte</h2>
        @php $devices = old('devices', $vm->devices->map(fn($d) => ['type'=>$d->type,'slot'=>$d->slot,'config'=>$d->config])->all()); @endphp
        @include('partials.vm-device-fields', ['deviceTypes' => $deviceTypes, 'devices' => $devices])
    </section>

    <button type="submit" class="rounded-lg bg-cyan-600 px-6 py-2.5 font-medium hover:bg-cyan-500">Speichern</button>
</form>
@endsection