@extends('layouts/pos_layout')
@section('title', '|'.$moduleTitle)
@section('style')
<style type="text/css">
    .min-height-textarea{
        min-height: 60px;
    }
</style>
@endsection
@section('content')

<div class="row add-data-form" style="padding-bottom:20px;">
    <div class="col-md-12">

        <div class="col-md-1"></div>

        <div class="col-md-10 fullbody">

            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{route($module.'_list')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                </i>{{ $moduleLinkTitle }}</a>
            </div>

            <div class="panel panel-default panel-border">

                <div class="panel-heading">
                    <div class="panel-title">{{ $moduleTitle }}</div>
                </div>

                <div class="panel-body">

                    {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'purchaseForm')) !!}

                        <!-- Sales Information Start -->
                        {{-- <h4>Chalan Information</h4> --}}
                        <fieldset>
                            <legend>Chalan Information</legend>
                            <div class="row">
                                <div class="col-md-6">

                                    <div class="form-group">
                                        {!! Form::label('customer_id', 'Customer:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <select name="customer_id" id="customer_id" class="form-control custom-select2">
                                                <option value="">Select Customer</option>
                                                @if ($customers)
                                                    @foreach ($customers as $customer)
                                                        <option value="{{ $customer->id }}">
                                                            {{ $customer->customer_id_no }}-{{ $customer->name }}-{{ $customer->phone }}
                                                        </option>
                                                    @endforeach
                                                @endif
                                            </select>
                                            <p id='customer_ide' style="max-height:3px;"></p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('customer_name', 'Customer Name:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('customer_name', null, ['class' => 'form-control','readonly','id' => 'customer_name']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('phone_no', 'Phone No:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('phone_no', null, ['class' => 'form-control','readonly','id' => 'phone_no']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('chalan_no', 'Chalan No:*', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <select name="chalan_no" class="form-control input-sm custom-select2" id="chalan_no">
                                                <option value="">Select Chalan No</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('chalan_sales_date', 'Chalan Date:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('chalan_sales_date', null, ['class' => 'form-control','readonly', 'id' => 'chalan_sales_date']) !!}
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <table id="tableChalan" class="table table-bordered responsive tableChalan">
                                        <thead>
                                            <tr class="">
                                                <th style="text-align:center;" class="col-sm-1 text-nowrap">SL</th>
                                                <th style="text-align:center;" class="col-sm-3 text-nowrap">Product Name</th>
                                                @if ($isBarcodeStatus == 'false')
                                                <th style="text-align:center;" class="col-sm-2 text-nowrap">PID/EMEI Number</th>
                                                @endif
                                                <th style="text-align:center;" class="col-sm-2 text-nowrap">Sales Price</th>
                                                <th style="text-align:center;" class="col-sm-1 text-nowrap">Qty</th>
                                                <th style="text-align:center;" class="col-sm-2 text-nowrap">Total Price</th>
                                                <th style="text-align:center;" class="col-sm-1 text-nowrap">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tableChalanBody">
                                        </tbody>
                                    </table>

                                </div>

                            </div>
                        </fieldset>
                        <!-- Chalan Information Stop -->
                        <!-- Billing Information Start -->

                        <fieldset>
                            <legend>Billing Information</legend>
                            <div class="row">

                                <div class="col-md-6">

                                    <div class="form-group">
                                        {!! Form::label('bill_no', 'Bill No:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('bill_no', $billingSalesBillNo, ['class' => 'form-control','readonly', 'id' => 'bill_no']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('bill_date', 'Billing Date:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('bill_date', $branchActiveDate, ['class' => 'form-control','readonly','id' => 'bill_date']) !!}
                                        </div>
                                    </div>


                                    <div class="col-md-12 row">
                                        <table id="tableBill" class="table table-bordered responsive tableBill">
                                            <thead>
                                                <tr class="">
                                                    <th style="text-align:center;" class="col-sm-1 text-nowrap">SL</th>
                                                    <th style="text-align:center;" class="col-sm-3 text-nowrap">Product Name</th>
                                                    @if ($isBarcodeStatus == 'false')
                                                    <th style="text-align:center;" class="col-sm-3 text-nowrap">PID/EMEI Number</th>
                                                    @endif
                                                    <th style="text-align:center;" class="col-sm-2 text-nowrap">Sales Price</th>
                                                    <th style="text-align:center;" class="col-sm-1 text-nowrap">Qty</th>
                                                    <th style="text-align:center;" class="col-sm-2 text-nowrap">Total Price</th>
                                                    <th style="text-align:center;" class="col-sm-1 text-nowrap">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody id="tableBillBody">
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td style="text-align:right;" colspan="@if ($isBarcodeStatus == 'false') 3 @else 2 @endif"><strong>Total</strong></td>
                                                    <td style="text-align:center;" id='chartTotalSalesPrice' class="">0</td>
                                                    <td style="text-align:center;" id='charTotalQuantity'>0</td>
                                                    <td style="text-align:center;" id='chartTotalAmount' class="">0</td>
                                                    <td></td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>

                                </div>

                                <div class="col-md-6">

                                    <div class="form-group">
                                        {!! Form::label('total_quantity', 'Total Quantity:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('total_quantity', null, ['class' => 'form-control', 'id' => 'total_quantity', 'readonly']) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('total_amount', 'Total Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('total_amount', null, ['class' => 'form-control', 'id' => 'total_amount', 'readonly']) !!}
                                            <input type="hidden" id='total_amount_for_dis' name='total_amount_for_dis' />

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('discount', 'Discount:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <div class="col-sm-5" style="padding-left: 0%">
                                                {!! Form::text('discount_percent', null, [
                                                    'class' => 'form-control numeric col-sm-5',
                                                    'id' => 'discount_percent',
                                                    'placeholder' => '%',
                                                    'min' => '0',
                                                    'autocomplete' => 'off',
                                                ]) !!}
                                            </div>
                                            <input type="hidden" id='is_row_total_dis' name='is_row_total_dis'
                                                value="" />

                                            <div class="col-sm-7" style="padding-right: 0%; padding-left: 0%">
                                                {!! Form::text('discount_amount', null, [
                                                    'class' => 'form-control col-sm-7 numeric',
                                                    'id' => 'discount_amount',
                                                    'min' => '0',
                                                    'autocomplete' => 'off',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('total_amount_after_discount', 'T/A After Discount:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('total_amount_after_discount', null, [
                                                'class' => 'form-control',
                                                'id' => 'total_amount_after_discount',
                                                'readonly',
                                                'min' => '0',
                                                'autocomplete' => 'off',
                                            ]) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-8 d-flex align-items-center">
                                            <!-- Checkbox -->
                                            <div class="form-check me-2">
                                                <input
                                                    type="checkbox"
                                                    class="form-check-input-vat-tax-including"
                                                    name="is_including_vat_tax"
                                                    id="vat_tax_including"
                                                    style="cursor: pointer;"
                                                />
                                                <label for="vat_tax_including" class="form-check-label">
                                                    Include Vat & Tax
                                                </label>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group" id="vat_div">
                                        {!! Form::label('vat', 'VAT:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <div class="col-sm-5" style="padding-left: 0%">
                                                {!! Form::text('vat_percent', null, [
                                                    'class' => 'form-control numeric col-sm-5',
                                                    'id' => 'vat_percent',
                                                    'placeholder' => '%',
                                                    'min' => '0',
                                                    'readonly',
                                                    'autocomplete' => 'off',
                                                    'data-vatpercent' => '0'
                                                ]) !!}
                                            </div>

                                            <div class="col-sm-7" style="padding-right: 0%; padding-left: 0%">
                                                {!! Form::text('vat_amount', null, [
                                                    'class' => 'form-control col-sm-7 numeric',
                                                    'id' => 'vat_amount',
                                                    'min' => '0',
                                                    'readonly',
                                                    'autocomplete' => 'off',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group" id="tax_div">
                                        {!! Form::label('tax', 'TAX:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            <div class="col-sm-5" style="padding-left: 0%">
                                                {!! Form::text('tax_percent', null, [
                                                    'class' => 'form-control numeric col-sm-5',
                                                    'id' => 'tax_percent',
                                                    'placeholder' => '%',
                                                    'min' => '0',
                                                    'readonly',
                                                    'autocomplete' => 'off',
                                                    'data-taxpercent' => '0'
                                                ]) !!}
                                            </div>

                                            <div class="col-sm-7" style="padding-right: 0%; padding-left: 0%">
                                                {!! Form::text('tax_amount', null, [
                                                    'class' => 'form-control col-sm-7 numeric',
                                                    'id' => 'tax_amount',
                                                    'min' => '0',
                                                    'readonly',
                                                    'autocomplete' => 'off',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('gross_total', 'Gross Total:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('gross_total', null, [
                                                'class' => 'form-control',
                                                'id' => 'gross_total',
                                                'readonly',
                                                'min' => '0',
                                                'autocomplete' => 'off',
                                            ]) !!}
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('pay_amount', 'Pay Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('pay_amount', null, ['class' => 'form-control numeric', 'id' => 'pay_amount', 'min' => '0','autocomplete' => 'off']) !!}
                                            <p id='pay_amounte' style="max-height:3px;"></p>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        {!! Form::label('due_amount', 'Due Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                        <div class="col-sm-8">
                                            {!! Form::text('due_amount', null, ['class' => 'form-control numeric', 'id' => 'due_amount', 'readonly','autocomplete' => 'off']) !!}
                                            <p id='due_amounte' style="max-height:3px;"></p>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </fieldset>

                        <!-- Billing Information Stop -->

                        <br>

                        <div class="row">

                            <div class="col-md-12">
                                <div class="form-group" style="margin-top: 20px;">
                                    {!! Form::label('submit', ' ', ['class' => 'col-sm-4 control-label']) !!}
                                    <div class="col-sm-8 text-right" >
                                        {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                        <a href="{{route($module.'_list')}}" class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>
                            </div>

                        </div>


                    {!! Form::close()  !!}

                    <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                </div>
            </div>

            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>

        <div class="col-md-1"></div>

    </div>
</div>

<script>
    $(document).ready(function(){
        var isBarcodeStatusJQ = {{ $isBarcodeStatus }};
        var companyTypeJQ = "{{ $companyType }}";

        var inputDate = $('#bill_date');
        var branchSearchId = $('#branch_id');
        if(companyTypeJQ == 'TRDG'){
            $(inputDate).datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd-mm-yy',
                onSelect: function () {
                    var selectedDate = $(this).val(); // or use .datepicker('getDate') for a Date object
                    var branch_id = branchSearchId.val();
                    var $input = $(this); // Save reference to the input
                    $.ajax({
                        type: 'post',
                        url: '{{url("/pos/branchActiveDateCheckWhichSuitable")}}',
                        data: { branch_id: branch_id, selectedDate: selectedDate},
                        dataType: 'json',
                        success: function(_response) {
                            if (_response) {
                                // $("#purchase_date").datepicker("option", "maxDate", _response.branchActiveDate);
                                $input.val(_response); // Use saved reference here
                                // console.log("Set value:", _response);
                            }
                        },
                        error: function (xhr, status, error) {
                            console.error('AJAX Error:', error);
                        }
                    });
                }
            });
        }

        $('#customer_id').change(function() {
            var customerId = $(this).val();
            $("#chalan_no").empty();
            $("#chalan_no").prepend(
                '<option selected="selected" value="">Select Chalan No</option>');

            if (customerId) {
                $.ajax({
                    type: 'post',
                    url: '{{ route('get_customer_info') }}',
                    data: {
                        '_token': $('input[name=_token]').val(),
                        'customerId': customerId
                    },
                    success: function(_response) {
                        if (_response.url != null && _response
                            .isCustomerSaleStatusForAddress == 'true') {
                            Swal.fire({
                                icon: _response.responseTitle,
                                title: "Customer Information Falied",
                                text: _response.responseMessage,
                                showDenyButton: true,
                                //showCancelButton: true,
                                confirmButtonText: 'Edit Customer',
                                denyButtonText: 'No',
                                customClass: {
                                    actions: 'my-actions',
                                    cancelButton: 'order-1 right-gap',
                                    confirmButton: 'order-2',
                                    denyButton: 'order-3',
                                }
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    var URL = "{{ url('/') }}" + _response
                                        .url;
                                    window.open(URL, '_blank');
                                } else if (result.isDenied) {
                                    $('#customer_name').val('');
                                    $('#spouse_name').val('');
                                    $('#phone_no').val('');
                                    $('#national_id').val('');
                                }
                                //  else if (result.isDismissed) {
                                //     Swal.fire('Canceled', '', 'info');
                                // }
                            });

                            $('#customer_name').val('');
                            $('#spouse_name').val('');
                            $('#phone_no').val('');
                            $('#national_id').val('');
                            $('#set_customer').hide();
                        } else {
                            $('#customer_name').val(_response.data.name);
                            $('#spouse_name').val(_response.data.spouse_name);
                            $('#phone_no').val(_response.data.phone);
                            $('#national_id').val(_response.data.national_id);
                            //console.log(_response.allChalanDetails.length,_response.allChalanDetails);
                            if(_response.allChalanDetails){
                                var chalanInfoAll = _response.allChalanDetails;
                                $.each(chalanInfoAll, function(index, result) {
                                    $('#chalan_no').append(
                                        "<option value='" + result.id +
                                        "'>" + result.chalan_no + "</option>"
                                    );
                                });
                            }
                        }
                    }
                });
            } else {
                $('#customer_name').val('');
                $('#spouse_name').val('');
                $('#mobile_no').val('');
                $('#national_id').val('');
            }
        });

        $('#chalan_no').change(function (e){
            var chalanNo = $(this).val();
            $('#chalan_sales_date').val('');

            if(chalanNo){
                $.ajax({
                    type: 'post',
                    url: "{{ route('pos_chalan_details_info_for_billing') }}",
                    data: {
                        '_token': $('input[name=_token]').val(),
                        'chalan_no': chalanNo
                    },
                    success: function(_response)
                    {
                        $('#vat_percent').val(_response.vatPercent).attr('data-vatpercent', _response.vatPercent);
                        $('#tax_percent').val(_response.taxPercent).attr('data-taxpercent', _response.taxPercent);
                        let chalanDate = _response.chalanInfo.chalan_sales_date;
                        let dateParts = chalanDate.split('-');
                        let formattedDate = `${dateParts[2]}-${dateParts[1]}-${dateParts[0]}`;
                        $('#chalan_sales_date').val(formattedDate);
                        $('#tableChalanBody').empty();
                        if(_response.chalanInfoDetails){
                            console.log(_response.chalanInfoDetails);
                            let rowContent = '';
                            let slChalan = 0;
                            let chalan_row_id = '';
                            let chalan_sale_id = '';
                            let chalan_sales_bill_no = '';
                            let product_id = 0;
                            let product_barcode = '';
                            let product_name = '';
                            let product_pid_id = 0;
                            let product_pid = 0;
                            let product_discount_id = '';
                            let product_discount_val = 0;
                            let product_price_calculation_dis = 0;
                            let product_discount_val_amount = 0;
                            let product_price_after_dis = 0;
                            let product_qty = 0;
                            let product_price = 0;
                            let total_price = 0;
                            $.each(_response.chalanInfoDetails, function(keyChalan, valueChalan) {
                                slChalan++;
                                chalan_sale_id = valueChalan.chalan_sale_id;
                                product_id = valueChalan.product_details.id;
                                product_barcode = valueChalan.product_details.barcode;
                                product_name = valueChalan.product_details.name;
                                product_pid_id = valueChalan.product_barcode_details.id;
                                product_pid = valueChalan.product_barcode_details.barcode_serial;
                                product_qty = parseInt(valueChalan.quantity);
                                product_price = parseFloat(valueChalan.chalan_sales_amount);
                                product_discount_id = valueChalan.discount_percent_id;
                                product_discount_val = parseFloat(valueChalan.discount_percent);
                                if (product_discount_val > 0) {
                                    product_discount_val_amount = parseFloat(Math.ceil(product_price *
                                        product_discount_val) / 100).toFixed(5).replace(/\.0+$/, '');
                                    product_price_calculation_dis = parseFloat(product_price - product_discount_val_amount);
                                }
                                product_price_after_dis = parseFloat(valueChalan.chalan_sales_amount_after_discount);
                                total_price = parseFloat(product_qty * product_price_after_dis);

                                rowContent = `
                                <tr id="rowChalan${slChalan}" class="forChalan">
                                    <td style="text-align:center">${slChalan} </td>
                                    <td style="text-align:center">${product_barcode}-${product_name}
                                        <input type="hidden" name="chalanBillId[]" class="form-control chalanBillId" id="chalanBillId_${slChalan}" style="text-align:center; cursor:default" value="${chalan_sale_id}"/>
                                        <input type="hidden" name="chalanProductId[]" class="form-control chalanProductId" id="chalanProductId_${slChalan}" style="text-align:center; cursor:default" value="${product_id}"/>
                                        <input type="hidden" name="chalanProductBarcode[]" class="form-control chalanProductBarcode" style="text-align:left; cursor:default" id="chalanProductBarcode_${slChalan}" value="${product_barcode}" readonly/>
                                        <input type="hidden" name="chalanProductName[]" class="form-control chalanProductName" style="text-align:left; cursor:default" id="chalanProductName_${slChalan}" value="${product_name}" readonly/>
                                        <input type="hidden" name="chalanProductPidId[]" class="form-control input-sm hidden chalanProductPidId" id="chalanProductPidId_${slChalan}" style="text-align:center; cursor:default" value="${product_pid_id}"/>
                                    </td>
                                    ${isBarcodeStatusJQ === false ? `
                                    <td>
                                        <input type="text" name="chalanProductPid[]" class="form-control chalanProductPid"  style="text-align:left; cursor:default" id="chalanProductPid_${slChalan}" value="${product_pid}" readonly/>
                                    </td>` : ''}
                                    <td>
                                        ${product_price_after_dis}
                                        <input type="hidden" name="chalanProductQty[]" class="form-control input-sm chalanProductQty" id="chalanProductQty_${slChalan}" style="text-align:center; cursor:default" value="${product_qty}" readonly/>
                                        <input type="hidden" name="chalanProductDisId[]" class="form-control input-sm chalanProductDisId" id="chalanProductDisId_${slChalan}" style="text-align:center; cursor:default" value="${product_discount_id}" readonly/>
                                        <input type="hidden" name="chalanProductDis[]" class="form-control input-sm chalanProductDis" id="chalanProductDis_${slChalan}" style="text-align:center; cursor:default" value="${product_discount_val}" readonly/>
                                        <input type="hidden" name="chalanProductDisAmount[]" class="form-control input-sm chalanProductDisAmount" id="chalanProductDisAmount_${slChalan}" style="text-align:center; cursor:default"  value="${product_discount_val_amount}" readonly/>
                                        <input type="hidden" name="chalanProductPriceCalculationDis[]" class="form-control input-sm chalanProductPriceCalculationDis" id="chalanProductPriceCalculationDis_${slChalan}" style="text-align:center; cursor:default"  value="${product_price_calculation_dis}" readonly/>
                                        <input type="hidden" name="chalanProductTotalPrice[]" class="form-control input-sm chalanProductTotalPrice" id="chalanProductTotalPrice_${slChalan}" style="text-align:center; cursor:default" value="${product_price}" readonly/>
                                        <input type="hidden" name="chalanProductDiscountPrice[]" class="form-control input-sm chalanProductDiscountPrice" id="chalanProductDiscountPrice_${slChalan}" style="text-align:center; cursor:default" value="${product_price_after_dis}" readonly/>
                                        <input type="hidden" name="chalanProductPriceApnTable[]" class="form-control input-sm chalanProductPriceApnTable" id="chalanProductPriceApnTable_${slChalan}" style="text-align:center; cursor:default"  value="${total_price}" readonly/>
                                    </td>
                                    <td style="text-align:center">${product_qty} </td>
                                    <td style="text-align:center">${total_price} </td>

                                    <td style="text-align:center;">
                                        <a href="javascript:;" name="addItemNext" id="addItemNext" data-slid="${slChalan}" class="addItemNext" style="width:80px"><i class="glyphicon glyphicon-plus" style="color:green; font-size:16px"></i></a>
                                    </td>
                                </tr>
                                `;
                                $('#tableChalanBody').append(rowContent);
                            });
                        }
                    }
                });
            }else{
                $('#tableChalanBody').empty();
            }

        });

        let slBilling = 0;
        $(document).on("click",".addItemNext",function(){
            let button_id = $(this).data("slid");
            var isExist = '';
            let rowContentBilling = '';
            let product_price_calculation_dis = 0;
            let chalan_sale_id = $('#chalanBillId_'+button_id).val();
            let product_id = $('#chalanProductId_'+button_id).val();
            let product_barcode = $('#chalanProductBarcode_'+button_id).val();;
            let product_name = $('#chalanProductName_'+button_id).val();
            let product_pid_id = $('#chalanProductPidId_'+button_id).val();
            let product_pid = $('#chalanProductPid_'+button_id).val();
            let product_discount_id = $('#chalanProductDisId_'+button_id).val();
            let product_discount_val = $('#chalanProductDis_'+button_id).val();
            let product_discount_val_amount = $('#chalanProductDisAmount_'+button_id).val();
            let product_price_after_dis = $('#chalanProductDiscountPrice_'+button_id).val();
            if (product_discount_val > 0) {
                let product_price_calculation_dis = parseFloat(product_price - product_discount_val_amount);
            }
            let product_qty = $('#chalanProductQty_'+button_id).val();
            let product_price = $('#chalanProductDiscountPrice_'+button_id).val();
            let total_price = $('#chalanProductPriceApnTable_'+button_id).val();

            $('#tableBillBody tr.forBilling').each(function() {
                @if ($isBarcodeStatus == 'false')
                    var cell_text = $(this).closest('tr').find('.billingProductPidId').val();

                    if (cell_text == product_pid_id) {
                        Swal.fire({
                            icon: 'warning',
                            title: 'This product PID already added',
                            text: 'Please choose another one.'
                        });

                        isExist = 'yes';
                    }
                @else
                    var cell_text = $(this).closest('tr').find('.billingProductId').val();

                    if (cell_text == product_id) {
                        Swal.fire({
                            icon: 'warning',
                            title: 'This product already added',
                            text: 'Please choose another one or increment qty.'
                        });

                        isExist = 'yes';
                    }
                @endif
            });

            slBilling++;
            if (isExist !== 'yes') {

                rowContentBilling = `
                    <tr id="rowBilling${slBilling}" class="forBilling">
                        <td style="text-align:center">${slBilling} </td>
                        <td style="text-align:center">${product_barcode}-${product_name}
                            <input type="hidden" name="billingChalanBillId[]" class="form-control billingChalanBillId" id="billingChalanBillId_${slBilling}" style="text-align:center; cursor:default" value="${chalan_sale_id}"/>
                            <input type="hidden" name="billingProductId[]" class="form-control billingProductId" id="billingProductId_${slBilling}" style="text-align:center; cursor:default" value="${product_id}"/>
                            <input type="hidden" name="billingProductBarcode[]" class="form-control billingProductBarcode" style="text-align:left; cursor:default" id="billingProductBarcode_${slBilling}" value="${product_barcode}" readonly/>
                            <input type="hidden" name="billingProductName[]" class="form-control billingProductName" style="text-align:left; cursor:default" id="billingProductName_${slBilling}" value="${product_name}" readonly/>
                            <input type="hidden" name="billingProductPidId[]" class="form-control input-sm hidden billingProductPidId" id="billingProductPidId_${slBilling}" style="text-align:center; cursor:default" value="${product_pid_id}"/>
                        </td>
                        ${isBarcodeStatusJQ === false ? `
                        <td>
                            <input type="text" name="billingProductPid[]" class="form-control billingProductPid"  style="text-align:left; cursor:default" id="billingProductPid_${slBilling}" value="${product_pid}" readonly/>
                        </td>` : ''}
                        <td>
                            <input type="text" name="billingProductDiscountPrice[]" class="form-control input-sm billingProductDiscountPrice" id="billingProductDiscountPrice_${slBilling}" style="text-align:center; cursor:default" value="${product_price_after_dis}" data-slidincrementprice="${slBilling}"/>
                            <input type="hidden" name="billingOldProductQty[]" class="form-control input-sm billingOldProductQty" id="billingOldProductQty_${slBilling}" style="text-align:center; cursor:default" value="${product_qty}" readonly/>
                            <input type="hidden" name="billingProductDisId[]" class="form-control input-sm billingProductDisId" id="billingProductDisId_${slBilling}" style="text-align:center; cursor:default" value="${product_discount_id}" readonly/>
                            <input type="hidden" name="billingProductDis[]" class="form-control input-sm billingProductDis" id="billingProductDis_${slBilling}" style="text-align:center; cursor:default" value="${product_discount_val}" readonly/>
                            <input type="hidden" name="billingProductDisAmount[]" class="form-control input-sm billingProductDisAmount" id="billingProductDisAmount_${slBilling}" style="text-align:center; cursor:default"  value="${product_discount_val_amount}" readonly/>
                            <input type="hidden" name="billingProductPriceCalculationDis[]" class="form-control input-sm billingProductPriceCalculationDis" id="billingProductPriceCalculationDis_${slBilling}" style="text-align:center; cursor:default"  value="${product_price_calculation_dis}" readonly/>
                            <input type="hidden" name="billingProductTotalPrice[]" class="form-control input-sm billingProductTotalPrice" id="billingProductTotalPrice_${slBilling}" style="text-align:center; cursor:default" value="${product_price}" readonly/>

                            <input type="hidden" name="billingProductPriceApnTable[]" class="form-control input-sm billingProductPriceApnTable" id="billingProductPriceApnTable_${slBilling}" style="text-align:center; cursor:default"  value="${total_price}" readonly/>
                        </td>
                        <td style="text-align:center" id="billingProductQtyForShow_${slBilling}">
                            <input type="text" name="billingProductQty[]" class="form-control input-sm billingProductQty" id="billingProductQty_${slBilling}" style="text-align:center; cursor:default" value="${product_qty}" data-slidincrementqty="${slBilling}"/> </td>
                        <td style="text-align:center" id="billingProductTotalPriceForShow_${slBilling}">${total_price} </td>

                        <td style="text-align:center;">
                            <a href="javascript:;" name="remove" id="${slBilling}" class="btn_remove" style="width:80px"><i class="glyphicon glyphicon-trash" style="color:red; font-size:16px"></i></a>
                        </td>
                    </tr>
                `;

                $('#tableBillBody').append(rowContentBilling);
            }

            updateSerialNumbers();
            getTotalSumCalculation();
            //----------Discount Sum Are End--------//

        });

        // calculation of tatal price per row when qty change
        $(document).on("keyup", ".billingProductQty", function () {
            // Correctly retrieve slId from data attribute
            var slId = $(this).attr("data-slidincrementqty");
            var productQntyForTotalPrice = parseInt($(this).val()) || 0; // Parse or default to 0
            var productOldQntyForTotalPrice = parseFloat($('#billingOldProductQty_' + slId).val()) || 0; // Parse or default to 0

            // Debugging logs
            // console.log("slId:", slId, "Entered Quantity:", productQntyForTotalPrice, "Old Quantity:", productOldQntyForTotalPrice);

            // Check if entered quantity exceeds the old quantity
            if (productQntyForTotalPrice > productOldQntyForTotalPrice) {
                Swal.fire({
                    icon: 'warning',
                    title: 'Warning',
                    text: 'Please give a quantity less than or equal to ' + productOldQntyForTotalPrice,
                    showConfirmButton: false,
                    timer: 1500
                });
                // Reset input and related fields
                $(this).val('');
                productQntyForTotalPrice = 0;
                $('#billingProductTotalPriceForShow_' + slId).text('');
                $('#billingProductPriceApnTable_' + slId).val('');
                getTotalSumCalculation();
                return; // Exit early since quantity is invalid
            }

            // Retrieve product price for total price calculation
            var productPriceForTotalPrice = parseFloat($('#billingProductDiscountPrice_' + slId).val()) || 0;

            // Calculate total price and format it
            var toShowTotalPriceInApnTable = parseFloat(
                (productQntyForTotalPrice * productPriceForTotalPrice).toFixed(5)
            ).toString().replace(/\.0+$/, '');

            // Update the total price in the UI
            $("#billingProductTotalPriceForShow_" + slId).text(toShowTotalPriceInApnTable);
            $("#billingProductPriceApnTable_" + slId).val(toShowTotalPriceInApnTable);

            // Call the function to update the overall sum
            getTotalSumCalculation();
        });

        // calculation of tatal price per row when price change
        $(document).on("keyup", ".billingProductDiscountPrice", function () {
            // Fetch the serial ID from the `data-slidincrementprice` attribute
            var slId = $(this).attr("data-slidincrementprice");
            var productPriceForTotalPrice = parseFloat($(this).val()) || 0;
            var productQntyForTotalPrice = parseFloat($('#billingProductQty_' + slId).val()) || 0;

            // Calculate the total price for the product (quantity * price)
            var toShowTotalPriceInApnTable = parseFloat(
                (productQntyForTotalPrice * productPriceForTotalPrice).toFixed(5)
            ).toString().replace(/\.0+$/, ''); // Remove unnecessary trailing zeros

            // Debugging output for verification
            // console.log({
            //     slId: slId,
            //     productPriceForTotalPrice: productPriceForTotalPrice,
            //     productQntyForTotalPrice: productQntyForTotalPrice,
            //     totalPrice: toShowTotalPriceInApnTable
            // });

            // Update the UI with the calculated total price
            $("#billingProductTotalPriceForShow_" + slId).text(toShowTotalPriceInApnTable); // Display value
            $("#billingProductPriceApnTable_" + slId).val(toShowTotalPriceInApnTable); // Hidden input value

            // Recalculate the total sum of all products
            getTotalSumCalculation();
        });

        $(document).on('click', '.btn_remove', function() {

            var button_id = $(this).attr("id");
            $('#rowBilling' + button_id + '').remove();
            getTotalSumCalculation();

            rowCount = $('#tableBillBody tr').length;
            if (rowCount == 0) {
                $('#discount_percent').val('');
                $('#discount_amount').val('');
                $('#vat_percent').val('');
                $('#vat_amount').val('');
                $('#total_amount_after_discount').val('');
                $('#charTotalQuantity').text('');
                $('#chartTotalSalesPrice').text('');
                $('#chartTotalAmount').text('');
                $('#charTotalDiscount').text('');
                $('#total_amount').val('');
                $('#total_amount_for_dis').val('');
                $('#gross_total').val('');
                $('#pay_amount').val('');
                $('#total_quantity').val('');
            }

        });


        $(document).on('keyup', '#discount_percent', function(e) {
            var discountKeyup = $(this).val();
            if (discountKeyup != '' || discountKeyup != '0') {
                $.ajax({
                    type: 'post',
                    async: false,
                    url: '{{ route('product-discount-limit-check') }}',
                    data: {
                        _token: '<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/demo_bk/resources/views/pos/transaction/sale/billingSale/createBillingSale.blade.php:787
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/transaction/sale/billingSale/createBillingSale.blade.php</b> on line <b>787</b><br />