@extends('layouts.app')

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

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('accounting-reports::lang.manual_journal_entry')</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>
                </div>
            </div>
        </div>
        <br>
        
        <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.debit')</th>
                        <th>@lang('accounting-reports::lang.credit')</th>
                        <th>@lang('messages.action')</th>
                    </tr>
                </thead>
            </table>
        </div>
    @endcomponent
</section>

@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function() {
        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.source_module = 'manual';
                }
            },
            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: '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: 'action', 
                    name: 'action', 
                    orderable: false, 
                    searchable: false,
                    render: function(data, type, row) {
                        var html = '<div class="btn-group">';
                        html += '<a href="{{ url("accounting-reports/manual-journal-entry") }}/' + 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/manual-journal-entry") }}/' + 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/manual-journal-entry") }}/' + row.id + '" class="btn btn-danger btn-xs delete_entry" title="@lang("messages.delete")"><i class="fa fa-trash"></i></button>';
                        }
                        html += '</div>';
                        return html;
                    }
                }
            ],
            order: [[1, 'desc']],
        });

        // 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);
                            }
                        }
                    });
                }
            });
        });
    });
</script>
@endsection