initial commit

resources/views/vms/create.blade.php

@@ -0,0 +1,98 @@
+@extends('layouts.app')
+@section('title', 'VM erstellen')
+@section('heading', 'Neue VM erstellen')
+
+@section('content')
+<form method="POST" action="{{ route('vms.store') }}" class="max-w-3xl space-y-6">
+    @csrf
+
+    <section class="rounded-xl border border-slate-800 bg-slate-900/60 p-6 space-y-4">
+        <h2 class="font-semibold">Allgemein</h2>
+        <label class="block">
+            <span class="text-sm text-slate-400">VM-Name</span>
+            <input name="name" value="{{ old('name') }}" required class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2">
+        </label>
+
+        @if($customers->isNotEmpty())
+        <label class="block">
+            <span class="text-sm text-slate-400">Zugewiesener Kunde</span>
+            <select name="user_id" required class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2">
+                @foreach($customers as $c)
+                <option value="{{ $c->id }}" @selected(old('user_id') == $c->id)>{{ $c->name }} ({{ $c->email }})</option>
+                @endforeach
+            </select>
+        </label>
+        @endif
+
+        <label class="flex items-center gap-2">
+            <input type="hidden" name="behind_traefik" value="0">
+            <input type="checkbox" name="behind_traefik" value="1" @checked(old('behind_traefik', true)) id="behind_traefik" class="rounded border-slate-600 text-cyan-500">
+            <span class="text-sm">Hinter Traefik (Subdomain + DNS)</span>
+        </label>
+
+        <div id="traefik-fields">
+            <label class="block">
+                <span class="text-sm text-slate-400">Subdomain</span>
+                <div class="mt-1 flex">
+                    <input name="subdomain" value="{{ old('subdomain') }}" class="w-full rounded-l-lg border border-slate-700 bg-slate-800 px-3 py-2">
+                    <span class="flex items-center rounded-r-lg border border-l-0 border-slate-700 bg-slate-800 px-3 text-sm text-slate-500">.{{ config('hosting.plesk.base_domain') }}</span>
+                </div>
+            </label>
+        </div>
+
+        <label class="block">
+            <span class="text-sm text-slate-400">Privater IP-Pool</span>
+            <select name="ip_pool_id" class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2">
+                <option value="">Standard-Pool</option>
+                @foreach($privatePools as $pool)
+                <option value="{{ $pool->id }}" @selected(old('ip_pool_id') == $pool->id)>{{ $pool->name }} ({{ $pool->freeIpsCount() }} frei)</option>
+                @endforeach
+            </select>
+        </label>
+        <p class="text-xs text-slate-500">Ohne Traefik wird zusätzlich eine öffentliche IP aus dem Public-Pool vergeben.</p>
+    </section>
+
+    <section class="rounded-xl border border-slate-800 bg-slate-900/60 p-6 space-y-4">
+        <h2 class="font-semibold">Ressourcen</h2>
+        <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', config('hosting.defaults.cpu')) }}" min="1" max="32" 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', config('hosting.defaults.ram')) }}" min="512" 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', config('hosting.defaults.disk')) }}" min="10" class="mt-1 w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2"></label>
+        </div>
+    </section>
+
+    <section class="rounded-xl border border-slate-800 bg-slate-900/60 p-6 space-y-4">
+        <h2 class="font-semibold">Installations-ISO (optional)</h2>
+        <p class="text-xs text-slate-500">ISO wird beim Provisioning als CD-ROM eingebunden (Boot-Reihenfolge: CD zuerst).</p>
+        <select name="install_iso" class="w-full rounded-lg border border-slate-700 bg-slate-800 px-3 py-2 text-sm">
+            <option value="">Keine ISO / Cloud-Init</option>
+            @foreach($isos as $iso)
+            <option value="{{ $iso['volid'] }}" @selected(old('install_iso') === $iso['volid'])>{{ $iso['label'] }}</option>
+            @endforeach
+        </select>
+        @if(empty($isos))
+        <p class="text-xs text-amber-400">Keine ISOs von Proxmox geladen – Storage {{ config('hosting.proxmox.iso_storage') }} prüfen.</p>
+        @endif
+    </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>
+        @include('partials.vm-device-fields', ['deviceTypes' => $deviceTypes])
+    </section>
+
+    <button type="submit" class="rounded-lg bg-cyan-600 px-6 py-2.5 font-medium hover:bg-cyan-500">VM provisionieren</button>
+</form>
+
+@push('scripts')
+<script>
+const cb = document.getElementById('behind_traefik');
+const fields = document.getElementById('traefik-fields');
+function toggle() { fields.style.display = cb.checked ? 'block' : 'none'; }
+cb?.addEventListener('change', toggle);
+toggle();
+</script>
+@endpush
+@endsection