{% load humanize %}
<div class="row ml-1 mt-3 mb-0"><h4>Ship Order Detail</h4></div>
<div class="row ml-2 no-gutters">
    <div class="col">
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Release:</div>
            <div class="col-7 d-flex align-items-end">{{ ship_order_record.release }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Order Date:</div>
            <div class="col-7 d-flex align-items-end">{{ ship_order_record.order_date }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Customer:</div>
            <div class="col-7 d-flex align-items-end">{{ ship_order_record.customer }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Planned Date:</div>
            <div class="col-7 d-flex align-items-end">{{ ship_order_record.planned_date }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-5 font-weight-bolder">Carrier:</div>
            <div class="col-7 d-flex align-items-end">{{ ship_order_record.carrier }}</div>
        </div>
    </div>
    <div class="col">
        <div class="row no-gutters">
            <div class="col font-weight-bolder">Ship To:</div>
        </div>
        <div class="row no-gutters">
            <div class="col-7 d- flex align-items-end">{{ ship_order_record.ship_to.name }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-7 d- flex align-items-end">{{ ship_order_record.ship_to.full_name }}</div>
        </div>
        <div class="row no-gutters">
            <div class="col-7 d- flex align-items-end">{{ ship_order_record.ship_to.city }}, {{ ship_order_record.ship_to.state_prov }}  {{ ship_order_record.ship_to.zip_code }}</div>
        </div><div class="row no-gutters">
            <div class="col-7 d- flex align-items-end">{{ ship_order_record.ship_to.country }}</div>
        </div><div class="row no-gutters">
            <div class="col-7 d- flex align-items-end">{{ ship_order_record.ship_to.phone }}</div>
        </div><div class="row no-gutters">
            <div class="col-7 d- flex align-items-end">{{ ship_order_record.ship_to.description }}</div>
        </div>
    </div>
</div>
<div class="row"><h5>Ship Transaction Detail</h5></div>
<div class="row">
    <div class="col font-weight-bolder">Line</div>
    <div class="col font-weight-bolder">Item</div>
    <div class="col font-weight-bolder">Lot</div>
    <div class="col font-weight-bolder">Qty</div>
    <div class="col font-weight-bolder">Rev/Lb</div>
    <div class="col font-weight-bolder">STS</div>
</div>
{% for transaction in transactions %}
<div class="row">
    <div class="col">{{ transaction.line }}</div>
    <div class="col">{{ transaction.item.name }}</div>
    <div class="col">{{ transaction.lot }}</div>
    <div class="col">{{ transaction.qty }}</div>
    <div class="col">{{ transaction.rev_lb }}</div>
    <div class="col">{{ transaction.sts }}</div>
</div>
{% endfor %}