@extends('layouts.app')

@section('title', __('accounting-reports::lang.journal_entry_management'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('accounting-reports::lang.journal_entry_management')</h1>
</section>

<!-- Main content -->
<section class="content">
    @component('components.widget', ['class' => 'box-primary'])
        <div class="row">
            <div class="col-md-12">
                <div class="btn-group">
                    <a href="{{ route('accounting-reports.manual-journal-entry.create') }}" class="btn btn-success">
                        <i class="fa fa-plus"></i> @lang('accounting-reports::lang.add_manual_journal_entry')
                    </a>
                    <button type="button" class="btn btn-info" id="post_expenses_btn" title="Post existing expenses to journal entries">
                        <i class="fa fa-sync"></i> Post Existing Expenses
                    </button>
                </div>
            </div>
        </div>
        <br>
        
        <div class="row">
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('filter_from_date', __('accounting-reports::lang.from_date') . ':') !!}
                    {!! Form::text('filter_from_date', null, ['class' => 'form-control date-picker', 'id' => 'filter_from_date', 'readonly']) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('filter_to_date', __('accounting-reports::lang.to_date') . ':') !!}
                    {!! Form::text('filter_to_date', null, ['class' => 'form-control date-picker', 'id' => 'filter_to_date', 'readonly']) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('filter_location_id', __('accounting-reports::lang.location') . ':') !!}
                    {!! Form::select('filter_location_id', $locations, null, ['class' => 'form-control select2', 'id' => 'filter_location_id', 'placeholder' => __('lang_v1.all'), 'style' => 'width:100%']) !!}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('filter_source_module', __('accounting-reports::lang.source_module') . ':') !!}
                    {!! Form::select('filter_source_module', [
                        '' => __('lang_v1.all'),
                        'manual' => 'Manual',
                        'sale' => 'Sale',
                        'purchase' => 'Purchase',
                        'expense' => 'Expense',
                        'payment' => 'Payment',
                        'receipt' => 'Receipt',
                    ], null, ['class' => 'form-control select2', 'id' => 'filter_source_module', 'style' => 'width:100%']) !!}
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('search', __('lang_v1.search') . ':') !!}
                    {!! Form::text('search', null, ['class' => 'form-control', 'id' => 'search', 'placeholder' => __('lang_v1.search_placeholder')]) !!}
                </div>
            </div>
        </div>
        
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover" id="journal_entries_table" style="width:100%;">
                <thead>
                    <tr>
                        <th>@lang('accounting-reports::lang.voucher_no')</th>
                        <th>@lang('accounting-reports::lang.voucher_date')</th>
                        <th>@lang('accounting-reports::lang.narration')</th>
                        <th>@lang('accounting-reports::lang.reference')</th>
                        <th>@lang('accounting-reports::lang.location')</th>
                        <th>@lang('accounting-reports::lang.source_module')</th>
                        <th class="text-right">@lang('accounting-reports::lang.debit')</th>
                        <th class="text-right">@lang('accounting-reports::lang.credit')</th>
                        <th>Status</th>
                        <th>@lang('messages.action')</th>
                    </tr>
                </thead>
            </table>
        </div>
    @endcomponent
</section>

