{{ $context := . }}

<table class="table table-sm table-striped table-bordered">
    <thead>
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Address</th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    {{ range $context.Orders }}
    <tr>
        <td>{{ .Id }}</td>
        <td>{{ .Name }}</td>
        <td>{{ .StreetAddr }}, {{ .City }} , {{ .State }} , {{ .Country }}, {{ .Zip }}</td>
        <td class="text-center">
            <form method="post" action="{{ $context.CallbackUrl }}">
                <input type="hidden" name="id" value="{{ .Id }}"/>
                {{ if .Shipped }}
                <button type="submit" class="btn btn-sm btn-warning">Ship Order</button>
                {{ else }}
                <button type="submit" class="btn btn-sm btn-danger">Mark Unshipped</button>
                {{ end }}
            </form>
        </td>
    </tr>

    <tr>
        <th colspan="2"></th>
        <th>Quantity</th>
        <th>Product</th>
    </tr>

    {{ range .Products }}
    <tr>
        <td colspan="2"></td>
        <td>{{ .Quantity }}</td>
        <td>{{ .Product.Name }}</td>
    </tr>
    {{ end }}

    {{ end }}
    </tbody>
</table>