

<?php $__env->startSection('content'); ?>

    <div class="card mb-4" style="text-align: center;">
           
        <div id="printableArea" style="height: 100%;" >
            <style>
                body
                {
                    font-size:15px;
                    font-family: 'Roboto', sans-serif;
                }
                .table1 {
                  border-collapse: collapse;
                }
                
                .table1, .th1, .td1 {
                  border: 1px solid black;
                }
            
                h1,h2,h3,h4,h5,h6,p {
                    margin: 5;
                }
            
                .result-table {
                    width: 100%;
                    margin-top: 10px;
                }
            
                .result-table th {
                    height: 50px;
                    border-bottom: 1px solid #ddd;
                    border-left: 1px solid #ddd;
                }
            
                 .result-table td {
                    border-bottom: 1px solid #ddd;
                    border-left: 1px solid #ddd;
                    padding: 5px;
                }
                
                .btn-part {
                    
                }
            
                .btn-print{
                   padding:18px 30px;
                   border-color:black;
                   background-color:inherit;
                   border-radius:40px;
                   margin-top: 10px;
               }
               .btn-print:hover{
                   padding:18px 30px;
                   color:white;
                   background-color:black;
                   border-radius:40px;
                   cursor: pointer;
               }
                
                
               @page  {
            }
            </style>
            <script>
            function printDiv(divName) {
             var printContents = document.getElementById(divName).innerHTML;
             var originalContents = document.body.innerHTML;
            
             document.body.innerHTML = printContents;
            
             window.print();
            
             document.body.innerHTML = originalContents;
             
            }
            </script> 
            <div style="padding:5px;" >
       
                <!-------------------  HEAD  -------------------------------------->
                <div style="border:double; padding: 10px; width: 100%; float: left;">
                    <table style="width:100%; border-bottom: 2px solid #ddd; padding-bottom:10px;">
                        <tr>
                            <?php $__currentLoopData = $CompanyDetails; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $CompanyDetail): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <td style="width: 20%;">
                                <img src="<?php echo e(asset('storage/CompanyDetail/Logo/'.$CompanyDetail->logo)); ?>" style="width:150px;">
                            </td>
                            <td style="width:80%;">
                                <h1><?php echo e($CompanyDetail->title); ?></h1>
                                <p><?php echo e($CompanyDetail->tagline); ?></p>
                                <p><?php echo e($CompanyDetail->address); ?></p>
                                <p><?php echo e($CompanyDetail->email); ?></p>
                                <p><?php echo e($CompanyDetail->phone); ?></p>
                            </td>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </tr>
                    </table>

                    <table style="width:100%; margin-top:10px; table-layout: fixed; text-align:center; border-bottom:1px double #ddd;">
                    <tr style="text-align:center">
                        <td></td>
                        <td><h2>ORDER TOCKEN</h2></td>
                        <td></td>
                    </tr>
                       
                        <tr>
                                <td>
                                    <b>Customer: <?php echo e($Order->user->name); ?></b>
                                </td>
                                <td>
                                    <?php if($Order->user->mobile): ?>
                                        <b>Mobile: <?php echo e($Order->user->mobile->mobile); ?></b>

                                    <?php else: ?>
                                        <b>Mobile: </b>
                                    <?php endif; ?>
                                </td>
                                <td>
                                    <?php if($Order->user->mobile): ?>
                                        <img width="100px" src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&amp;data=ID%3A+<?php echo e($Order->id); ?>%0D%0AName%3A+<?php echo e($Order->user->name); ?>%0D%0AMobile%3A+<?php echo e($Order->user->mobile->mobile); ?>"/>
                                    <?php else: ?>
                                        <img width="100px" src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&amp;data=ID%3A+<?php echo e($Order->id); ?>%0D%0AName%3A+<?php echo e($Order->user->name); ?>%0D%0AMobile%3A+Not registered"/>
                                    <?php endif; ?>
                                </td>
                        </tr>
                        <tr style="line-height: 30px;">
                            <td>
                                <b>Order No.: <?php echo e($Order->id); ?></b>
                            </td>
                            <td>
                                <?php $Orderdate = date("F j, Y",strtotime($Order->orderdt));?>
                                <?php $Deliverydate = date("F j, Y",strtotime($Order->deliverydt));?>
                                <b>Order Date: <?php echo e($Orderdate); ?></b>
                            </td>
                            <td>
                                <b>Delivery Date: <?php echo e($Deliverydate); ?></b> 
                            </td>
                        </tr>
                    </table>
                    <table class="result-table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Product</th>
                                <th>Services</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php $si=0; ?>
                            <?php $__currentLoopData = $Order->order_products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $OrderProduct): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <?php if($OrderProduct->order_product_services): ?>
                                    <?php $__currentLoopData = $OrderProduct->order_product_services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $OrderProductService): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <tr>
                                        <td><?php echo e(++$si); ?></td>
                                        <td><?php echo e($OrderProductService->product_service->product->title); ?></td>
                                        <td><?php echo e($OrderProductService->product_service->serviceType->title); ?></td>
                                    </tr>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                <?php endif; ?>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            
                        </tbody>   
                    </table>
                   
                </div>


            </div>
        </div>
        <div class="btn-part">
            <input type="button" onclick="printDiv('printableArea')" value="Print Form" class="btn btn-print" />
        </div>
        <div class="pull-right">
            <a href="<?php echo e(route('ServiceDone')); ?>"><button class="btn btn-primary mt-3 mb-3">Done</button></a>
        </div>
    </div><!--.card-->
    

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.adminapp', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/exouzia1/public_html/tailor/resources/views/ServiceRegistration/Tocken.blade.php ENDPATH**/ ?>