
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#view_{{ $value->poid }}">Details</button>

<!-- Modal -->
<div id="view_{{ $value->poid }}" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">

<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Print Version Order Details</h4>
</div>
<div class="modal-body pre-scrollable">

 <div class="row">			
 <div class="col-md-12"> 	
 Book Detail:	<h2>{{ $value->book_title }}</h2><br> 		 		
 <a target="_blank" href="https://www.eurekaselect.com/ebook_volume/{{$value->ebook_volume_id}}">Volume Detail</a> 	
 </div>	
	<div class="col-md-6">
<h3>Billing Address</h3>
<table class="table table-striped border">	
	<tr><th width="40%">First Name:</th><td width="60%">{{ $value->fname }}</td></tr>
	<tr><th width="40%">Last Name:</th><td width="60%">{{ $value->lname }}</td></tr>
	<tr><th width="40%">Address:</th><td width="60%">{{ $value->address }}</td></tr>
	<tr><th width="40%">City:</th><td width="60%">{{ $value->city }}</td></tr>
	<tr><th width="40%">State/Province:</th><td width="60%">{{ $value->state }}</td></tr>
	<tr><th width="40%">Zip/Postal Code:</th><td width="60%">{{ $value->zip_code }}</td></tr>
	<tr><th width="40%">Country:</th><td width="60%">{{ $value->country }}</td></tr>
	<tr><th width="40%">Phone:</th><td width="60%">{{ $value->phone }}</td></tr>
	<tr><th width="40%">Email:</th><td width="60%">{{ $value->email }}</td></tr>
	<tr><th width="40%">Order Type:</th><td width="60%">{{ $value->order_type }}</td></tr>
	<tr><th width="40%">No. of Print Copies:</th><td width="60%">
		@if($value->print_copies != "0") {{ $value->print_copies }} @else More Than 5 @endif
												 </td>
</tr>
	@if(!empty($value->print_promocode))
	<tr><th width="40%">Ebook Actual Price:</th><td width="60%">$ {{ $value->actual_amount }}</td></tr>
	<tr><th width="40%">Promo Code:</th><td width="60%">{{ $value->print_promocode }}</td></tr>
	<tr><th width="40%">Discount Percentage:</th><td width="60%">{{ $value->discount_rate }}%</td></tr>
	@endif
	@if(!empty($value->shipment_amount))
	<tr><th width="40%">Shipment Price:</th><td width="60%"><strong>$</strong> {{ $value->shipment_amount }}</td></tr>
	@endif
	@if(!empty($value->amount))
	<tr><th width="40%">Total Amount:</th><td width="60%"><strong>$</strong> {{ $value->amount }}</td></tr>
	@endif
</table>

</div>
<div class="col-md-6">
<h3>Shipping Address</h3>
<table class="table table-striped border">	
	<tr><th width="40%">First Name:</th><td width="60%">{{ $value->fname }}</td></tr>
	<tr><th width="40%">Last Name:</th><td width="60%">{{ $value->lname }}</td></tr>
	<tr><th width="40%">Address:</th><td width="60%">{{ $value->address }}</td></tr>
	<tr><th width="40%">City:</th><td width="60%">{{ $value->city }}</td></tr>
	<tr><th width="40%">State/Province:</th><td width="60%">{{ $value->state }}</td></tr>
	<tr><th width="40%">Zip/Postal Code:</th><td width="60%">{{ $value->zip_code }}</td></tr>
	<tr><th width="40%">Country:</th><td width="60%">{{ $value->country }}</td></tr>
	<tr><th width="40%">Phone:</th><td width="60%">{{ $value->phone }}</td></tr>
	<tr><th width="40%">Email:</th><td width="60%">{{ $value->email }}</td></tr>
	
</table>
</div>
@if(isset($value->comments))
<div class="col-md-6">
<h3>Others</h3>
<table class="table table-striped border">	
	<tr><th width="40%">Comments:</th><td width="60%">{{ $value->comments }}</td></tr>
</table>
</div>
@endif
</div>


</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>

</div>
</div>
</div>
