@extends('layouts.app')

@section('content')
<form id="invoicBillForm" method="post">
    @csrf
    <input type="hidden" id="sgst" value="0">
    <input type="hidden" id="cgst" value="0">
    <input type="hidden" id="igst" value="0">

    @foreach ($response['invNumbers'] as $key=>$value)
        <input type="hidden" id="inv_{{$key}}" value="{{$value}}">
    @endforeach

    <div class="">
            <table class="table table-bordered bg-white">
                <tr>
                    <td>Name</td>
                    <td>
                        <select name="party_id" id="party_id" required>
                            <option value="">Select</option>
                            @foreach ($response['party'] as $item)
                                <option value="{{$item->id}}"
                                    selected                                    >
                                    {{$item->name}}
                                    @if ($item->alias!="")
                                        ({{$item->alias}})
                                    @endif
                                </option>
                            @endforeach
                        </select>
                    </td>

                    <td>Mobile</td>
                    <td class="w250" id="partyMobile">{{$response['invoice']->mobile}}</td>
                    <td>Balance</td>
                    <td class="w250" id="balanceUpdate" balance="{{$response['invoice']->balance+$response['invoice']->opening_balance}}">{{$response['invoice']->balance+$response['invoice']->opening_balance}}</td>
                </tr>
                <tr>
                    <td>Invoice No.</td>
                    <td><input type="text" data-inv-id="{{ $response['invoice']->id}}" id="invoice_no" name="invoice_no" value="{{ $response['invoice']->invoice_no}}"></td>
                    <td>Invoice Date</td>
                    <td><input type="date" name="invoice_date" value="{{hpDate($response['invoice']->invoice_date,'Y-m-d')}}"></td>
                </tr>
                <tr>
                    <td>Voucher Type</td>
                    <td>
                        <select id="voucher_type" name="voucher_type">
                            <option value="cash" >Cash</option>
                            <option value="credit" >Credit</option>
                        </select>
                    </td>
                    <td>Bill Type</td>
                    <td>
                        <select id="bill_type" name="bill_type">
                            <option value="non_gst">Non GST</option>
                            <option value="gst">GST</option>
                            <option value="only_gst">Only GST</option>
                        </select>
                    </td>
                </tr>
            </table>

     <div>
        <table class="w100pc" id="addProdSubmitTble">
            <tr>
                <td>Product Name</td>
                <td><input type="text" name="name" class="text-center focus"></td>
                <td>Qty</td>
                <td><input type="text" name="qty" class="w75 text-center"></td>
                <td>Price</td>
                <td><input type="text" name="price" class="w150 text-center"></td>
                <td>Discunt(%)</td>
                <td><input type="text" name="discount" class="w75 text-center" value="0"></td>
                <td><button type="button" id="addProdSubmit">Add</button></td>
            </tr>
        </table>
     </div>

        <div class="productList">
            <table class="table table-bordered bg-white">
                <thead>
                <tr>
                    <td>Action</td>
                    <td>Product Name</td>
                    <td>Price</td>
                    <td>Qty</td>
                    <td>Total Price</td>
                    <td>Discunt(%)</td>
                    <td>Total Discount</td>
                    <td>Price After Discount</td>
                </tr>
            </thead>
            <tbody>
                @foreach ($response['invoiceProduct'] as $item)
                    <tr>
                        <td class="removeprd">Remove</td>
                        <td><input type="text" name="name[]" value="{{$item->name}}"></td>
                        <td><input type="text" name="price[]" class="w150" value="{{$item->price}}"></td>
                        <td><input type="text" name="qty[]" class="w75" value="{{$item->qty}}"></td>
                        <td class="totalPrice">{{$item->price*$item->qty}}</td>
                        <td><input type="text" name="discount[]" class="w75" value="{{$item->discount}}"></td>
                        <td class="totalDiscount">{{($item->price*$item->qty)*($item->discount/100)}}</td>
                        <td class="totalPriceAfterDis">{{$item->price*$item->qty-(($item->price*$item->qty)*($item->discount/100))}}</td>
                    </tr>
                @endforeach
            </tbody>
            </table>
        </div>
        <table class="table table-bordered bg-white">
            <tr>
                <td>Total Amount</td>
                <td><input type="text" name="total_amount" readonly value="{{$response['invoice']->total_amount}}"></td>
                <td>Grand Total Amount</td>
                <td><input type="text" name="grand_total_amount" readonly value="{{$response['invoice']->grand_total_amount}}"></td>
            </tr>
            <tr>
                <td>Discount</td>
                <td><input type="text"  name="discount_total_amount" readonly value="{{$response['invoice']->discount}}"></td>
                <td>Paid Amount</td>
                <td><input type="text" name="paid_amount" id="paid_amount" value="{{$response['invoice']->paid_amount}}"></td>
            </tr>
            <tr>
                <td>SGST <span id="sgstLabel">- {{$response['invoice']->sgst}}%</span></td>
                <td><input type="text" name="sgst" readonly value="{{$response['invoice']->inv_sgst}}"></td>
                <td>After Bill Outstading Amount</td>
                <td>
                    <input type="text" name="after_bill_outstading_amount" readonly value="{{$response['invoice']->balance+$response['invoice']->opening_balance}}">
                    <input type="hidden" name="" id="diffAmount" value="{{($response['invoice']->balance+$response['invoice']->opening_balance)-$response['invoice']->grand_total_amount}}">
                </td>
            </tr>
            <tr>
                <td>IGST <span id="igstLabel">- {{$response['invoice']->igst}}%</span></td>
                <td><input type="text" name="igst" readonly value="{{$response['invoice']->inv_igst}}" ></td>
                <td>Print Format</td>
                <td>
                    <select name="print_format">
                        <option value="a4" >A4</option>
                        <option value="a5" >A5</option>
                        <option value="thermal" >Themal(6x4)</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>CGST <span id="cgstLabel">- {{$response['invoice']->cgst}}%</span></td>
                <td><input type="text" name="cgst" readonly value="{{$response['invoice']->inv_cgst}}"></td>
            </tr>
            <tr>
                <td>Courier Charges</td>
                <td><input type="text" id="couriercharges" name="couriercharges" value="{{$response['invoice']->couriercharges}}"></td>
                <td>
                    <button type="submit" name="submit" value="save" class="btn btn-primary">Save</button>
                    <button type="submit" name="submit" value="print" class="btn btn-success ml-2">Save + Print Invice</button>
                </td>
            </tr>

        </table>
    </div>
