@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: 10pt;
}

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:11pt;
    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;
}
</style> <!-- Style Ends   -->

<div id="header">
    <div class="cname" style="padding-top: 1mm;">مؤسسة عبد الكريم الجرباء التجارية</div>
    <div class="add2"> الرياض - مارينا مول الدور الثاني كشك</div>
    <div class="add3">رقم الضريبي: ٣٠٠٤٥٧١١١١٠٠٠٠٣  </div>
</div>

<table class="">
    <tr>
        <td class="custdet">
		<div class="cnm">  عميل/Customer: <b>  {{$v['customer_details']['name']}}</b> </div>
		<div class="cnm">  رقم الضريبي/CustVATNo: <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>

    @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)
                    @include('partials.salesinvoice_items')
                    @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(80)->generate($v['qrcode']); !!}
@endforeach