{% extends "base.html" %}
{% block title %}Create infrastructure · NEXXVU{% endblock %}
{% block content %}
<section class="onboarding-page page-section">
<div class="section-heading"><div><p class="eyebrow">Infrastructure workflow</p><h1>{{ ['Ecosystem','Location','Network zone','Supported asset','Review and confirm'][draft.step-1] if draft and draft.status=='draft' else 'Create infrastructure' }}</h1><p>Plan your inventory first. Nothing is added until final confirmation.</p></div><span class="status-badge status-neutral">{{ draft.status|title if draft else 'Not started' }}</span></div>
{% if error %}<div class="alert alert-danger" role="alert">{{ error }} <a href="/inventory/create">View drafts</a></div>{% endif %}
{% if not draft %}
<div class="card"><h2>One workflow for infrastructure and supported assets</h2><p>Create an ecosystem only, add optional locations and zones, or connect a supported platform through its verified onboarding flow.</p><form method="post" action="/inventory/create"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><button class="button button-primary">Start a draft</button></form></div>
{% if drafts %}<section class="card"><h2>Saved drafts</h2><ul>{% for item in drafts %}<li><a href="{{ '/inventory/onboard/' ~ item.onboarding_id if item.status=='onboarding' else '/inventory/create/' ~ item.id }}">{{ 'Supported asset onboarding' if item.status=='onboarding' else 'Step ' ~ item.step }} · {{ item.status }} · {{ item.updated_at }}</a></li>{% endfor %}</ul></section>{% endif %}
{% elif draft.status=='onboarding' %}<div class="card"><h2>Continue supported-asset onboarding</h2><p>Infrastructure remains a draft. Platform verification and final confirmation are still required.</p><a class="button button-primary" href="/inventory/onboard/{{ draft.onboarding_id }}">Resume the existing onboarding flow</a></div>
{% elif draft.status!='draft' %}<div class="card"><h2>{{ draft.status|title }}</h2><a href="/inventory">Return to inventory</a></div>
{% else %}
<div class="onboarding-layout"><nav class="onboarding-sidebar" aria-label="Infrastructure workflow"><ol class="wizard-steps">{% for label in ['Ecosystem','Location · optional','Network zone · optional','Supported asset · optional','Review and confirm'] %}<li class="{{ 'is-current' if loop.index==draft.step else '' }}" {% if loop.index==draft.step %}aria-current="step"{% endif %}><button class="wizard-step-button" type="submit" form="infrastructure-draft-form" formaction="/inventory/create/{{ draft.id }}/navigate" name="target_step" value="{{ loop.index }}" formnovalidate {% if loop.index > [draft.step + 1, draft.data.get('_furthest_step', draft.step)]|max %}disabled{% endif %}><span class="wizard-step-number">{{ loop.index }}</span><span>{{ label }}</span></button></li>{% endfor %}</ol><p class="field-help">Draft only. No credentials are saved here.</p></nav>
<div class="onboarding-workspace"><form id="infrastructure-draft-form" class="card form-stack" method="post" action="/inventory/create/{{ draft.id }}/next"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><input type="hidden" name="revision" value="{{ draft.revision }}">
{% set d=draft.data %}
{% if draft.step==1 %}<h2>Choose an ecosystem</h2><label class="field">Existing ecosystem<select name="ecosystem_id" data-existing-record="new-ecosystem-fields"><option value="">Draft a new ecosystem</option>{% for e in ecosystems %}<option value="{{ e.id }}" {% if e.id==d.ecosystem_id %}selected{% endif %}>{{ e.name }}</option>{% endfor %}</select></label><p class="field-help">New name and timezone apply only when drafting a new ecosystem.</p><div id="new-ecosystem-fields" class="new-record-fields" {% if d.ecosystem_id %}hidden{% endif %}><label class="field">New ecosystem name<input name="ecosystem_name" {% if d.ecosystem_id %}disabled{% endif %} maxlength="120" value="{{ d.ecosystem_name or '' }}"></label><label class="field">Timezone<input name="timezone" {% if d.ecosystem_id %}disabled{% endif %} maxlength="100" value="{{ d.timezone or 'America/Toronto' }}"></label></div>
{% elif draft.step in [2,3] %}{% set location=draft.step==2 %}{% set kind='location' if location else 'zone' %}<h2>{{ 'Associate a location' if location else 'Associate a network zone' }}</h2><p>Within <strong>{{ plan.ecosystem.name }}</strong>. Skip leaves this relationship unassigned.</p><label class="field">Existing {{ kind }}<select name="{{ kind }}_id" data-existing-record="new-child-fields"><option value="">None / draft a new {{ kind }}</option>{% for item in locations if location %}<option value="{{ item.id }}" {% if item.id==d.get(kind~'_id') %}selected{% endif %}>{{ item.name }}</option>{% endfor %}{% for item in zones if not location %}<option value="{{ item.id }}" {% if item.id==d.get(kind~'_id') %}selected{% endif %}>{{ item.name }}</option>{% endfor %}</select></label><div id="new-child-fields" class="new-record-fields" {% if d.get(kind~'_id') %}hidden{% endif %}><label class="field">New {{ kind }} name<input name="{{ kind }}_name" {% if d.get(kind~'_id') %}disabled{% endif %} maxlength="120" value="{{ d.get(kind~'_name','') }}"></label>{% if location %}{% for key, title in [('address','Street address'),('city','City'),('region_or_state','Province / state / region'),('country','Country')] %}<label class="field">{{ title }} (optional)<input name="location_{{ key }}" maxlength="160" value="{{ d.get('location_'~key, '') }}" {% if d.location_id %}disabled{% endif %}></label>{% endfor %}{% endif %}</div><p class="field-help">Existing selections take precedence. New locations use the site type.</p>
{% elif draft.step==4 %}<h2>Connect a supported asset?</h2><p>Use the same maintained platform onboarding as Inventory → Add supported asset. Supported choices come from approved templates, including Proxmox, Ubuntu/Linux and MikroTik when compatible.</p><label class="check-row"><input type="radio" name="asset_mode" value="skip" {% if d.asset_mode!='supported' %}checked{% endif %}><span>Infrastructure only — no device</span></label><label class="check-row"><input type="radio" name="asset_mode" value="supported" {% if d.asset_mode=='supported' %}checked{% endif %}><span>Continue to platform selection, identity, credentials and verification</span></label><p>No device connection or target-side change occurs on this page.</p>
{% else %}<h2>Review proposed infrastructure</h2>{% include 'infrastructure_plan.html' %}<p>{{ 'Continue into supported-asset onboarding; all records remain drafts until its final confirmation.' if d.asset_mode=='supported' else 'This creates infrastructure only. No assets, credentials or monitoring checks will be created.' }}</p><label class="check-row"><input type="checkbox" name="confirm" value="yes" required><span>I reviewed these records and relationships.</span></label>
{% endif %}
<noscript><p>After changing an existing-record selection, use Save draft to refresh the new-record fields.</p></noscript><div class="form-actions">{% if draft.step>1 %}<button class="button button-secondary" formaction="/inventory/create/{{ draft.id }}/back" formnovalidate>Back</button>{% endif %}{% if draft.step in [2,3,4] %}<button class="button button-secondary" formaction="/inventory/create/{{ draft.id }}/skip" formnovalidate>Skip</button>{% endif %}{% if draft.step<5 %}<button class="button button-primary">Next</button>{% else %}<button class="button button-primary" formaction="/inventory/create/{{ draft.id }}/{{ 'asset' if d.asset_mode=='supported' else 'confirm' }}">{{ 'Continue to supported asset' if d.asset_mode=='supported' else 'Confirm infrastructure' }}</button>{% endif %}<button class="button button-secondary" formaction="/inventory/create/{{ draft.id }}/save" formnovalidate>Save draft</button></div></form>
<form method="post" action="/inventory/create/{{ draft.id }}/cancel"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><button class="button button-secondary">Cancel draft</button></form></div></div>
{% endif %}</section>
{% endblock %}
{% block scripts %}<script src="/static/infrastructure_wizard.js" defer></script>{% endblock %}