@extends('layouts/pos_layout')
@section('title', '| '.$moduleTitle)
@section('content')
    @include('successMsg')

    <style>
        .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfood > tr > td, .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfood > tr > th {
            border-color: #696969 !important;
        }
        .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfood > tr > th, .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfood > tr > th {
            border-color: #696969 !important;
        }
        .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top-color: #000 !important;}
        .application-header p {
            color:#000 !important;
        }
    </style>

    <div class="row add-data-form" style="height:100%">
        <div class="col-md-12">
            <div class="col-md-1"></div>
            <div class="col-md-10 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <a href="{{ route('pos_order_list') }}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>Order List</a>
                    <button type="button" class="btn btn-primary" onclick='printDiv();' id="print">Print</button>
                    &nbsp;&nbsp;&nbsp;

                </div>
                <div class="ordersInvoice" id="ordersInvoice" style="font-size:12px;position: relative;">
                    <br>
                    <div class="application-header">
                        <br />
<b>Warning</b>:  Undefined variable $ordBillNo in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>35</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>36</b><br />
<br />
<b>Warning</b>:  Attempt to read property "toSupplier" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>36</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>37</b><br />
<br />
<b>Warning</b>:  Attempt to read property "toSupplier" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>37</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Attempt to read property "toSupplier" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>38</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Attempt to read property "toSupplier" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>39</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Attempt to read property "toSupplier" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>40</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>41</b><br />
<br />
<b>Warning</b>:  Attempt to read property "toSupplier" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>41</b><br />
                        <div style="display: flex; justify-content: space-between; align-items: center;">
                            <div>
                                <p><b>Ref No: N/A/2026/</b></p>
                                <p>22-July-2026</p>
                                <div class="supplier-info">
                                    <div class="supplier-address">
                                        <span>N/A</span><br>
                                        <span>N/A</span><br>
                                        <span>E-mail: N/A</span>
                                    </div><br>
                                    <div class="supplier-atten">
                                        <span><b>Atten: N/A</b></span><br>
                                        <span><b>Atten: N/A</b></span>
                                    </div>
                                    <br>
                                    <div class="order-subject">
                                        <p>Sub: Supply order of N/A Product for <br />
<b>Warning</b>:  Undefined variable $company in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>59</b><br />
<br />
<b>Warning</b>:  Attempt to read property "name" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>59</b><br />
 Branches.</p>
                                    </div>
                                    <div class="application-addressing">
                                        Dear Sir,<br>
                                        Pursuant to the discussion between ourselves and also taking into cognizance the contents of your offer letter we are pleased to place here with this work order with the specifications and terms and conditions as appended here under:-
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="text-align: right;position: absolute;right: 0;top: 0;display: none;" id="companyLogoDiv">
                        <img src="{{ asset('images/company/' . $company->image) }}" style="height: 50px; width:auto;"><br/>
                        {{-- <p style="margin-top: 10px; font-weight: bold;">{{ $company->name }}</p> --}}
                        <span style="font-size:12px;">{{ $company->address }}</span><br/>
                        <span style="font-size:12px;"><b>Hello:</b>{{ $company->phone }},{{ $company->telephone }}</span><br/>
                        <span style="font-size:12px;"><b>Email:</b>{{ $company->email }}</span><br/>
                        <span style="font-size:12px;"><b>Web:</b>{{ $company->website }}</span><br/>
                    </div>

                    <h3 class="text-center customerCopy"><b><u>Order Details</u></h3>

                    <table class="table table-bordered vert-offset-top-1" cellspacing="0" cellpadding="0" border="0" style="font-size:12px;">
                        <thead>
                            <tr class="info">
                                <th width="5%" style="padding:0;"><b>SL NO.</b></th>
                                <th width="20%" class="text-left" style="padding:0;"><b>Product Description</b></th>
                                <th width="5%" class="text-center" style="padding:0;"><b>Qnt.</b></th>
                                {{-- <th width="10%" class="text-center" style="padding:0;"><b>Unit Price</b></th>
                                <th width="20%" class="text-center" style="padding:0;"><b>Total Price</b></th> --}}
                                <th width="20%" class="text-center" style="padding:0;"><b>Delivery Place</b></th>
                                <th width="20%" class="text-center" style="padding:0;"><b>Contact Person</b></th>
                            </tr>
                        </thead>
                        <tbody>

                            @php
                            $sl = 1;
                            $no = 0;
                            $amount = $t_qty = $t_price = $t_amount = 0;
                            @endphp

                            @foreach($data->posOrderDetails as $keyOrder => $orderDetail)

                                @php
                                    // $amount = ($orderDetail->quantity*$orderDetail->productDetails->cost_price);
                                    $amount = ($orderDetail->quantity*1);
                                    $t_qty += $orderDetail->quantity;
                                    // $t_price += $orderDetail->productDetails->cost_price;
                                    $t_price += 100;
                                    $t_amount += $amount;
                                    // dd($orderDetail->fromRequisitionBranch);
                                @endphp

                                @if ($rowspanArray[$orderDetail->requisition_from_branch_id] > 1)
                                    <tr>
                                        <td class="text-center" width="1%"><br />
