[{"__symbolic":"module","version":3,"metadata":{"OrderDetailsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"order-details","styles":["\n      .invoice-title h2,.invoice-title h3{display:inline-block}.table>tbody>tr>.no-line{border-top:none}.table>thead>tr>.no-line{border-bottom:none}.table>tbody>tr>.thick-line{border-top:2px solid}\n    "],"template":"\n      <div class=\"container\">\n          <div class=\"row\">\n              <div class=\"col-xs-12\">\n          \t\t<div class=\"invoice-title\">\n          \t\t\t<h2>Invoice</h2><h3 class=\"pull-right\">Order # 12345</h3>\n          \t\t</div>\n          \t\t<hr>\n          \t\t<div class=\"row\">\n          \t\t\t<div class=\"col-xs-6\">\n          \t\t\t\t<address>\n          \t\t\t\t<strong>Billed To:</strong><br>\n          \t\t\t\t\t{{user?.firstName}} {{user?.lastName}}<br>\n          \t\t\t\t\t1234 Main<br>\n          \t\t\t\t\tApt. 4B<br>\n          \t\t\t\t\tSpringfield, ST 54321\n          \t\t\t\t</address>\n          \t\t\t</div>\n          \t\t\t<div class=\"col-xs-6 text-right\">\n          \t\t\t\t<address>\n              \t\t\t<strong>Shipped To:</strong><br>\n          \t\t\t\t\t{{user?.firstName}} {{user?.lastName}}<br>\n          \t\t\t\t\t1234 Main<br>\n          \t\t\t\t\tApt. 4B<br>\n          \t\t\t\t\tSpringfield, ST 54321\n          \t\t\t\t</address>\n          \t\t\t</div>\n          \t\t</div>\n          \t\t<div class=\"row\">\n          \t\t\t<div class=\"col-xs-6\">\n          \t\t\t</div>\n          \t\t\t<div class=\"col-xs-6 text-right\">\n          \t\t\t\t<address>\n          \t\t\t\t\t<strong>Order Date:</strong><br>\n          \t\t\t\t\t{{today | date}}<br><br>\n          \t\t\t\t</address>\n          \t\t\t</div>\n          \t\t</div>\n          \t</div>\n          </div>\n    \n          <div class=\"row\">\n          \t<div class=\"col-md-12\">\n          \t\t<div class=\"panel panel-default\">\n          \t\t\t<div class=\"panel-heading\">\n          \t\t\t\t<h3 class=\"panel-title\"><strong>Order summary</strong></h3>\n          \t\t\t</div>\n          \t\t\t<div class=\"panel-body\">\n          \t\t\t\t<div class=\"table-responsive\">\n          \t\t\t\t\t<table class=\"table table-condensed\">\n          \t\t\t\t\t\t<thead>\n                                      <tr>\n              \t\t\t\t\t\t\t<td><strong>Item</strong></td>\n              \t\t\t\t\t\t\t<td class=\"text-center\"><strong>Price</strong></td>\n              \t\t\t\t\t\t\t<td class=\"text-center\"><strong>Quantity</strong></td>\n              \t\t\t\t\t\t\t<td class=\"text-right\"><strong>Totals</strong></td>\n                                      </tr>\n          \t\t\t\t\t\t</thead>\n          \t\t\t\t\t\t<tbody>\n          \t\t\t\t\t\t\t<!-- foreach ($order->lineItems as $line) or some such thing here -->\n          \t\t\t\t\t\t\t<tr *ngFor=\"let lineItem of shoppingCart?.lineItems\">\n          \t\t\t\t\t\t\t\t<td>{{lineItem.productName}}</td>\n          \t\t\t\t\t\t\t\t<td class=\"text-center\">{{lineItem.unitPrice | currency:'USD':true}}</td>\n          \t\t\t\t\t\t\t\t<td class=\"text-center\">1</td>\n          \t\t\t\t\t\t\t\t<td class=\"text-right\">{{lineItem.unitPrice | currency:'USD':true}}</td>\n          \t\t\t\t\t\t\t</tr>\n          \t\t\t\t\t\t\t<tr>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line\"></td>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line\"></td>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line text-center\"><strong>Total</strong></td>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line text-right\">{{ total | currency:'USD':true}}</td>\n          \t\t\t\t\t\t\t</tr>\n          \t\t\t\t\t\t</tbody>\n          \t\t\t\t\t</table>\n          \t\t\t\t</div>\n          \t\t\t</div>\n          \t\t</div>\n          \t</div>\n          </div>\n      </div>\n    "}]}],"members":{"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"total":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"today":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"OrderDetailsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"order-details","styles":["\n      .invoice-title h2,.invoice-title h3{display:inline-block}.table>tbody>tr>.no-line{border-top:none}.table>thead>tr>.no-line{border-bottom:none}.table>tbody>tr>.thick-line{border-top:2px solid}\n    "],"template":"\n      <div class=\"container\">\n          <div class=\"row\">\n              <div class=\"col-xs-12\">\n          \t\t<div class=\"invoice-title\">\n          \t\t\t<h2>Invoice</h2><h3 class=\"pull-right\">Order # 12345</h3>\n          \t\t</div>\n          \t\t<hr>\n          \t\t<div class=\"row\">\n          \t\t\t<div class=\"col-xs-6\">\n          \t\t\t\t<address>\n          \t\t\t\t<strong>Billed To:</strong><br>\n          \t\t\t\t\t{{user?.firstName}} {{user?.lastName}}<br>\n          \t\t\t\t\t1234 Main<br>\n          \t\t\t\t\tApt. 4B<br>\n          \t\t\t\t\tSpringfield, ST 54321\n          \t\t\t\t</address>\n          \t\t\t</div>\n          \t\t\t<div class=\"col-xs-6 text-right\">\n          \t\t\t\t<address>\n              \t\t\t<strong>Shipped To:</strong><br>\n          \t\t\t\t\t{{user?.firstName}} {{user?.lastName}}<br>\n          \t\t\t\t\t1234 Main<br>\n          \t\t\t\t\tApt. 4B<br>\n          \t\t\t\t\tSpringfield, ST 54321\n          \t\t\t\t</address>\n          \t\t\t</div>\n          \t\t</div>\n          \t\t<div class=\"row\">\n          \t\t\t<div class=\"col-xs-6\">\n          \t\t\t</div>\n          \t\t\t<div class=\"col-xs-6 text-right\">\n          \t\t\t\t<address>\n          \t\t\t\t\t<strong>Order Date:</strong><br>\n          \t\t\t\t\t{{today | date}}<br><br>\n          \t\t\t\t</address>\n          \t\t\t</div>\n          \t\t</div>\n          \t</div>\n          </div>\n    \n          <div class=\"row\">\n          \t<div class=\"col-md-12\">\n          \t\t<div class=\"panel panel-default\">\n          \t\t\t<div class=\"panel-heading\">\n          \t\t\t\t<h3 class=\"panel-title\"><strong>Order summary</strong></h3>\n          \t\t\t</div>\n          \t\t\t<div class=\"panel-body\">\n          \t\t\t\t<div class=\"table-responsive\">\n          \t\t\t\t\t<table class=\"table table-condensed\">\n          \t\t\t\t\t\t<thead>\n                                      <tr>\n              \t\t\t\t\t\t\t<td><strong>Item</strong></td>\n              \t\t\t\t\t\t\t<td class=\"text-center\"><strong>Price</strong></td>\n              \t\t\t\t\t\t\t<td class=\"text-center\"><strong>Quantity</strong></td>\n              \t\t\t\t\t\t\t<td class=\"text-right\"><strong>Totals</strong></td>\n                                      </tr>\n          \t\t\t\t\t\t</thead>\n          \t\t\t\t\t\t<tbody>\n          \t\t\t\t\t\t\t<!-- foreach ($order->lineItems as $line) or some such thing here -->\n          \t\t\t\t\t\t\t<tr *ngFor=\"let lineItem of shoppingCart?.lineItems\">\n          \t\t\t\t\t\t\t\t<td>{{lineItem.productName}}</td>\n          \t\t\t\t\t\t\t\t<td class=\"text-center\">{{lineItem.unitPrice | currency:'USD':true}}</td>\n          \t\t\t\t\t\t\t\t<td class=\"text-center\">1</td>\n          \t\t\t\t\t\t\t\t<td class=\"text-right\">{{lineItem.unitPrice | currency:'USD':true}}</td>\n          \t\t\t\t\t\t\t</tr>\n          \t\t\t\t\t\t\t<tr>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line\"></td>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line\"></td>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line text-center\"><strong>Total</strong></td>\n          \t\t\t\t\t\t\t\t<td class=\"thick-line text-right\">{{ total | currency:'USD':true}}</td>\n          \t\t\t\t\t\t\t</tr>\n          \t\t\t\t\t\t</tbody>\n          \t\t\t\t\t</table>\n          \t\t\t\t</div>\n          \t\t\t</div>\n          \t\t</div>\n          \t</div>\n          </div>\n      </div>\n    "}]}],"members":{"shoppingCart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"user":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"total":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"today":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}]}}}}]