<?php $__env->startSection('middle'); ?>
<div class="page-head_agile_info_w3l">
</div>
<!-- //banner-2 -->
<!-- page -->
<div class="services-breadcrumb">
<div class="agile_inner_breadcrumb">
<div class="container">
<ul class="w3_short">
<li>
<a href="<?php echo e(url('/')); ?>">Home</a>
<i>|</i>
</li>
<li>Order Detail</li>
</ul>
</div>
</div>
</div>
<style>
table {
width: 750px;
border-collapse: collapse;
margin:50px auto;
}
/* Zebra striping */
tr:nth-of-type(odd) {
/*background: #eee;*/
}
th {
background: #3498db;
color: white;
font-weight: bold;
}
td, th {
padding: 10px;
border: 1px solid #ccc;
text-align: left;
font-size: 18px;
}
/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
table {
width: 100%;
}
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; }
td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
/* Label the data */
content: attr(data-column);
color: #000;
font-weight: bold;
}
}
</style>
<table style="width: 80%;">
<thead>
<tr>
<th>Sr #</th>
<th>Product Name</th>
<th>Product Image</th>
<th>Quantity</th>
<th>Size/Volume</th>
<th>Price</th>
</tr>
</thead>
<tbody>
<?php $count=1; ?>
<?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<tr>
<td data-column="Sr #"><?php echo e($count); ?></td>
<td data-column="Product Name"><?php echo e($product->product_name); ?></td>
<td data-column="Product Image">
<?php
$check = DB::table('product_images')->where('product_id',$product->product_id)->take(1)->get();
?>
<?php if(count($check)>0): ?>
<img style="width: 100px; height: 100px" src="<?php echo e(url('public/uploads/products')); ?>/<?php echo e($check[0]->image_name); ?>" >
<?php endif; ?>
</td>
<td data-column="Quantity"><?php echo e($product->quantity); ?></td>
<td data-column="Size/Volume"><?php echo e($product->secondquantity); ?><?php echo e($product->unit); ?></td>
<td data-column="Price"><?php echo e($product->amount); ?></td>
</tr>
<?php $count=$count+1; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</tbody>
</table>
</main>
<script>
$(document).ready(function(){
$('.password-toggle').on('click',function(){
$('#AddressNewForm').show();
});
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('general.head', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]