@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">
                <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}}">
                                    {{$item->name}}
                                    @if ($item->alias!="")
                                        ({{$item->alias}})
                                    @endif
                                </option>
                            @endforeach
                        </select>
                    </td>

                    <td>Mobile</td>
                    <td class="w250" id="partyMobile"></td>
                    <td>Balance</td>
                    <input type="hidden" name="opening_invoice_balance" id="opening_invoice_balance">
                    <td class="w250" id="balanceUpdate"></td>
                </tr>
                <tr>
                    <td>Invoice No.</td>
                    <td><input type="text" data-inv-id="{{ $response['id']}}" id="invoice_no" name="invoice_no" value="{{ $response['invNumbers']['non_gst']}}"></td>
                    <td>Invoice Date</td>
                    <td><input type="date" name="invoice_date" value="2025-05-18"></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 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">
                <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>

            </tbody>
            </table>
        </div>
        <table class="table table-bordered">
            <tr>
                <td>Total Amount</td>
                <td><input type="text" name="total_amount" readonly></td>
                <td>Grand Total Amount</td>
                <td><input type="text" name="grand_total_amount" readonly></td>
            </tr>
            <tr>
                <td>Discount</td>
                <td><input type="text"  name="discount_total_amount" readonly></td>
                <td>Paid Amount</td>
                <td><input type="text" name="paid_amount" id="paid_amount" ></td>
            </tr>
            <tr>
                <td>SGST <span id="sgstLabel"></span></td>
                <td><input type="text" name="sgst" readonly></td>
                <td>After Bill Outstading Amount</td>
                <td><input type="text" name="after_bill_outstading_amount" readonly></td>
            </tr>
            <tr>
                <td>IGST <span id="igstLabel"></span></td>
                <td><input type="text" name="igst" readonly></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"></span></td>
                <td><input type="text" name="cgst" readonly></td>

            </tr>
            <tr>
                <td>Courier Charges</td>
                <td><input type="text" id="couriercharges" name="couriercharges" value="0"></td>
                <td  colspan="2">
                    <button type="submit" name="submit" value="save" class="btn btn-primary">Save</button>
                    <button type="submit" name="submit" value="saveprint" class="btn btn-primary">Save + Print</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;
            var couriercharges=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));

            couriercharges=parseFloat($('#couriercharges').val());

            grandtotalPriceAfterDisc=grandtotalPriceAfterDisc+sgstAmount+cgstAmount+igstAmount+couriercharges;

            //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 bill_type=$('#bill_type').val();
            var voucher_type=$('#voucher_type').val();
            var balance=parseFloat($('#balanceUpdate').attr('balance'));
            console.log('balance='+balance);
            var grand_total_amount=parseFloat($('input[name="grand_total_amount"]').val());
            if(bill_type=='only_gst' && voucher_type=='credit'){
                var sgst= parseFloat($('#invoicBillForm').find('input[name="sgst"]').val());
                var cgst= parseFloat($('#invoicBillForm').find('input[name="cgst"]').val());
                var igst= parseFloat($('#invoicBillForm').find('input[name="igst"]').val());
                grand_total_amount=sgst+cgst+igst;
            }

            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 after_bill_outstading_amount=(after_bill_outstading_amount_cal+balance).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();
        });

        $(document).on('keyup','#couriercharges',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);
                    $('#opening_invoice_balance').val(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