{% extends "base.html" %}
{% block title %}Create infrastructure · NEXXVU{% endblock %}
{% block content %}
<div class="page-heading"><div><p class="eyebrow">Your infrastructure</p><h1>Create your inventory</h1><p class="muted">Start with an ecosystem, then add locations, network zones and assets. Nothing is monitored until you configure monitoring.</p></div><a class="button button-secondary" href="/inventory">View inventory</a></div>
{% if error %}<div class="alert alert-danger" role="alert">{{ error }}</div>{% elif request.query_params.get('created') == '1' %}<div class="alert alert-success" role="status">Saved to your inventory. No monitoring checks were created.</div>{% endif %}
{% macro ecosystems_select(id) %}
<label class="field" for="{{ id }}"><span>Ecosystem</span><select id="{{ id }}" name="ecosystem_id" required>{% for item in ecosystems %}<option value="{{ item.id }}">{{ item.name }}</option>{% endfor %}</select></label>
{% endmacro %}
<div class="card-grid infrastructure-grid">
<section class="panel" aria-labelledby="ecosystem-heading"><h2 id="ecosystem-heading">1. Create an ecosystem</h2><p class="muted">Group the infrastructure you manage, such as a company or environment.</p>
<form class="form-stack" method="post" action="/inventory/create/ecosystem"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
<label class="field"><span>Ecosystem name</span><input name="name" required maxlength="120" placeholder="Example: My company"></label>
<label class="field"><span>Timezone</span><input name="timezone" value="{{ appearance.timezone_name }}" required maxlength="100" placeholder="America/Toronto"></label>
<button class="button button-primary" type="submit">Create ecosystem</button></form></section>
{% if ecosystems %}
<section class="panel" aria-labelledby="location-heading"><h2 id="location-heading">2. Add a location</h2><p class="muted">Describe where your assets belong.</p>
<form class="form-stack" method="post" action="/inventory/create/location"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">{{ ecosystems_select('location-ecosystem') }}
<label class="field"><span>Location name</span><input name="name" required maxlength="120" placeholder="Example: Main office"></label>
<label class="field"><span>Location type</span><select name="facility_type">{% for kind in facility_types %}<option value="{{ kind }}">{{ kind|title }}</option>{% endfor %}</select></label>
<label class="field"><span>Parent location (optional)</span><select name="parent_id"><option value="">No parent</option>{% for item in locations %}<option value="{{ item.id }}">{{ item.name }}</option>{% endfor %}</select></label>
<p class="field-help">Select a parent in the same ecosystem.</p><button class="button button-primary" type="submit">Add location</button></form></section>
<section class="panel" aria-labelledby="zone-heading"><h2 id="zone-heading">3. Add a network zone</h2><p class="muted">Organize assets by network or security boundary.</p>
<form class="form-stack" method="post" action="/inventory/create/network-zone"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">{{ ecosystems_select('zone-ecosystem') }}
<label class="field"><span>Zone name</span><input name="name" required maxlength="120" placeholder="Example: Internal network"></label><button class="button button-primary" type="submit">Add network zone</button></form></section>
<section class="panel" aria-labelledby="asset-heading"><h2 id="asset-heading">4. Add an inventory asset</h2><p class="muted">Record an asset now. You can configure its monitoring separately.</p>
<form class="form-stack" method="post" action="/inventory/create/asset"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">{{ ecosystems_select('asset-ecosystem') }}
<label class="field"><span>Asset name</span><input name="name" required maxlength="120" placeholder="Example: Application server"></label>
<label class="field"><span>Role</span><select name="role_id" required><option value="">Choose a role</option>{% for role in roles %}<option value="{{ role.id }}">{{ role.name }}</option>{% endfor %}</select></label>
<label class="field"><span>IP address or hostname (optional)</span><input name="address" maxlength="253" autocomplete="off"></label>
<label class="field"><span>Location (optional)</span><select name="location_id"><option value="">Not assigned</option>{% for item in locations %}<option value="{{ item.id }}">{{ item.name }}</option>{% endfor %}</select></label>
<label class="field"><span>Network zone (optional)</span><select name="network_zone_id"><option value="">Not assigned</option>{% for item in zones %}<option value="{{ item.id }}">{{ item.name }}</option>{% endfor %}</select></label>
<label class="field"><span>Parent asset (optional)</span><select name="parent_id"><option value="">No parent</option>{% for item in assets %}<option value="{{ item.id }}">{{ item.name }}</option>{% endfor %}</select></label>
<p class="field-help">Relationships must belong to the selected ecosystem.</p><button class="button button-primary" type="submit">Add asset without monitoring</button></form>
<p><a href="/inventory">Or connect a supported device through guided onboarding</a>.</p></section>
{% else %}<section class="empty-state"><h2>Your inventory is empty</h2><p>Create your first ecosystem to add locations, zones and assets. NEXXVU will not add example infrastructure or checks.</p></section>{% endif %}
</div>
{% endblock %}