@extends('layouts.app')

@section('header')
<div class="card borderless-card">
    <div class="card-block primary-breadcrumb">
        <div class="breadcrumb-header">
            <h5>Tax Invoice</h5>
        </div>
        <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
                <li class="breadcrumb-item">
                    <a href="{{ \URL::to('/')}}">
                        <i class="fas fa-home"></i>
                    </a>
                </li>
                <li class="breadcrumb-item"><a href="{{ \URL::to('invoice') }}">List Tax Invoice</a>
                </li>
                <li class="breadcrumb-item"><a href="#">Show Tax Invoice</a>
                </li>
            </ul>
        </div>
    </div>
</div>

@endsection

@section('content')

@php

$address = [];

@endphp

<!-- Basic Form Inputs card start -->
<!-- Tax Invoice card start -->
<div class="card" id="DivIdToPrint">    
    <div class="card-block" style="padding-bottom: 0px;">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                <img src="{{ \URL::asset('images/invoice.png') }}" width="100%" class="m-b-10" alt="">
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                <h2 style="text-align: center;"><b>Tax INVOICE</b></h2>
            </div>

            <div class="col-12 col-sm-12 col-md-12 col-lg-12">
                <div class="row">
                    <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                         <div style="padding: 6px;">
                            <p><b>Bill To</b></p>
                            <p class="m-0">{{ $invoice->customer->name }}</p>
                            <p>{{ $invoice->customer->address }}</p>                            
                            <p><b>TRN #:</b> {{ $invoice->customer->gst }}</p>
                        </div>
                    </div>

                    <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                        <div class="float-right">
                            <table class="table table-responsive invoice-table table-borderless">
                                <tbody>
                                    <tr>
                                        <td><b>Invoice #:</b>  {{ $invoice->invoice_number }}</td>
                                    </tr>
                                    <tr>
                                        <td><b>Invoice Date:</b>  {{ date('d-m-Y', strtotime($invoice->invoice_date)) }}</td>
                                    </tr>
                                    <tr>
                                        <td><b>Payment Terms:</b>
                                            @if($invoice->expiry_days == 999)
                                                Cash on delivery
                                            @else
                                                {{ $invoice->expiry_days. ' Days'  }}
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><b>Customer Reference:</b>  {{ $invoice->reference_number }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <div class="col-12 col-sm-12 col-md-12 col-lg-12" >
        <div class="row">
            <table class="table invoice-detail-table" style="font-size: 14px">
                <thead>
                    <tr class="thead-default">
                        <th style="width:0px">Sl. No</th>
                        <th style="text-align: left;">Item and description</th>
                        <th>Cat. No</th>     
                        <th>Qty</th>   
                        <th>UOM</th>     
                        <th>Rate</th>   
                        <th>Amount</th>               
                        <th>Tax</th>
                        <th>Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($invoiceList as $list)
                    <tr>
                        <td>{{ $loop->iteration }} </td>  
                        <td style="text-align: left;">{{ $list->name }} <br> {!! wordwrap($list->description,50,"<br>\n") !!} </td>
                        <td>{!! wordwrap($list->catalogue,10,"<br>\n") !!}</td>
                        <td>{{ $list->quantity }}</td>
                        <td>{!! wordwrap($list->uom,10,"<br>\n") !!}</td>
                        <td>{{ $list->price }}  </td>
                        <td>{{ number_format((float)($list->quantity * $list->price), 2, '.', '') }}  </td>
                        <td>{{ number_format((float)($list->total - $list->price), 2, '.', '') }}</td>
                        <td>{{ $list->total }}</td>
                    </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
    </div>

    <div class="row">
        <div class="col-12 col-sm-12 col-md-12 col-lg-12">        
            <table class="table table-responsive invoice-table invoice-total">
                <tbody>
                    <tr>
                        <th>Sub total :</th>
                        <td>{{ $invoice->sub_total }}</td>
                    </tr>
                    <tr>
                        <th>Tax Amount :</th>
                        <td>{{ $invoice->tax }}</td>
                    </tr>
                    <tr class="text-info">
                        <td>
                            <hr/>
                            <h5 class="text-primary">Grand Total :</h5>
                        </td>
                        <td>
                            <hr/>
                            <h5 class="text-primary">{{ $invoice->total }}</h5>
                        </td>
                    </tr>
                    <tr>
                        <hr/>
                        <th>Amount in Words :</th>
                        <td>{{ \FormHelper::SpellNumberEDP( (string)$invoice->total, "AED") }}</td>
                    </tr>                    
                </tbody>
            </table>
        </div>
    </div> 

    @if($invoice->notes)
        <div class="col-12 col-sm-12 col-md-12 col-lg-12" >
            <p><b>Note:</b> {{ $invoice->notes }} </p>
        </div>        
    @endif

    <div class="col-12 col-sm-12 col-md-12 col-lg-12">
        <div class="row">
            <div class="col-6 col-sm-6 col-md-6 col-lg-6">                     
                <p style="margin-bottom: 0px;">With Regards, </p>
                <div style="white-space: pre"> 
ANVAR SADATH
Sales Cooridinator
Mob - +971 557256543 / Email - sales@gomet.bio 
                </div> 
            </div>

            <div class="col-6 col-sm-6 col-md-6 col-lg-6">
                <div class="float-right">
                    <p style="margin-bottom: 0px;">Goods Received In Good Condition</p>
                    <div style="white-space: pre"> 
Receiver Name:
Signature: 
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    </div>
<!-- Invoice card end -->
<div class="row text-center">
    <div class="col-sm-12 invoice-btn-group text-center">
        <button type="button" class="btn btn-primary btn-print-invoice m-b-10 btn-sm waves-effect waves-light m-r-20" onclick='printDiv();'>Print</button>
    </div>
</div>
</div>
</div>
<!-- Container ends -->


@endsection

@section('scripts')
<script type="text/javascript">
    function printDiv() 
    {
        var divToPrint=document.getElementById('DivIdToPrint');
        var newWin=window.open('','Print-Window');
        newWin.document.open();
        newWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="{{ \URL::asset('css/bootstrap.min.css') }}"><link rel="stylesheet" type="text/css" href="{{ \URL::asset('css/style.css') }}"></head><body style="overflow:hidden;" onload="window.print()"><div style="overflow:auto;">'+divToPrint.innerHTML+'</div></body></html>');
        newWin.document.close();
        setTimeout(function(){newWin.close();},10);
    }
</script>
@endsection