{% extends 'base.html.twig' %}

{% block title %}Hello CustomerController!{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div class="example-wrapper">
    <h1>Customer Data</h1>
    <ul>
        <li>First Name: {{customer.firstName}}</li>
        <li>Last Name: {{customer.lastName}}</li>
        <li>Nickname: {{customer.nickname}}</li>
        </ul>
    <h2>Plushies</h2>
    <ul>
        {% for plushie in customer.plushies %}
            <li>{{plushie.name}}</li>
        {% endfor %}
    </ul>
</div>
{% endblock %}