{% extends "issues/index.html" %}
{% load bootstrap3 %}
{% load i18n %}

{% block nav %}
    <li class="active"><a href="#">{% trans "Product" %}</a></li>
    <li><a href="#">{% trans "Issue" %}</a></li>
    <li><a href="#">{% trans "Your info" %}</a></li>
    <li><a href="#">{% trans "Done" %}</a></li>
{% endblock nav %}

{% block main %}
<h2>1. {% trans "Product" %}</h2>
<p>Let's start by identifying your device. Please enter your <a href="http://support.apple.com/kb/HT1349" target="_blank">serial number</a> or click Skip.</p>
<form method="post" action="{% url 'issues-warranty' %}">
    {% csrf_token %}
    {% bootstrap_form form %}
    <div class="form-group">
        <a href="{% url 'issues-choose_device' %}" class="btn btn-default">{% trans "Skip" %}</a>
    </div>
</form>
{% endblock main %}