<b>Warning</b>:  Undefined variable $sl in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>114</b><br />
</td>
                                        <td class="text-left" style="text-align: left;padding-left:5px;">
                                            {{-- <br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>116</b><br />
<br />
<b>Warning</b>:  Attempt to read property "productDetails" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>116</b><br />
N/A --}}
                                            {{-- (<br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>117</b><br />
N/A) --}}
                                            <br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>118</b><br />
N/A                                        </td>
                                        <td class="text-center"><br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>120</b><br />
<br />
<b>Warning</b>:  Attempt to read property "quantity" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>120</b><br />
</td>
                                        {{-- <td class="totalAmount calculationAmountTotal" style="text-align: right;"><br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>121</b><br />
<br />
<b>Warning</b>:  Attempt to read property "productDetails" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>121</b><br />
<br />
<b>Warning</b>:  Attempt to read property "cost_price" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>121</b><br />
<br />
<b>Deprecated</b>:  number_format(): Passing null to parameter #1 ($num) of type float is deprecated in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>121</b><br />
0.00</td> --}}
                                        {{-- <td class="totalAmount calculationAmountTotal" style="text-align: right;">1.00</td> --}}
                                        {{-- <td class="totalAmount calculationAmountTotal" style="text-align: right;"><br />
<b>Warning</b>:  Undefined variable $amount in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>123</b><br />
<br />
<b>Deprecated</b>:  number_format(): Passing null to parameter #1 ($num) of type float is deprecated in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>123</b><br />
0.00</td> --}}
                                        <td rowspan="{{ $rowspanArray[$orderDetail->requisition_from_branch_id] }}">{{ ($orderDetail->fromRequisitionBranch != null) ? $orderDetail->fromRequisitionBranch->branchCode.'-'.$orderDetail->fromRequisitionBranch->name : 'N/A' }}</td>
                                        <td rowspan="{{ $rowspanArray[$orderDetail->requisition_from_branch_id] }}">@if($orderDetail->fromRequisitionBranch != null)<ul style="list-style-type: none;"><li>{{ $orderDetail->fromRequisitionBranch->contactPerson }}</li><li>{{ 'Phone:-'.$orderDetail->fromRequisitionBranch->phone }}</li></ul>@endif</td>
                                    </tr>
                                    <br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  Attempt to read property "requisition_from_branch_id" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>127</b><br />
                                @else
                                    <tr>
                                        <td class="text-center" width="1%">1</td>
                                        <td class="text-left" style="text-align: left;padding-left:5px;">
                                            {{-- <br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>132</b><br />
<br />
<b>Warning</b>:  Attempt to read property "productDetails" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>132</b><br />
N/A --}}
                                            {{-- (<br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>133</b><br />
N/A) --}}
                                            <br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>134</b><br />
N/A                                        </td>
                                        <td class="text-center"><br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>136</b><br />
<br />
<b>Warning</b>:  Attempt to read property "quantity" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>136</b><br />
</td>
                                        {{-- <td class="totalAmount calculationAmountTotal" style="text-align: right;"><br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>137</b><br />
<br />
<b>Warning</b>:  Attempt to read property "productDetails" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>137</b><br />
<br />
<b>Warning</b>:  Attempt to read property "cost_price" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>137</b><br />
<br />
<b>Deprecated</b>:  number_format(): Passing null to parameter #1 ($num) of type float is deprecated in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>137</b><br />
0.00</td> --}}
                                        {{-- <td class="totalAmount calculationAmountTotal" style="text-align: right;">100.00</td> --}}
                                        {{-- <td class="totalAmount calculationAmountTotal" style="text-align: right;"><br />
<b>Warning</b>:  Undefined variable $amount in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>139</b><br />
<br />
<b>Deprecated</b>:  number_format(): Passing null to parameter #1 ($num) of type float is deprecated in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>139</b><br />
0.00</td> --}}
                                        @if($rowspanArray[$orderDetail->requisition_from_branch_id] > 0)
                                            <td>{{ ($orderDetail->fromRequisitionBranch != null) ? $orderDetail->fromRequisitionBranch->branchCode.'-'.$orderDetail->fromRequisitionBranch->name : 'N/A' }}</td>
                                            <td>@if($orderDetail->fromRequisitionBranch != null)<ul style="list-style-type: none;"><li>{{ $orderDetail->fromRequisitionBranch->contactPerson}}</li><li>{{ 'Phone:-'.$orderDetail->fromRequisitionBranch->phone}}</li></ul>@endif</td>
                                        @endif
                                    </tr>
                                    <br />
