<div class="ecp-list-item" data-ecp-id="{message:order_id}" role="listitem">
  <div class="ecp-card-topper ecp-clearfix">
    <span>{datetime:order_date} - {message:order_status}</span>
    <span class="ecp-right">{message:Orders/Order} {message:order_id}</span>
  </div>
  <div class="ecp-card">
    <div data-ecp-handle="pickup">
      <h4>{message:Orders/PickupHeader} {message:pickup_first_name} {message:pickup_last_name}</h4>
      <dl class="ecp-address">
        <dt data-ecp-handle="company_name">{message:shipment_company_name}</dt>
        <dd>{message:shipment_address_line_1}</dd>
        <dd data-ecp-handle="address_line_2">{message:shipment_address_line_2}</dd>
        <dd>{message:shipment_city}, <span data-ecp-handle="state_code">{message:shipment_state_code}</span><span data-ecp-handle="region">{message:shipment_region}</span> {message:shipment_postal_code}<span  data-ecp-handle="zip_extension">-{message:shipment_zip_extension}</span></dd>
        <dd>{message:shipment_country_name}</dd>
        <dd data-ecp-handle="phone">{message:Orders/Phone} {message:shipment_phone}</dd>
      </dl>
    </div>
    <div data-ecp-handle="shipment">
      <h4>{message:Orders/ShipmentHeader}</h4>
      <dl class="ecp-address">
        <dt>{message:shipment_first_name} {message:shipment_last_name}</dt>
        <dd data-ecp-handle="company_name">{message:shipment_company_name}</dd>
        <dd>{message:shipment_address_line_1}</dd>
        <dd data-ecp-handle="address_line_2">{message:shipment_address_line_2}</dd>
        <dd>{message:shipment_city}, <span data-ecp-handle="state_code">{message:shipment_state_code}</span><span data-ecp-handle="region">{message:shipment_region}</span> {message:shipment_postal_code}<span  data-ecp-handle="zip_extension">-{message:shipment_zip_extension}</span></dd>
        <dd>{message:shipment_country_name}</dd>
        <dd data-ecp-handle="phone">{message:Orders/Phone} {message:shipment_phone}</dd>
      </dl>
    </div>
    <div class="ecp-clearfix">
      <span class="ecp-right"><a href="#" data-ecp-action="view-order">{message:Orders/ViewLink}</a></span>
      {currency:order_total} - {message:order_billing_status}
    </div>
  </div>
</div>