@extends('layouts.app')
@section('title', __('lang_v1.sell_packing'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header no-print">
    <h1>@lang('lang_v1.sell_packing')
    </h1>
</section>

<!-- Main content -->
<section class="content no-print">
    @component('components.widget', ['class' => 'box-primary'])
        @if ($totalPackedQuantity != $totalQuantity)
            @can('direct_sell.access')
                @slot('tool')
                    <div class="box-tools">
                        <a class="btn btn-block btn-primary btn-modal" data-container=".sell_packing_modal" data-href="{{action([\App\Http\Controllers\SellPackingController::class, 'add'], [$id])}}">
                        <i class="fa fa-plus"></i> @lang('messages.add')</a>
                    </div>
                @endslot
            @endcan
        @endif
        
        @include('sell_packing.partials.sell_packing_list')
    @endcomponent

    <div class="modal fade sell_packing_modal" tabindex="-1" role="dialog" 
        aria-labelledby="gridSystemModalLabel">
    </div>
</section>

<!-- /.content -->
@stop
@section('javascript')
<script src="{{ asset('js/payment.js?v=' . $asset_v) }}"></script>
<script>
    $(document).ready(function(){

        let url = new URL(window.location.href)
        let pathname = url.pathname;
        let parts = pathname.split('/')
        let id = parts[parts.length - 1];

        sell_packing_table = $('#sell_packing_table').DataTable({
            processing: true,
            serverSide: true,
            aaSorting: [[0, 'desc']],
            "ajax": {
                "url": `/sell-packing/${id}`,
            },
            columns: [
                { data: 'created_at', name: 'created_at'  },
                { data: 'invoice_no', name: 'invoice_no'},
                // { data: 'parent_sale', name: 'T1.invoice_no'},
                { data: 'name', name: 'name'},
                { data: 'product.name', name: 'product_name'},
                // { data: 'business_location', name: 'bl.name'},
                // { data: 'payment_status', name: 'payment_status'},
                // { data: 'final_total', name: 'final_total'},
                // { data: 'payment_due', name: 'payment_due'},
                { data: 'sell_lines.quantity', name: 'sell_quantity'},
                { data: 'quantity', name: 'quantity'},
                { data: 'action', name: 'action'}
            ]
        });
        $(document).on('change', '#sell_list_filter_location_id, #sell_list_filter_customer_id, #created_by',  function() {
            sell_packing_table.ajax.reload();
        });
    
        $(document).on('click', 'a.delete-packed-sale', function(e) {
            e.preventDefault();
            swal({
                title: LANG.sure,
                icon: 'warning',
                buttons: true,
                dangerMode: true,
            }).then(willDelete => {
                if (willDelete) {
                    var href = $(this).data('href');
                    var data = $(this).serialize();

                    $.ajax({
                        method: 'DELETE',
                        url: href,
                        dataType: 'json',
                        data: data,
                        success: function(result) {
                            if (result.success == true) {
                                toastr.success(result.msg);
                                sell_packing_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        },
                    });
                }
            });
        });

        $('.sell_packing_modal').on('shown.bs.modal', function(e) {
            var form = $('form#sell_packing_form');
            form.validate();

            $('form#sell_packing_form').validate();

            $(document).on('change', 'input.return_qty, #discount_amount, #discount_type', function() {
                update_sell_return_total()
            });
            
            update_sell_return_total();

            // $('form#sell_packing_form')
            //     .submit(function(e) {
            //         var form = this; // Get the form object
            //         e.preventDefault();
            //         var data = $(form).serialize();
            //         $.ajax({
            //             method: 'POST',
            //             url: $(form).attr('action'),
            //             dataType: 'json',
            //             data: data,
            //             beforeSend: function(xhr) {
            //                 __disable_submit_button($(form).find('button[type="submit"]'));
            //             },
            //             success: function(result) {
            //                 console.log(result);
            //                 if (result.success == true) {
            //                     $('div.sell_packing_modal').modal('hide');
            //                     toastr.success(result.msg);
            //                     sell_packing_table.ajax.reload();
            //                 } else {
            //                     toastr.error(result.msg);
            //                 }
            //             },
            //         });
            //     })

            // $('form#sell_packing_form').validate({
            //     rules: {
            //         'products[][quantity]': {
            //             required: true,
            //             // Add any other rules as needed
            //         },
            //     },
            //     submitHandler: function(form) {
            //         var data = $(form).serialize();
            //         $.ajax({
            //             method: 'POST',
            //             url: $(form).attr('action'),
            //             dataType: 'json',
            //             data: data,
            //             beforeSend: function(xhr) {
            //                 __disable_submit_button($(form).find('button[type="submit"]'));
            //             },
            //             success: function(result) {
            //                 console.log(result);
            //                 if (result.success == true) {
            //                     $('div.sell_packing_modal').modal('hide');
            //                     toastr.success(result.msg);
            //                     sell_packing_table.ajax.reload();
            //                 } else {
            //                     toastr.error(result.msg);
            //                 }
            //             },
            //         });
            //         return false;
            //     },
            // });
            
            $('form#sell_packing_form').submit(function(e) {
                e.preventDefault(); // Prevent the default form submission
                if (form.valid()) {
                    var data = form.serialize();
                    $.ajax({
                        method: 'POST',
                        url: form.attr('action'),
                        dataType: 'json',
                        data: data,
                        beforeSend: function(xhr) {
                            __disable_submit_button(form.find('button[type="submit"]'));
                        },
                        success: function(result) {
                            console.log(result);
                            if (result.success == true) {
                                $('div.sell_packing_modal').modal('hide');
                                toastr.success(result.msg);
                                sell_packing_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        },
                    });
                }

                return false; // Prevent the default form submission
            });
            $('form#sell_packing_edit_form').submit(function(e) {
                e.preventDefault(); // Prevent the default form submission
                // if (form.valid()) {
                //     var data = form.serialize();
                //     $.ajax({
                //         method: 'POST',
                //         url: form.attr('action'),
                //         dataType: 'json',
                //         data: data,
                //         beforeSend: function(xhr) {
                //             __disable_submit_button(form.find('button[type="submit"]'));
                //         },
                //         success: function(result) {
                //             console.log(result);
                //             if (result.success == true) {
                //                 $('div.sell_packing_modal').modal('hide');
                //                 toastr.success(result.msg);
                //                 sell_packing_table.ajax.reload();
                //             } else {
                //                 toastr.error(result.msg);
                //             }
                //         },
                //     });
                // }

                // return false; // Prevent the default form submission
            })
            .validate({
                rules: {
                    quantity : {
                        required: true
                    }
                },
                submitHandler: function(form) {
                    var _form = $(form);
                    e.preventDefault();
                    var data = _form.serialize();
                    $.ajax({
                        method: 'POST',
                        url: _form.attr('action'),
                        dataType: 'json',
                        data: data,
                        beforeSend: function(xhr) {
                            __disable_submit_button(_form.find('button[type="submit"]'));
                        },
                        success: function(result) {
                            console.log(result);
                            if (result.success == true) {
                                $('div.sell_packing_modal').modal('hide');
                                toastr.success(result.msg);
                                sell_packing_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        },
                    });
                },
            })
        });
    });

    function update_sell_return_total() {
        var net_return = 0;
        $('table#sell_packing_table tbody tr').each(function() {
            var quantity = __read_number($(this).find('input.return_qty'));
            var unit_price = __read_number($(this).find('input.unit_price'));
            var subtotal = quantity * unit_price;
            $(this).find('.return_subtotal').text(__currency_trans_from_en(subtotal, true));
            net_return += subtotal;
        });
        var discount = 0;
        if ($('#discount_type').val() == 'fixed') {
            discount = __read_number($("#discount_amount"));
        } else if ($('#discount_type').val() == 'percentage') {
            var discount_percent = __read_number($("#discount_amount"));
            discount = __calculate_amount('percentage', discount_percent, net_return);
        }
        discounted_net_return = net_return - discount;

        var tax_percent = $('input#tax_percent').val();
        var total_tax = __calculate_amount('percentage', tax_percent, discounted_net_return);
        var net_return_inc_tax = total_tax + discounted_net_return;

        $('input#tax_amount').val(total_tax);
        $('span#total_return_discount').text(__currency_trans_from_en(discount, true));
        $('span#total_return_tax').text(__currency_trans_from_en(total_tax, true));
        $('span#net_return').text(__currency_trans_from_en(net_return_inc_tax, true));
    }
</script>
	
@endsection