{% extends "issues/index.html" %}
{% 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 %}
    <div class="row">
        <div class="col-md-5">
            <img src="http://service.info.apple.com/parts/service_parts/products/imac_27_mid2011.jpg" alt="iMac (27-inch, Mid 2011)" title="iMac (27-inch, Mid 2011)">
        </div>
        <div class="col-md-7">
            <div style="padding: 20px">
                <h3>iMac (27-inch, Mid 2011)</h3>
                <dl class="dl-horizontal">
                    <dt>{% trans "Warranty" %}</dt>
                    <dd>Out Of Warranty (No Coverage)</dd>
                    <dt>{% trans "Purchased" %}</dt>
                    <dd>2.6.2011, Sweden</dd>
                    <dt>{% trans "Serial Number" %}</dt>
                    <dd>DGKFL06JDHJP</dd>
                    <dt>{% trans "Configuration" %}</dt>
                    <dd>IMAC 27"/2.7QC/2X2GB/1TB/6770M</dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12 text-center">
            <a class="btn btn-primary" href="{% url 'issues-details' %}">{% trans "Continue" %}</a>
        </div>
    </div>
{% endblock main %}