@extends('panel.layouts.app')
@section('page-title')
<title>
    {{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Purchase Entries
</title>
@stop
@section('content')
<div class="content-wrapper">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <section class="content">
                <div class="box box-default">
                    <div class="box-header with-border">
                        <i class="fa fa-cube"></i>
                        <h3 class="box-title">Purchase Entries</h3>
                    </div>
                    <div class="box-header with-border head-design row">
                        <div class="col-md-3">
                            <div class="form-group has-feedback">
                                <label>Start Date</label>
                                <div class="input-group ">
                                    {{Form::text( 'start_date', $startDate, [ "class" => "form-control", "id" => 'startDate' ]) }}
                                    <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group has-feedback">
                                <label>End Date</label>
                                <div class="input-group ">
                                    {{Form::text( 'end_date', $endDate, [ "class" => "form-control", "id" => 'endDate' ]) }}
                                    <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div>
                                </div>
                            </div>
                        </div>
                        {{ Form::close() }}
                        {{ Form::hidden('sdate','',['id'=>'sdate']) }}
                        {{ Form::hidden('edate','',['id'=>'edate']) }}
                        <div class="mar-top-btn">
                            <div class="col-md-1">
                                <button value="Reset" class="btn btn-sm btn-default btn-block reset-income-report-filter">Reset</button>
                            </div>
                            <div class="col-md-5">
                                <div class="box-tools box-tools-common pull-right">
                                    @if(LaraCore::canOrNot('delete_carriers'))
                                    <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" data-toggle="modal" data-target="#delete_purchase_entry_modal"  title="Delete selected items" id="deleteAll" name="remove_purchaseEntry">
                                        <i class="fa fa-trash"></i>
                                    </a>
                                    @endif
                                    <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('purchaseEntriesTable')" title="Search"><i class="fa fa-search"></i></a>
                                    <a href="javascript:void(0)" data-toggle="modal" data-target="#purchaseEntries_modal" class="btn btn-box-tool show-tooltip" title="Add Purchase Entry"><i class="fa fa-plus"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="box-body">
                        <div class="table-responsive">
                            <table id="purchaseEntriesTable" class="table table-bordered table-hover display">
                                <thead>
                                <th>Id</th> 
                                    <th class="text-center">
                                        @if(LaraCore::canOrNot('delete_carriers'))
                                        <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#purchaseEntriesTable" />
                                        @endif
                                    </th>
                                    <th>Bill No</th>
                                    <th>Date</th>
                                    <th>Name</th>
                                    <th>Invoice Amount</th>
                                    <th>CGST Amount</th>
                                    <th>SGST Amount</th>
                                    <th>IGST Amount</th>
                                    <th>NET Amount</th>
                                    <th>Payment Status</th>
                                    <th>Remark</th>
                                    <th>&nbsp;</th>
                                </thead>
                                <tbody>
                                </tbody>
                                <tfoot>
                                    <tr class="bg-color-foot-color">
                                    <th colspan="5" class="border-style"> <b>Total Amount:</b></th>
                                    <th class="border-style"></th>
                                    <th class="border-style"></th>
                                    <th class="border-style"></th>
                                    <th class="border-style"></th>
                                    <th class="border-style"></th>
                                    <th class="border-style"></th>
                                    <th class="border-style"></th>
                                    <th class="border-style"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="purchaseEntries_modal_div">
                    <div class="edit_modal">
                    </div>
                    @include('panel.purchaseentry.create')
                </div>
                @include('common.modal.delete_confirm_modal',['entity' => 'purchase_entry'])
            </section>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
      var rows_selected  = "";
    $(document).ready(function() {
        $('#endDate, #startDate').daterangepicker({
        singleDatePicker: true,
        autoUpdateInput: true,
        drops: "down",
        locale: {
            format: '{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}',
        },
        }).on('change', function(e) {
        PurchaseEntriesTable.draw();
        });
        initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
        initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
        PurchaseEntriesTable = $('#purchaseEntriesTable').DataTable({
            'language': {
                "emptyTable": '{{LaraCore::setting('no_records ')}}',"processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>"
            },
            "aLengthMenu": [
                [10, 20, 30, 40, 50, -1],
                [10, 20, 30, 40, 50, 'All']
            ],
            "order": [0, "desc"],
            processing: true,
            serverSide: true,
            ajax: {
                url: '{{route("purchase.entries.data")}}',
                type: 'POST',
                data: function (d) {
                d._token = $('hidden[name=_token]').val();
                d.start_date = $('input[name=start_date]').val();
                d.end_date = $('input[name=end_date]').val();
                },
            },
            columns: [
            { data: 'id', name: 'id' ,visible: false},
            {data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center', visible: '{{LaraCore::canOrNot("delete_carriers")}}'},
            { data: 'bill_no', name: 'bill_no' },
            { data: 'date', name: 'date',width: 'auto' },
            { data: 'party_name', name: 'party_name',width: 'auto'},
            { data: 'invoice_value', name: 'invoice_value',className: 'text-right', width: 'auto'},
            { data: 'cgst_value', name: 'cgst_value',className: 'text-right', width: 'auto'},
            { data: 'sgst_value', name: 'sgst_value',className: 'text-right', width: 'auto'},
            { data: 'igst_value', name: 'igst_value',className: 'text-right', width: 'auto'},
            { data: 'net_amount', name: 'net_amount',className: 'text-right', width: 'auto'},
            { data: 'payment_status', name: 'payment_status',className: 'text-left', width: 'auto'},
            { data: 'remark', name: 'remark',className: 'text-left', width: 'auto'},
            {data: 'actions', name: 'actions', orderable:false,searchable:false},       
            ],
           'rowCallback': function(row, data, dataIndex){
              var rowId = data['id']; 
              if($.inArray(rowId, rows_selected) !== -1){
                $(row).find('.entity_chkbox').prop('checked', true);
                $(row).addClass('selected');
              }
            },
            footerCallback: function (row, data, start, end, display) {
            var api = this.api(), data;
            
            var intVal = function (i) {
                return typeof i === 'string' ? i.replace(/[\$,]/g, '') * 1 : typeof i === 'number' ? i : 0;
            };

            var invoiceAmount = api.column(5).data().reduce(function (a, b) {
                return intVal(a) + intVal(b);
            }, 0);

            $(api.column(5).footer()).html(
                Number(invoiceAmount).toLocaleString('en')
            );

            var cgstAmount = api.column(6).data().reduce(function (a, b) {
                return intVal(a) + intVal(b);
            }, 0);

            $(api.column(6).footer()).html(
                Number(cgstAmount).toLocaleString('en')
            );

            var sgstAmount = api.column(7).data().reduce(function (a, b) {
                return intVal(a) + intVal(b);
            }, 0);

            $(api.column(7).footer()).html(
                Number(sgstAmount).toLocaleString('en')
            );

            var igstAmount = api.column(8).data().reduce(function (a, b) {
                return intVal(a) + intVal(b);
            }, 0);

            $(api.column(8).footer()).html(
                Number(igstAmount).toLocaleString('en')
            );

            var netAmount = api.column(9).data().reduce(function (a, b) {
                return intVal(a) + intVal(b);
            }, 0);

            $(api.column(9).footer()).html(
                Number(netAmount).toLocaleString('en')
            );
        }

        });
        initSelectAll('#purchaseEntriesTable', PurchaseEntriesTable);
        $( ".reset-income-report-filter" ).click(function(e) {
            $('select[name=clients]').val('').change();
            var startDate = '{{$startDate}}';
            var endDate = '{{$endDate}}';
            $('input[name=start_date]').val(startDate);
            $('input[name=end_date]').val(endDate);
            PurchaseEntriesTable.draw();
        });

        function createPurchaseEntries() {
            var form = $("#purchaseEntry_save");
            var formData = $(form).serialize();
            var url = $(form).attr('action');
            var id = form.find('input[name="id"]').val();
            $(form).find('.has-error').removeClass('has-error');
            $(form).find('.help-block').html('');
            var type = "POST";
            var options = {
                target: '',
                url: url,
                type: type,
                success: function(data) {
                    $(form)[0].reset();
                    $("#purchaseEntries_modal").modal('hide');
                    PurchaseEntriesTable.draw(true);
                    DisplayMessages(data['message']);
                },
                error: function(jqXHR, exception) {
                    var Response = jqXHR.responseText;
                    ErrorBlock = $(form);
                    Response = $.parseJSON(Response);
                    DisplayErrorMessages(Response, ErrorBlock, 'input');
                }
            }
            $(form).ajaxSubmit(options);
        }
      
        $(document).on('click', '.edit-purchase-entry', function () {
            var element = $(this); 
            EditPurchaseEntries(element);
        });

        function EditPurchaseEntries(element) {
            var Form = $("#purchaseEntry_save");
            var Id = element.attr('data-id');
            var APP_URL = $('meta[name="_base_url"]').attr('content');
            var url = APP_URL + '/purchaseEntry/' + Id + '/edit';
            $(".master-loader").show();
            $.ajax({
                type: "GET",
                url: url,
                data: "id=" + Id,
                dataType: "json",
                success: function (res) {
                    $('.purchaseEntries_modal_div .edit_modal').html(res.modal);
                    initIcheck();
                    initSelect();
                    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
                    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
                    $(".master-loader").fadeOut();
                    $('#purchaseEntries_modal').modal('show');
                    $('#invoice_value, #cgst_percent, #sgst_percent, #igst_percent').off('input').on('input', calculateValues);
                }
            });
        }

        $(document).on('hidden.bs.modal', '#purchaseEntries_modal',function (event) {
            $('.purchaseEntries_modal_div .edit_modal').html('');
            var form = $("#purchaseEntry_save");
            $(form)[0].reset();
            form.find('input[name="id"]').val('');
            $(form).find('.has-error').removeClass('has-error');
            $(form).find('.help-block').html('');
        });

        $(document).on('shown.bs.modal', '#purchaseEntries_modal',function (event) {
            var form = $("#purchaseEntry_save");
            $(form)[0].reset();
            $(form).find('.has-error').removeClass('has-error');
            $(form).find('.help-block').html('');
        });

        $(document).on('click', 'button[name="save_purchaseEntry"]', function(e) {
            e.preventDefault();
            createPurchaseEntries();
        });

        $(document).on('click', 'button[name="remove_purchaseEntry"]', function(e) {
            e.preventDefault();
            var purchaseEntryId = $(this).data('id') || "";
            if (purchaseEntryId != "") {
                deselect_all();
                $('#delete_purchase_entry').data('id', purchaseEntryId);
                $('#incomes-grid tbody input[type="checkbox"].entity_chkbox:checked').iCheck('uncheck');
                rows_selected.push(purchaseEntryId);
                $('#delete_purchase_entry_modal').modal('show');
            }
        });

        $(document).on('click', '#delete_purchase_entry', function(e) {
            e.preventDefault();
            var purchaseEntryIds = rows_selected;
            var formData = {
            purchaseEntryIds: purchaseEntryIds,
            _token: $('meta[name="csrf-token"]').attr('content')
            };
            var url = APP_URL + "/purchase-entry-delete";
            $.ajax({
                type: "POST",
                url: url,
                data: formData,
                dataType: 'json',
                success: function(data) {
                    PurchaseEntriesTable.draw();
                    $('#delete_purchase_entry_modal').modal('hide');
                    DisplayMessages(data['message']);
                },
                error: function(jqXHR, exception) {
                    var Response = jqXHR.responseText;
                    Response = $.parseJSON(Response);
                    DisplayMessages(Response.message, 'error');
                }
            });
        });

        function calculateValues() {
            let invoiceValue = parseFloat($('#invoice_value').val()) || 0;
            let cgstPercent = parseFloat($('#cgst_percent').val()) || 0;
            let sgstPercent = parseFloat($('#sgst_percent').val()) || 0;
            let igstPercent = parseFloat($('#igst_percent').val()) || 0;

            if (!$('#invoice_value').val()) {
                $('#cgst_value, #sgst_value, #igst_value, #net_amount, #cgst_percent, #sgst_percent, #igst_percent').val('');
                return;
            }
            const calculateTax = (percent) => (invoiceValue * percent) / 100;
            $('#cgst_value').val(cgstPercent ? calculateTax(cgstPercent).toFixed(2) : '');
            $('#sgst_value').val(sgstPercent ? calculateTax(sgstPercent).toFixed(2) : '');
            $('#igst_value').val(igstPercent ? calculateTax(igstPercent).toFixed(2) : '');

            let netAmount = invoiceValue + (parseFloat($('#cgst_value').val()) || 0) + (parseFloat($('#sgst_value').val()) || 0) + (parseFloat($('#igst_value').val()) || 0);
            $('#net_amount').val(netAmount.toFixed(2));
        }
        $('#invoice_value, #cgst_percent, #sgst_percent, #igst_percent').on('input', calculateValues);
    });

   
</script>
@stop