@extend('layout.tpl.php')

@block('content')
<div ng-controller="OrderController">

	<h3>Order id : </h3>
	<hr />
	<div class="row">
		<div class="col-md-12">
			
			<div class="row">
				<div class="col-md-12">	

			<div class="row">
				<div class="col-md-6">
			
			<div class="well">
					<strong>Order details ()</strong>				
					<div class="row">
						<div class="col-md-4">Sub-total</div>
						<div class="col-md-4 text-right">0.00 </div>
					</div>							
					<div class="row">
						<div class="col-md-4">Postage</div>
						<div class="col-md-4 text-right">0.00 </div>
					</div>			
					<hr />
					<div class="row">
						<div class="col-md-4">Total price</div>
						<div class="col-md-4 text-right"><strong>0.00 </strong></div>
					</div>				
				</div>
					

						</div>
			
				<div class="col-md-6">
				

															<div class="row">
						<div class="col-md-5">
							<label style="margin-top: 10px">Payment status</label>
						</div>						
						<div class="col-md-7">
							<select class="form-control" ng-model="order.payment_status">
								<option value="paid">Paid</option>
								<option value="cancelled">Cancelled</option>
								<option value="awaiting_payment">Awaiting Payment</option>
								<option value="refunded">Refunded</option>
							</select>							
						</div>
					</div>		
					<br />
					<div class="row">
						<div class="col-md-5">
							<label style="margin-top: 10px">Fullfilment status</label>
						</div>						
						<div class="col-md-7">
							<select class="form-control" ng-model="order.fulfillment_status">
								<option value="awaiting_processing">Awaiting Processing</option>
								<option value="processing">Processing</option>
								<option value="shipped">Shipped</option>
								<option value="ready_for_pickup">Ready for pick-up</option>
								<option value="delivered">Delivered</option>
								<option value="will_not_deliver">Will Not Deliver</option>
								<option value="returned">Returned</option>
							</select>
						</div>
					</div>
					
					<br />
					<div class="row">
						<div class="col-md-12">
							<strong>Notes</strong>
							<textarea class="form-control" ng-model="order.notes"></textarea>
						</div>
					</div>					
					<br />
					<div class="row">
						<div class="col-md-12">
							<a href="" ng-show="savingNotes" class="btn btn-primary btn-sm pull-right">Saving...</a>
							<a href="" ng-hide="savingNotes" ng-click="saveNotes()" class="btn btn-primary btn-sm pull-right">Save</a>
						</div>
					</div>


				</div>
				</div>
					<hr />
								
				<div class="row">
					
					<div class="col-md-12">
						<div class="panel panel-default">
  							<div class="panel-heading">Order items</div>
  								<div class="panel-body">
								<table class="table table-striped">
							      <thead>
							        <tr>
							          <th>Product</th>
							          <th>Qty</th>
							          <th>Price</th>
							          <th>Total</th>
							        </tr>
							      </thead>
							      <tbody>
							      								      </tbody>
								</table>
							</div>
						</div>
					</div>

				</div>
					
				</div>		
				</div>		
			
		</div>		
		</div>		
		<hr />
		<div class="row">



			<div class="col-md-6">
						
		<div class="well">
			<strong>Payment details</strong>
				
										<div class="row">
						<div class="col-md-4">Type: </div>
						<div class="col-md-6"></div>
					</div>
					
			</div>
				

			</div>
			
						<div class="col-md-6">
					<div class="well">
					<strong>Shipping details</strong>
					<div class="row">
						<div class="col-md-12">
						<br />
						<br />
						<br />
						<br />
						<br />
						<br />
						</div>
					</div>	
			</div>
			</div>
			

			</div>

		</div>
	</div>
</div>
<script>
    var canvas = null;
</script>

<script>
(function(c){var b,d,e,f,g,h=c.body,a=c.createElement("div");a.innerHTML='<span style="'+["position:absolute","width:auto","font-size:128px","left:-99999px"].join(" !important;")+'">'+Array(100).join("wi")+"</span>";a=a.firstChild;b=function(b){a.style.fontFamily=b;h.appendChild(a);g=a.clientWidth;h.removeChild(a);return g};d=b("monospace");e=b("serif");f=b("sans-serif");window.isFontAvailable=function(a){return d!==b(a+",monospace")||f!==b(a+",sans-serif")||e!==b(a+",serif")}})(document);
		
var cart = null;
var fonts_required = null;
var print_format = '';
function OrderController($scope, $http, $q, $interval, $modal) {
	window.scope = $scope;
	$scope.designerWidth = 460;
	$scope.designerHeight = 460;
	$scope.order = {};
	$scope.order.id = ;
	$scope.order.dispatched = ;
	$scope.order.payment_status = '';
	$scope.order.fulfillment_status = '';
	$scope.order.notes = '';
	
	$scope.fonts_loaded = [];
	$scope.preloadFonts = function(){
    	var deferred = $q.defer();

		var self = this;
		
		if(_.size(fonts_required) == 0) {
			deferred.resolve($scope.fonts_loaded);
		}

    	_.each(fonts_required, function(font) {
			console.log(font);
			if (!isFontAvailable(font.regular.fontface)) {

				$('head').append('<link rel="stylesheet" type="text/css" href="