</form>
    @endsection

@section('script')
<script>
    $( document ).ready(function() {

        // prod add
        $('#addProdSubmit').click(function () {
            var addProdSubmitTble=$(this).closest('#addProdSubmitTble');
            var name= addProdSubmitTble.find('input[name="name"]').val();
            var price= addProdSubmitTble.find('input[name="price"]').val();
            var qty= addProdSubmitTble.find('input[name="qty"]').val();
            var discount= addProdSubmitTble.find('input[name="discount"]').val();

            if(name=='' || price=='' || qty=='' || discount==''){
                alert('All fields are!');
                addProdSubmitTble.find('input[name="name"]').focus();
                return false;

            }
            var totalPrice=(price*qty).toFixed(2);
            var totalDiscount=(totalPrice*(discount/100)).toFixed(2);
            var totalPriceAfterDis=(totalPrice-totalDiscount).toFixed(2);

            var html='<tr>'+
            '<td class="removeprd">Remove</td>'+
            '<td><input type="text" name="name[]" value="'+name+'"></td>'+
            '<td><input type="text" name="price[]" class="w150" value="'+price+'"></td>'+
            '<td><input type="text" name="qty[]"  class="w75" value="'+qty+'"></td>'+
            '<td class="totalPrice">'+totalPrice+'</td>'+
            '<td><input type="text" name="discount[]" class="w75" value="'+discount+'"></td>'+
            '<td class="totalDiscount">'+totalDiscount+'</td>'+
            '<td class="totalPriceAfterDis">'+totalPriceAfterDis+'</td>'+
            '</tr>';
            $('.productList').find('tbody').prepend(html);
            addProdSubmitTble.find('input').val('');
            addProdSubmitTble.find('input[name="discount"]').val(0);
            addProdSubmitTble.find('input[name="name"]').focus();
            totalCalculation();
            enterToTab();
            return false;
        });

        // remove prod
        $(document).on('click', '.removeprd', function (e) {
            var trcl=$(this).closest('tr');
            trcl.remove();
            totalCalculation();
        });

        // Total Calculation
        function totalCalculation(){
            var grandtotalPrice=0;
            var grandtotalPriceAfterDisc=0;
            var grandTotalDiscount=0;
            $('#invoicBillForm .productList tbody  tr').each(function(index, tr) {
                var price= parseFloat($(this).find('input[name="price[]"]').val());
                var qty= parseFloat($(this).find('input[name="qty[]"]').val());
                var discount= $(this).find('input[name="discount[]"]').val();
                var totalPrice=(price*qty);
                var totalDiscount=totalPrice*(discount/100);
                var totalPriceAfterDis=(totalPrice-totalDiscount);
                grandtotalPrice=grandtotalPrice+totalPrice;
                grandtotalPriceAfterDisc=grandtotalPriceAfterDisc+totalPriceAfterDis;
                grandTotalDiscount=grandTotalDiscount+totalDiscount;
            });

            // GST
            var sgstAmount=0;
            var cgstAmount=0;
            var igstAmount=0;

            //SGST
            var bill_type=$('#bill_type').val();
            var invoiceNumber=$('#invoice_no').attr('data-inv-id');

            var invNo=$('#inv_'+bill_type).val();
            $('#invoice_no').val(invNo);

            if(bill_type=='gst' || bill_type=='only_gst'){
                // sgst
                var sgst= parseFloat($('#sgst').val());
                sgstAmount=grandtotalPriceAfterDisc*parseFloat(sgst/100);
                // cgst
                var cgst= parseFloat($('#cgst').val());
                cgstAmount=grandtotalPriceAfterDisc*parseFloat(cgst/100);
                // igst
                var igst= parseFloat($('#igst').val());
                igstAmount=grandtotalPriceAfterDisc*parseFloat(igst/100);
            }
            $('#invoicBillForm').find('input[name="sgst"]').val(sgstAmount.toFixed(2));
            $('#invoicBillForm').find('input[name="cgst"]').val(cgstAmount.toFixed(2));
            $('#invoicBillForm').find('input[name="igst"]').val(igstAmount.toFixed(2));

            grandtotalPriceAfterDisc=grandtotalPriceAfterDisc+sgstAmount+cgstAmount+igstAmount;

            //console.log(grandtotalPrice);
            $('#invoicBillForm').find('input[name="total_amount"]').val(grandtotalPrice.toFixed(2));
            $('#invoicBillForm').find('input[name="discount_total_amount"]').val(grandTotalDiscount.toFixed(2));
            $('#invoicBillForm').find('input[name="grand_total_amount"]').val(grandtotalPriceAfterDisc.toFixed(2));

            var voucher_type=$('#voucher_type').val();
            console.log('voucher_type='+voucher_type);
            if(voucher_type=='cash'){
                $('#invoicBillForm').find('input[name="paid_amount"]').val(grandtotalPriceAfterDisc.toFixed(2));
            }else{
                $('#invoicBillForm').find('input[name="paid_amount"]').val(0);
            }
            $('#paid_amount').trigger('keyup');
            balanceUpdate();
        }

        function balanceUpdate(){
            var balance=parseFloat($('#balanceUpdate').attr('balance'));
            console.log('balance='+balance);
            var grand_total_amount=parseFloat($('input[name="grand_total_amount"]').val());
            var paid_amount=parseFloat($('#paid_amount').val());
            console.log('paid_amount'+paid_amount);
            var after_bill_outstading_amount_cal=parseFloat(grand_total_amount-paid_amount);
            var diffAmount=parseFloat($('#diffAmount').val());
            var after_bill_outstading_amount=(after_bill_outstading_amount_cal+diffAmount).toFixed(2);
            $('input[name="after_bill_outstading_amount"]').val(after_bill_outstading_amount);
        }


        $('#invoicBillForm').submit(function(){
            if(event.keyCode == 13) {
                event.preventDefault();
                return false;
            }
        });
        //
        $('.focus').focus();
        //

        function enterToTab(){
            $('input,select').keydown( function(e) {
                var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
                if(key == 13) {
                    e.preventDefault();
                    var inputs = $('form').find(':input:visible');
                    inputs.eq( inputs.index(this)+ 1 ).focus();
                }
            });
        }

        enterToTab();

        $('#voucher_type').change(function(){
            totalCalculation();
        });


        $('#paid_amount').keyup(function(){
            balanceUpdate();
        });


        // productList
        $('.productList').on('keyup','input',function(){
            var prodTr=$(this).closest('tr');
            productCalculate(prodTr);
        });

        $(document).on('change','#bill_type',function(){
            totalCalculation();
        });

        $(document).on('change','#party_id',function(){
            totalCalculation();
        });


        function productCalculate(prodTr) {
            var price=prodTr.find('input[name="price[]"]').val();
            var qty=prodTr.find('input[name="qty[]"]').val();
            var discount=prodTr.find('input[name="discount[]"]').val();

            var totalPrice=(price*qty);
            var totalDiscount=totalPrice*(discount/100);
            var totalPriceAfterDis=(totalPrice-totalDiscount);
            prodTr.find('.totalPrice').html(totalPrice);
            prodTr.find('.totalDiscount').html(totalDiscount);
            prodTr.find('.totalPriceAfterDis').html(totalPriceAfterDis);
            totalCalculation();
        }

        $(document).on('change','#party_id',function(){
            var party_id=$(this).val();
            if(party_id==''){
                $('#balanceUpdate').html('');
                $('#partyMobile').html('');
                return false;
            }
            $.ajax({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type:'post',
                url:'{{url('party/json/')}}',
                data:{
                    party_id:party_id
                },
                success:function(data){
                    console.log(data);
                    var partyBalance=parseFloat(data.balance)+parseFloat(data.opening_balance);
                    $('#balanceUpdate').html(partyBalance);
                    $('#balanceUpdate').attr('balance',partyBalance);
                    $('#partyMobile').html(data.mobile);
                    $('#sgstLabel').html(' - '+data.sgst+'%');
                    $('#igstLabel').html(' - '+data.igst+'%');
                    $('#cgstLabel').html(' - '+data.cgst+'%');

                    $('#sgst').val(data.sgst);
                    $('#igst').val(data.igst);
                    $('#cgst').val(data.cgst);
                    totalCalculation();
                }
            });
        });

    });

</script>
@endsection