<div class="modal-dialog modal-xl" style="width: 70%;" role="document">
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close no-print" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<h4 class="modal-title" id="modalTitle">{{$product->title}}</h4>
		</div>
		<div class="modal-body">
			<div class="row">
				<div class="col-sm-8">
					<div class="col-sm-4 invoice-col">
						<b>@lang('product.sku'):</b>
						{{$product->seller_sku }}<br>
						<b>@lang('product.barcode'): </b>
						{{$product->barcode ?? ' ' }}<br>
						<b>@lang('product.store'): </b>
						{{$product->vendor ?? ' ' }}<br>
						<b>@lang('product.item_condition'): </b>
						{{$product->metafield_condition ?? ' ' }}
					</div>

					<div class="col-sm-4 invoice-col">
						<b>@lang('product.category'): </b>
						{{$product->category ?? ' ' }}<br>
						<b>@lang('lang_v1.publisher'): </b>
						{{$product->metafield_publisher ?? ' ' }}<br>
						<b>@lang('lang_v1.number_of_pages'): </b>
						{{ $product->metafield_print_length ?? ' '}}
            <b>@lang('product.price'): </b>
            {{$product->price ?? ' ' }}<br>
					</div>

					<div class="col-sm-4 invoice-col">
						<b>@lang('product.qty'): </b>
						{{$product->qty ?? ' ' }}<br>
						<b>@lang('lang_v1.binding'): </b>
						{{$product->metafield_material_type ?? ' ' }}<br>
						<b>ISBN13: </b>
						{{$product->metafield_isbn13 ?? ' ' }}
					</div>

					<div class="clearfix"></div>
					<br>
					<div class="col-sm-12">
						<b>@lang('product.description'): </b>
						{!! $product->description !!}
					</div>
				</div>
				<div class="col-sm-4 col-md-4 invoice-col text-center">
					<div class="thumbnail">
						<img src="{{$product->image ? $product->image : asset('img/no_img.png') }}" alt="Product image" style="width: 100%; height: 100%">
					</div>
				</div>
			</div>
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-primary no-print"
				aria-label="Print"
				onclick="$(this).closest('div.modal').printThis();">
				<i class="fa fa-print"></i> @lang( 'messages.print' )
			</button>
			<button type="button" class="btn btn-default no-print" data-dismiss="modal">@lang( 'messages.close' )</button>
		</div>
	</div>
</div>