@extends('install.layout')

@section('content')
<div><h1>Welcome to InLynq</h1><p class="iq-muted" style="margin:4px 0 0">Let's get your site running. It takes about five minutes.</p></div>

<div class="iq-banner"><x-iq.icon name="lock" /><div><b>First, prove this is your server.</b> We created a one-time setup key in a private file only you can open:
  <div class="iq-num" style="margin-top:6px;font-size:13px;word-break:break-all">{{ $keyPath }}</div></div></div>

<div class="iq-stack" style="gap:6px;font-size:14px;color:var(--ink-2)">
  <div><b style="color:var(--ink)">In cPanel File Manager:</b> open that file and copy the code inside.</div>
  <div><b style="color:var(--ink)">Or in cPanel Terminal:</b> <span class="iq-num" style="font-size:13px">cat {{ $keyPath }}</span></div>
</div>

<form method="POST" action="{{ route('install.unlock') }}" class="iq-stack">
  @csrf
  <x-iq.field label="Setup key" name="key"><x-iq.input name="key" placeholder="XXXX-XXXX-XXXX" autocomplete="off" required autofocus style="font-family:var(--font-mono);letter-spacing:.06em" /></x-iq.field>
  <button class="iq-btn iq-btn-primary iq-btn-lg iq-btn-block">Continue</button>
</form>
@endsection