@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function() {
        $('.date-picker').datepicker({
            autoclose: true,
            format: datepicker_date_format
        });

        $('.select2').select2();

        var journal_entries_table = $('#journal_entries_table').DataTable({
            processing: true,
            serverSide: false,
            ajax: {
                url: '{{ route("accounting-reports.journal-entry-management.get-data") }}',
                data: function(d) {
                    d.from_date = $('#filter_from_date').val();
                    d.to_date = $('#filter_to_date').val();
                    d.location_id = $('#filter_location_id').val();
                    d.source_module = $('#filter_source_module').val();
                    d.search = $('#search').val();
                },
                dataSrc: function(json) {
                    if (json && json.success && json.data) {
                        return json.data;
                    } else if (json && json.data) {
                        // Handle case where success key might be missing
                        return json.data;
                    } else if (Array.isArray(json)) {
                        // Handle case where response is directly an array
                        return json;
                    }
                    console.error('DataTables Ajax Error:', json);
                    return [];
                },
                error: function(xhr, error, thrown) {
                    console.error('DataTables Ajax Error:', xhr, error, thrown);
                    if (xhr.responseJSON && xhr.responseJSON.error) {
                        toastr.error(xhr.responseJSON.error);
                    } else {
                        toastr.error('Error loading journal entries. Please check console for details.');
                    }
                }
            },
            columns: [
                { data: 'voucher_no', name: 'voucher_no' },
                { data: 'voucher_date', name: 'voucher_date' },
                { data: 'narration', name: 'narration' },
                { data: 'reference', name: 'reference', defaultContent: '-' },
                { data: 'location', name: 'location' },
                { data: 'source_module', name: 'source_module' },
                { 
                    data: 'total_debit', 
                    name: 'total_debit',
                    className: 'text-right',
                    render: function(data) {
                        return parseFloat(data || 0).toFixed(2);
                    }
                },
                { 
                    data: 'total_credit', 
                    name: 'total_credit',
                    className: 'text-right',
                    render: function(data) {
                        return parseFloat(data || 0).toFixed(2);
                    }
                },
                { 
                    data: 'status', 
                    name: 'status',
                    render: function(data) {
                        if (data == 'posted') {
                            return '<span class="label label-success">Posted</span>';
                        } else {
                            return '<span class="label label-warning">Draft</span>';
                        }
                    }
                },
                { 
                    data: 'action', 
                    name: 'action', 
                    orderable: false, 
                    searchable: false,
                    render: function(data, type, row) {
                        var html = '<div class="btn-group">';
                        html += '<a href="{{ url("accounting-reports/journal-entry-management") }}/' + row.id + '" class="btn btn-info btn-xs" title="@lang("messages.view")"><i class="fa fa-eye"></i></a>';
                        if (row.can_edit) {
                            html += '<a href="{{ url("accounting-reports/journal-entry-management") }}/' + row.id + '/edit" class="btn btn-primary btn-xs" title="@lang("messages.edit")"><i class="fa fa-edit"></i></a>';
                        }
                        if (row.can_delete) {
                            html += '<button type="button" data-href="{{ url("accounting-reports/journal-entry-management") }}/' + row.id + '" class="btn btn-danger btn-xs delete_entry" title="@lang("messages.delete")"><i class="fa fa-trash"></i></button>';
                        }
                        if (row.status == 'posted') {
                            html += '<button type="button" data-href="{{ url("accounting-reports/journal-entry-management") }}/' + row.id + '/reverse" class="btn btn-warning btn-xs reverse_entry" title="@lang("accounting-reports::lang.reverse_journal_entry")"><i class="fa fa-undo"></i></button>';
                        }
                        html += '</div>';
                        return html;
                    }
                }
            ],
            order: [[1, 'desc']],
        });

        // Filter on change
        $('#filter_from_date, #filter_to_date, #filter_location_id, #filter_source_module').on('change', function() {
            journal_entries_table.draw();
        });

        // Post existing expenses button
        $('#post_expenses_btn').on('click', function() {
            var btn = $(this);
            btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Posting...');
            
            $.ajax({
                url: '{{ route("accounting-reports.integrity.post-existing-expenses") }}',
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    if (response.success) {
                        toastr.success(response.message);
                        // Reload the table
                        journal_entries_table.ajax.reload();
                    } else {
                        toastr.error(response.message);
                    }
                },
                error: function(xhr) {
                    var errorMsg = 'Error posting expenses';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMsg = xhr.responseJSON.message;
                    }
                    toastr.error(errorMsg);
                },
                complete: function() {
                    btn.prop('disabled', false).html('<i class="fa fa-sync"></i> Post Existing Expenses');
                }
            });
        });

        // Search on keyup
        var searchTimeout;
        $('#search').on('keyup', function() {
            clearTimeout(searchTimeout);
            var self = this;
            searchTimeout = setTimeout(function() {
                journal_entries_table.draw();
            }, 500);
        });

        // Delete entry
        $(document).on('click', '.delete_entry', function() {
            var url = $(this).data('href');
            swal({
                title: LANG.sure,
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        method: 'DELETE',
                        url: url,
                        dataType: 'json',
                        success: function(result) {
                            if (result.success) {
                                toastr.success(result.msg);
                                journal_entries_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
                }
            });
        });

        // Reverse entry
        $(document).on('click', '.reverse_entry', function() {
            var url = $(this).data('href');
            swal({
                title: 'Reverse Journal Entry?',
                text: 'This will create a reversal entry. Continue?',
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willReverse) => {
                if (willReverse) {
                    $.ajax({
                        method: 'POST',
                        url: url,
                        data: {_token: '{{ csrf_token() }}'},
                        dataType: 'json',
                        success: function(result) {
                            if (result.success) {
                                toastr.success(result.msg);
                                journal_entries_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
                }
            });
        });
    });
</script>
@endsection