@section('title', 'Sale Invoice')
<style>
    *{
        font-size: 15px;
    }
</style>
<div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body">
                    <div class="invoice-title">
                        <h4 class="float-right font-size-16">
                            Invoice/Bill No # {{ $SaleInvoice->code }}<br>
                            Date: {{ $SaleInvoice->sale_date }}
                        </h4>
                        <div class="mb-4">
                            <img src="@if ($InvoiceSetting) {{ asset('storage/photo/' . $InvoiceSetting->logo) }} @endif"
                                alt="logo" style="height:40px;" />
                        </div>
                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-sm-6">
                            <address>
                                <strong>Billed To:</strong><br>
                                {{ $SaleInvoice->Contact->business_name }}<br>
                                {{ $SaleInvoice->Contact->address }}<br>
                                {{ $SaleInvoice->Contact->mobile }}<br>
                            </address>
                        </div>
                        <div class="col-sm-6 text-sm-right">
                            <address class="mt-sm-0">
                                <strong>Shipped From:</strong><br>
                                @if($companyInfo)
                                {{$companyInfo->name}}<br>
                                {{$companyInfo->address}}<br>
                                {{$companyInfo->mobile}}<br>
                                @endif
                            </address>
                        </div>
                    </div>
                    <div class="py-2 mt-3">
                        <h3 class="font-size-15 font-weight-bold">Sale summary</h3>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-nowrap">
                            <thead>
                                <tr>
                                    <th style="width: 70px; text-align:center;">SL.</th>
                                    <th style="width: 60px !important;">Vendor</th>
                                    <th class="text-center" style="width: 100px;">Image</th>
                                    <th style="width: 220px !important;">Product</th>
                                    <th class="text-center" style="width: 70px;">Quantity</th>
                                    <th class="text-right" style="width: 70px;">MRP</th>
                                    <th class="text-right" style="width: 70px;">Total</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $i = 0;
                                    $subTotal = 0;
                                @endphp
                                @foreach ($SaleInvoice->SaleInvoiceDetail as $saleInvoiceDetail)
                                    <tr>
                                        <td>
                                            <center>
                                                {{ ++$i }}
                                            </center>
                                        </td>

                                        <td style="width: 60px !important;">
                                            {{ $saleInvoiceDetail->Product->Vendor->business_name }}
                                        </td>

                                        <td>
                                            <img class="rounded"
                                                @if ($saleInvoiceDetail->Product->ProductImageFirst) src="{{ asset('storage/photo/' . $saleInvoiceDetail->Product->ProductImageFirst->image) }}" @endif
                                                style="height:80px; weight:80px;" alt="Image2"
                                                class="img-circle img-fluid">
                                        </td>

                                        <td style="width: 220px !important;">{{ $saleInvoiceDetail->Product->name }}</td>
                                        <td  style="width: 70px;" class="text-center">{{ $saleInvoiceDetail->quantity }}</td>
                                        <td style="width: 70px;" class="text-right">{{ $saleInvoiceDetail->unit_price }}</td>
                                        <td style="width: 70px;"  class="text-right">
                                            {{ $saleInvoiceDetail->unit_price * $saleInvoiceDetail->quantity }}</td>
                                        @php
                                            $subTotal += $saleInvoiceDetail->unit_price * $saleInvoiceDetail->quantity;
                                        @endphp
                                    </tr>
                                @endforeach
                                <tr>
                                    <td colspan="6" class="text-right">Sub Total</td>
                                    <td class="text-right">
                                        @if ($currencySymbol)
                                            {{ $currencySymbol->symbol }}
                                        @endif
                                        {{ $subTotal }}
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="3" colspan="3" style="border: none;">
                                        {{-- Start Payment Method --}}
                                        <center>
                                            <table class="table-info">
                                                <thead>
                                                    <tr>
                                                        <th>Method</th>
                                                        <th>Date</th>
                                                        <th>Amount</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($SaleInvoice->SalePayment as $SalePayment)
                                                        <tr>
                                                            <td>{{ $SalePayment->PaymentMethod->name }}</td>
                                                            <td>{{ $SalePayment->date }}</td>
                                                            <td>
                                                                @if ($currencySymbol)
                                                                    {{ $currencySymbol->symbol }}
                                                                @endif
                                                                {{ $SalePayment->total_amount }}
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </center>
                                        {{-- End Payment Method --}}
                                    </td>
                                    <td colspan="3" class="border-0 text-right">
                                        <strong>Discount</strong>
                                    </td>
                                    <td class="border-0 text-right">
                                        @if ($currencySymbol)
                                            {{ $currencySymbol->symbol }}
                                        @endif
                                        @if ($SaleInvoice->discount)
                                            {{ $SaleInvoice->discount }}
                                        @else
                                            0
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    {{-- <td colspan="3"></td> --}}
                                    <td colspan="3" class="border-0 text-right">
                                        <strong>Shipping</strong>
                                    </td>
                                    <td class="border-0 text-right">
                                        @if ($currencySymbol)
                                            {{ $currencySymbol->symbol }}
                                        @endif
                                        @if ($SaleInvoice->shipping_charge)
                                            {{ $SaleInvoice->shipping_charge }}
                                        @else
                                            0
                                        @endif
                                    </td>
                                </tr>

                                <tr>
                                    {{-- <td colspan="3"></td> --}}
                                    <td colspan="3" class="border-0 text-right">
                                        <strong>Total</strong>
                                    </td>
                                    <td class="border-0 text-right">
                                        <h4 class="m-0">
                                            @if ($currencySymbol)
                                                {{ $currencySymbol->symbol }}
                                            @endif
                                            {{ $subTotal + $SaleInvoice->shipping_charge - $SaleInvoice->discount }}
                                        </h4>
                                    </td>
                                </tr>
                                <tr>
                                    <td rowspan="3" colspan="3" style="border: none;"></td>
                                </tr>
                                <tr>
                                    <td colspan="3" class="border-0 text-right">
                                        <strong>Paid</strong>
                                    </td>
                                    <td class="border-0 text-right">
                                        <h4 class="m-0">
                                            @if ($currencySymbol)
                                                {{ $currencySymbol->symbol }}
                                            @endif
                                            {{ $SaleInvoice->SalePayment->sum('total_amount') }}
                                        </h4>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="3" class="border-0 text-right">
                                        <strong>Due</strong>
                                    </td>
                                    <td class="border-0 text-right">
                                        <h4 class="m-0">
                                            @if ($currencySymbol)
                                                {{ $currencySymbol->symbol }}
                                            @endif
                                            {{ $SaleInvoice->payable_amount - $SaleInvoice->SalePayment->sum('total_amount') }}
                                        </h4>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div>
                        <div class="float-left p-1">
                            @if ($InvoiceSetting)
                                {!! $InvoiceSetting->invoice_footer !!}
                            @endif
                        </div>
                        <div class="float-right d-print-none">
                            <a href="javascript:window.print()" class="btn btn-success waves-effect waves-light mr-1"><i
                                    class="fa fa-print"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- End Column -->
    </div>
    <!-- end row -->


    <footer class="footer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <script>
                        document.write(new Date().getFullYear())
                    </script> © Skote.
                </div>
                <div class="col-sm-6">
                    <div class="text-sm-right d-none d-sm-block">
                        Design & Develop by Themesbrand
                    </div>
                </div>
            </div>
        </div>
    </footer>
</div>