<ol class="breadcrumb">
	<li><a href="#/">Dashboard</a></li>
	<li><a href="#/products">Products</a></li>
	<li class="active">Product Details</li>
</ol>

<div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<tabset tab-theme="orange" tab-position="top">
				<tab heading="General Information">
					<p ng-if="vm.product.image_full" class="text-center">
						<img ng-src="{{vm.product.image_full}}" class="img-circle" />
					</p>
					<table class="table">
						<tbody>
							<tr>
								<th width="15%">Category:</th>
								<td>
									<a href="#/product-categories/{{vm.product.product_category.id}}">
										{{vm.product.product_category.name}}
									</a>
								</td>
							</tr>
							<tr>
								<th>Name:</th>
								<td>{{vm.product.name}}</td>
							</tr>
							<tr ng-if="vm.product.sku">
								<th>SKU:</th>
								<td>{{vm.product.sku}}</td>
							</tr>
							<tr ng-if="vm.product.cost">
								<th>Cost Price:</th>
								<td>{{vm.product.cost | currency: "$"}}</td>
							</tr>
							<tr>
								<th>Base Price:</th>
								<td>{{vm.product.price | currency: "$"}}</td>
							</tr>
							<tr ng-if="vm.product.description">
								<th>Description:</th>
								<td>{{vm.product.description}}</td>
							</tr>
							<tr ng-if="vm.product.quickbooks_id">
								<th>Quickbooks ID:</th>
								<td>{{vm.product.quickbooks_id}}</td>
							</tr>
						</tbody>
					</table>
				</tab>
				<li class="tab-controls dropdown" dropdown>
					<a class="dropdown-toggle" dropdown-toggle>
						<i class="ti ti-settings"></i>&nbsp;&nbsp;Actions&nbsp;&nbsp;<span class="caret"></span>
					</a>
					<ul class="dropdown-menu pull-left">
						<li><a href="#/products/{{vm.product.id}}/edit">Edit</a></li>
						<li><a ng-click="vm._destroy(vm.product.id)">Delete</a></li>
						<li class="divider"></li>
						<li>
							<a ng-click="vm._sendToQuickbooks(vm.product.id)">
								<span ng-if="vm.product.quickbooks_id">Update To Quickbooks</span>
								<span ng-if="!vm.product.quickbooks_id">Add To Quickbooks</span>
							</a>
						</li>
					</ul>
				</li>
			</tabset>
		</div>
	</div>
</div>
