{% extends '_base.html' %}
{% load render_table from django_tables2 %}
{% load form_helpers %}

{% block title %}Power Connections Import{% endblock %}

{% block content %}
<h1>Power Connections Import</h1>
<div class="row">
	<div class="col-md-6">
		<form action="." method="post" class="form">
		    {% csrf_token %}
		    {% render_form form %}
            <div class="form-group">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
		</form>
    </div>
    <div class="col-md-6">
		<h4>CSV Format</h4>
		<table class="table">
			<thead>
				<tr>
					<th>Field</th>
					<th>Description</th>
					<th>Example</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>PDU</td>
					<td>Device name or {ID}</td>
					<td>abc1-pdu1</td>
				</tr>
				<tr>
					<td>Power Outlet</td>
					<td>Power outlet name</td>
					<td>AC4</td>
				</tr>
				<tr>
					<td>Device</td>
					<td>Device name or {ID}</td>
					<td>abc1-switch7</td>
				</tr>
				<tr>
					<td>Power Port</td>
					<td>Power port name</td>
					<td>PSU0</td>
				</tr>
				<tr>
					<td>Connection Status</td>
					<td>"planned" or "connected"</td>
					<td>connected</td>
				</tr>
			</tbody>
		</table>
		<h4>Example</h4>
		<pre>abc1-pdu1,AC4,abc1-switch7,PSU0,connected</pre>
	</div>
</div>
{% endblock %}