@extends('layouts.app')
@section('title','VTU Installer')
@section('content')
<div class="mx-auto max-w-2xl px-5 py-10"><div class="vtu-card"><p class="text-sm font-semibold uppercase tracking-wide text-slate-500">Installation Wizard</p><h1 class="mt-2 text-3xl font-black">Set up your VTU platform</h1><div id="steps" class="mt-6 space-y-5"><section id="step-requirements"><button id="check" class="vtu-btn-primary w-full">Check Server Requirements</button><pre id="requirements" class="mt-4 overflow-auto rounded-2xl bg-slate-950 p-4 text-xs text-white"></pre></section><section id="step-db" class="space-y-3"><h2 class="font-black">Database</h2><input id="db_host" class="vtu-input" value="127.0.0.1" placeholder="Host"><input id="db_port" class="vtu-input" value="3306" placeholder="Port"><input id="db_name" class="vtu-input" placeholder="Database"><input id="db_user" class="vtu-input" placeholder="Username"><input id="db_pass" type="password" class="vtu-input" placeholder="Password"><button id="db-test" class="vtu-btn-secondary w-full">Test Database</button></section><section class="space-y-3"><h2 class="font-black">Business & Super Admin</h2><input id="business" class="vtu-input" placeholder="Business name"><input id="app_url" class="vtu-input" value="{{ url('/') }}" placeholder="Application URL"><input id="admin_name" class="vtu-input" placeholder="Admin full name"><input id="admin_email" type="email" class="vtu-input" placeholder="Admin email"><input id="admin_phone" class="vtu-input" placeholder="Admin phone"><input id="admin_password" type="password" class="vtu-input" placeholder="Strong password"><button id="install" class="vtu-btn-primary w-full">Install Platform</button></section><div id="result" class="rounded-2xl bg-slate-50 p-4 text-sm"></div></div></div></div>
<script>document.getElementById('check').addEventListener('click',async()=>{const r=await axios.get('/install/requirements');document.getElementById('requirements').textContent=JSON.stringify(r.data,null,2);});document.getElementById('db-test').addEventListener('click',async()=>{const r=await axios.post('/install/database',{host:db_host.value,port:Number(db_port.value),database:db_name.value,username:db_user.value,password:db_pass.value});document.getElementById('result').textContent=r.data.ok?'Database connection successful.':'Database failed.';});document.getElementById('install').addEventListener('click',async()=>{const r=await axios.post('/install/finalize',{business_name:business.value,app_url:app_url.value,admin_name:admin_name.value,admin_email:admin_email.value,admin_phone:admin_phone.value,admin_password:admin_password.value});document.getElementById('result').textContent=r.data.message;if(r.data.ok)setTimeout(()=>window.location.href='/login',800);});</script>
@endsection