@extends('layouts.print')
@section('pageSize', 'A4')
@section('content')

    @foreach ($data as $k => $v)
        @php
            $slno = 1;
        @endphp

        <style>
            th,
            td {
                word-wrap: break-word;
            }

            td.custdet {
                text-align: left;
                font-size: 9pt;
            }

            td.qrcode {
                text-align: right;
                width: 25mm;
            }

            .qr {
                width: 20mm;
                height: 20mm;
            }

            .cnm {
                padding-top: 1mm;
            }

            table.ftr {
                font-family: 'Times New Roman', Times, serif;
                border: 1pt solid black;
                text-align: center;
                word-break: break-all;
                font-size: 14pt;
                border-collapse: collapse;
                margin-left: auto;
                margin-right: auto;
            }

            tr.ftrtr {
                border: 1pt solid black;
                border-collapse: collapse;
                text-align: right;
            }

            tr.ftrtd {
                border: 1pt solid black;
                border-collapse: collapse;
                text-align: right;
                padding-right: 2mm;
            }

            .add3 {
                font-size: 10pt;
                padding-top: 1mm;
            }

            .qrcode {
                padding-top: 2mm;
                text-align: center;
            }

            table.headline {
                height: 8mm;
                width: 65mm;
                margin: auto;
                font-size: 12pt;
                font-weight: bold;
                border-radius: 2mm;
                font-family: 'Times New Roman', Times, serif;
                padding-top: 1mm;
                margin-top: 2mm;
                border: 1pt solid black;
                text-align: center;
            }

        </style> <!-- Style Ends   -->
        <div style="margin-left: 2mm; margin-right: 2mm;">
            <div id="header" style="width:65mm;">
                <div class="cname" style="padding-top: 1mm;"> LAMSA AL - AKHEERA </div>
                <div class="cname" style="padding-top: 1mm;"> اللمسة الأخيرة </div>
                <div class="add2"> Shop No.:175 - Gate No.:1 - Olaya Mall</div>
                <div class="add3"> VAT: 301348169800003 </div>
            </div>

            <table class="headline">
                <tr>
                    <td> TAX INVOICE/فاتورة الضريبة </td>
                </tr>
            </table>

            <table class="">
                <tr>
                    <td class="custdet">
                        <div class="cnm"> عميل/Customer: <b> {{ $v['customer_details']['name'] }}</b> </div>
                        <div class="cnm"> رقم الضريبي/VATNo: <b> {{ $v['customer_details']['gstin'] }}</b> </div>
                        <div class="cnm"> رقم الفاتورة/Invoice No: <b> {{ $v['bill_no'] }} </b> </div>
                        <div class="cnm"> تاريخ/Date: <b> {{ $v['bill_date'] }} </b> </div>
                    </td>
                </tr>
            </table>

            @foreach ($v['sold_items'] as $index => $vvv)
                @if ($index == 0)
                    <div style="padding-bottom: 2mm">
                        <table width="100%" style="border : 1pt solid black; border-collapse: collapse;">
                            <tr style="border : 1pt solid black; border-collapse: collapse; font-size:9pt;">
                                <th style="width: 10%; border : 1pt solid black; border-collapse: collapse;"> SL.No <br> رقم
                                </th>
                                <th style="width: 65%; border : 1pt solid black; border-collapse: collapse;">Description
                                    <br> اسم المنتج </th>
                                <!-- <th style="width: 18%"> Unit <br> وحدة </th> -->
                                <th style="width: 10%; border : 1pt solid black; border-collapse: collapse;"> Qty <br> كمية
                                </th>
                                <th style="width: 15%; border : 1pt solid black; border-collapse: collapse;"> Price <br> سعر
                                </th>
                                <th style="width: 15%; border : 1pt solid black; border-collapse: collapse;"> Total <br>
                                    المجموع </th>
                            </tr>
                            @foreach ($v['sold_items'] as $vv)
                                <tr style="border : 1pt solid black; border-collapse: collapse; font-size:12pt;">
                                    <td
                                        style="width: auto ; text-align:center; border : 1pt solid black; border-collapse: collapse;">
                                        {{ $slno }}</td>
                                    <td class=""
                                        style="width: auto; text-align:left; padding-left: 1mm;  border : 1pt solid black; border-collapse: collapse;">
                                        {{ $vv['remarks'] }} </td>
                                    <td
                                        style="width: auto; text-align:center;  border : 1pt solid black; border-collapse: collapse;">
                                        {{ $vv['quantity'] }} </td>
                                    <td
                                        style="width: auto; text-align:center;  border : 1pt solid black; border-collapse: collapse;">
                                        {{ $vv['price_per_quantity'] }} </td>
                                    <td
                                        style="width: auto; text-align:center;  border : 1pt solid black; border-collapse: collapse;">
                                        {{ $vv['gtotal'] }} </td>
                                </tr>
                                @php
                                    $slno++;
                                @endphp
                            @endforeach
                        </table>
                    </div>
                @endif
            @endforeach
            <div style="padding-top: 2mm; text-align: right;">
                <table class="ftr">
                    <tr class="ftrtr">
                        <td class="ftrtd">
                            <div class=""> المبلغ الإجمالي/Taxable: <b>{{ $v['taxable_amt'] }}</b> </div>
                        </td>
                    </tr>
                    <tr class="ftrtr">
                        <td class="ftrtd">
                            <div class=""> ضريبة/Tax: <b>{{ $v['tax'] }}</b> </div>
                        </td>
                    </tr>
                    <tr class="ftrtr">
                        <td class="ftrtd">
                            <div class="">المجموع الصافي/Net Total: <b>{{ $v['net_total'] }}</b> </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="qrcode">
			{!! QrCode::size(120)->generate($v['qrcode']) !!}
		 </div>
	  </div>
	  <div style="padding-top: 30mm;">
	    <table style="width: 72mm;">
		  <tr>
			  <td style="border-top: 1pt dashed black;"> &nbsp; </td>
		  </tr>
	  </table>
	    </div>
    @endforeach