<b>Warning</b>:  Undefined variable $orderDetail in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>145</b><br />
<br />
<b>Warning</b>:  Attempt to read property "requisition_from_branch_id" on null in <b>/home/shikkhaplus/public_html/morning_bird_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/viewOrderDetails.blade copy 2.php</b> on line <b>145</b><br />
                                @endif
                            @endforeach

                            <tr class="calculationAmount">
                                <td class="text-right calculationAmountTotal" colspan="2"><strong>Total :</strong></td>
                                <td class="text-right calculationAmountTotal" style="text-align: center;"><strong>{{ $t_qty }}</strong></td>
                                {{-- <td class="text-right calculationAmountTotal" style="text-align: right;"><strong>{{number_format($t_price, 2)}}</strong></td> --}}
                                {{-- <td class="text-right calculationAmountTotal" style="text-align: right;"><strong>{{number_format($t_amount, 2)}}</strong></td> --}}
                                <td class="text-right calculationAmountTotal"></td>
                                <td class="text-right calculationAmountTotal"></td>
                            </tr>
                        </tbody>
                    </table>
                    <br>
                    <div class="application-footer">
                        {{-- <ul class="terms-and-conditions"> --}}
                            <div class="customerNote"
                                style="padding-top:12px;font-size:12px;text-align:left">
                                <b>Terms & Conditions:</b><br>
                                <span> &#9733; Quality and quantity shall conform to that/those as specified. </span><br>
                                <span> &#9733; To avoid deduction of laviable VAT at source Singer Bangladesh Ltd. shall have to submit mushak-11 chalan. </span><br>
                                <span> &#9733; 100% payment will be made through X-Cheque after Delivery upon deduction of payable advance Income Tax(AIT) if payable at source.</span><br>
                                <span> &#9733; Warranty: As per Product Declaration.</span><br>
                                <span> &#9733; Delivery Date: Within 03 days. </span><br><br>
                                <span style="font-size:12px">Thanking You, </span>
                            </div>

                            {{-- <li>Terms & Conditions:</li>
                            <li>Quality and quantity shall conform to that/those as specified.</li>
                            <li>To avoid deduction of laviable VAT at source Singer Bangladesh Ltd. shall have to submit mushak-11 chalan.</li>
                            <li>100% payment will be made through X-Cheque after Delivery upon deduction of payable advance Income Tax(AIT) if payable at source.</li>
                            <li>Warranty: As per Product Declaration.</li>
                            <li>Delivery Date: Within 03 days.</li>
                            <li>Thanking You,</li> --}}
                        {{-- </ul> --}}
                        <br>
                        <div class="application-signature">
                            <span>Arif Sikder, </span><br>
                            <span>Managing Director </span>
                        </div>
                        <br>
                        <span style="font-size:12px;padding-left:5px;" class="copy">Copy to:</span>
                        <ul class="copy-to">
                            <li>Director-ECBD.</li>
                            <li>Program Director-MFP.</li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="col-md-1"></div>
        </div>

    </div>

@endsection

<script type="text/javascript">
    //var logo = '<div class="logo-container"><img src="{{ asset('images/company/' . $company->image) }}" style="height: 80px; width:auto;"></div>';

    // function printDiv() {
    //     var printContents = document.getElementById("ordersInvoice").innerHTML;

    //     var printStyle =
    //         '<style>@page {size: A4; margin: 10% 10% 10% 10%;} html, body {width: 210mm; height: 297mm; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; font-size: 15px;} .ordersInvoice {width: 80%; height: 80%; padding: 20px; box-sizing: border-box; font-family: sans-serif; background-color: #f0f0f0;} .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td, .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfoot > tr > th {border-color: #000 !important; font-size: 15px !important;} .table tr:nth-child(2n+1) {border: 1px solid #000; font-size: 18px;} .application-footer > .customerNote > span {font-size: 15px !important;} .customerNote > b {font-size: 15px !important;} .copy {font-size: 15px !important;} .logo-container {text-align: right; margin-bottom: 20px;} .logo-container img {width: 150px;}</style>';

    //     var printDiv = '<div id="order-details-wrapper" style="padding: 20px;">' + printStyle + '<div class="logo-container">' + logo + '</div>' + printContents + '</div>';

    //     document.body.innerHTML = printDiv;

    //     window.print();
    //     location.reload(); // Reload to restore original content
    // }


    function printDiv() {
        let companyLogoDiv = document.getElementById("companyLogoDiv");
        companyLogoDiv.style.setProperty("display", "inline");

        var printContents = document.getElementById("ordersInvoice").innerHTML;
        var printStyle =
            '<style>@page {size: A4; margin: 10% 10% 10% 10%;} html,body {width: 210mm; height: 297mm; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; font-size:15px;} .ordersInvoice {width: 80%; height: 80%; padding: 20px; box-sizing: border-box; font-family: sans-serif; background-color: #f0f0f0;} .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td, .table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfoot > tr > th {border-color: #000 !important; font-size: 15px !important;} .table tr:nth-child(2n+1) {border: 1px solid #000; font-size: 18px;} .application-footer > .customerNote > span {font-size: 15px !important;} .customerNote > b {font-size: 15px !important;} .copy {font-size: 15px !important;} .logo-container {text-align: right; margin-bottom: 20px;} .logo-container img {width: 150px;}</style>';

        var printDiv = '<div id="order-details-wrapper" style="padding: 20px;">' + printStyle + printContents + '</div>';

        document.body.innerHTML = printDiv;

        var originalContents = document.body.innerHTML;
        window.print();
        document.body.innerHTML = originalContents;
        //location.reload();
    }
</script>