<?php if(isset($_GET['id'])) { $order_id = $_GET['id']; $sqlInvoice = mysqli_query($cn,"select * from `tbl_custom_order` where `id`='".$order_id."'"); $sqlInvoiceData = mysqli_fetch_array($sqlInvoice); } ?> <div class="col-lg-12 grid-margin stretch-card"> <div class="card"> <div class="card-header bg-transparent header-elements-inline"> <h6 class="card-title">Custom Order Detail</h6> <div class="header-elements"> <div class="header-elements"> <button type="button" class="btn btn-light btn-sm ml-3" onclick='printDiv();'><i class="icon-printer mr-2"></i> Print</button> </div> </div> </div> <div class="card-body" id="DivIdToPrint"> <style type="text/css" media="all"> @import "css/style.css"; </style> <style> .img-wrap { position: relative; display: inline-block; border: 1px red solid; font-size: 0; } .img-wrap .close { position: absolute; top: 2px; right: 2px; z-index: 100; background-color: #FFF; padding: 5px 2px 2px; color: #000; font-weight: bold; cursor: pointer; opacity: .2; text-align: center; font-size: 22px; line-height: 10px; border-radius: 50%; } .img-wrap:hover .close { opacity: 1; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 15rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; list-style-type: none; background-color:#fff; background-clip: padding-box; border: 1px solid #f2f2f2; border-radius: 0.25rem; } .btn-group > .btn:first-child { margin-left: 0; width:225px; } .setDefault{ font-size: 12px; position: absolute; margin: 120px 0px 0px 38px; padding: 5px; } </style> <style> .table thead th { vertical-align: bottom; border: 1px solid #000; } .table th, .table td { padding: 10px 3px; vertical-align: top; border: 1px solid #000; } </style> <div class="d-md-flex flex-md-wrap"> <div class="mb-4 mb-md-2"> <span class="text-muted">CUSTOMR DETAIL</span> <ul class="list list-unstyled mb-0"> <p class="my-2"><strong>ORDER DATE : </strong> <?php echo date('d-m-Y', strtotime($sqlInvoiceData['date']));?></span></p> <p class="my-2"><strong>NAME : </strong> <?php echo $sqlInvoiceData['name'];?></span></p> <p class="my-2"><strong>EMAIL : </strong> <?php echo $sqlInvoiceData['email'];?></span></p> <p class="my-2"><strong>MOBILE : </strong> <?php echo $sqlInvoiceData['isd_code'].$sqlInvoiceData['phone'];?></span></p> <p class="my-2"><strong>JEWELLERY TYPE : </strong> <?php echo $sqlInvoiceData['jewellery_type'];?></span></p> <span class="text-muted">COMMENTS / REMARK</span> <p class="my-2"><?php echo $sqlInvoiceData['short_description'];?></span></p> <p class="my-2"><strong>Ref. Link : </strong> <a href="<?php echo $sqlInvoiceData['ref_link'];?>" target="_blank"><?php echo $sqlInvoiceData['ref_link'];?></a></p> <span class="text-muted">ATTACHMENTS</span> </ul> <div class="row"> <?php if(!empty($sqlInvoiceData['attachment'])) { $productImage = explode("$",$sqlInvoiceData['attachment']); $loop = 1; foreach($productImage as $pI) { if(!empty($pI)) {?> <div class="col-md-3"> <div class="form-group img-wrap"> <img src="../attachment/<?php echo $pI;?>" width="150" height="150"/> </div> </div> <?php $loop++; } } } ?> </div> </div> </div> </div> </div> </div> <style> .text-muted, .preview-list .preview-item .preview-item-content p .content-category{color:#000 !important;font-weight:600;} </style> <script> function printDiv() { var divToPrint=document.getElementById('DivIdToPrint'); var newWin=window.open('','Print-Window'); newWin.document.open(); newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>'); newWin.document.close(); setTimeout(function(){newWin.close();},10); } </script>