@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 LIYALI - لمسة ليالي </div>
    <div class="add2"> Shop No.:101 Gate No.:1 - Olaya Mall</div>
    <div class="add3"> VAT: 310315264800003   </div>
</div>
<table class="headline">
	<tr>
		<td> TAX INVOICE/فاتورة الضريبة </td>
		</tr>
 </table>
<table class="" style="margin:auto;">
    <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; margin:auto;">
                <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; " > {{$vv['mesuring_details']['name']}} </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