@extends('layouts.app')

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

@section('content')

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

<!-- Main content -->
<section class="content">
    {!! Form::open(['url' => route('accounting-reports.journal-entry-management.update', $journal->id), 'method' => 'put', 'id' => 'journal_entry_form']) !!}
    {!! Form::hidden('id', $journal->id) !!}
    
    <div class="box box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">Journal Entry Details</h3>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('voucher_date', __('accounting-reports::lang.voucher_date') . ':*') !!}
                        {!! Form::text('voucher_date', $journal->voucher_date, ['class' => 'form-control date-picker', 'required', 'readonly']) !!}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {!! Form::label('location_id', __('accounting-reports::lang.location') . ':') !!}
                        {!! Form::select('location_id', $locations, $journal->location_id, ['class' => 'form-control select2', 'placeholder' => __('lang_v1.all'), 'style' => 'width:100%']) !!}
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('narration', __('accounting-reports::lang.narration') . ':*') !!}
                        {!! Form::text('narration', $journal->narration, ['class' => 'form-control', 'required']) !!}
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('reference', __('accounting-reports::lang.reference') . ':') !!}
                        {!! Form::text('reference', $journal->reference, ['class' => 'form-control']) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="box box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">Journal Entry Lines</h3>
            <div class="box-tools pull-right">
                <button type="button" class="btn btn-sm btn-success" id="add-line-btn">
                    <i class="fa fa-plus"></i> @lang('accounting-reports::lang.add_line')
                </button>
            </div>
        </div>
        <div class="box-body">
            <div id="journal-lines">
                @foreach($journal->lines as $index => $line)
                <div class="journal-line row" data-line="{{ $index }}">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label>@lang('accounting-reports::lang.select_account') *</label>
                            <select name="lines[{{ $index }}][account_id]" class="form-control select2 account-select" style="width:100%" required>
                                <option value="">@lang('lang_v1.please_select')</option>
                                @foreach($accounts as $account)
                                    <option value="{{ $account->id }}" {{ $line->account_id == $account->id ? 'selected' : '' }}>{{ $account->code }} - {{ $account->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>@lang('accounting-reports::lang.debit')</label>
                            <input type="number" name="lines[{{ $index }}][debit_amount]" class="form-control debit-amount" step="0.01" min="0" placeholder="0.00" value="{{ $line->debit ?? 0 }}">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>@lang('accounting-reports::lang.credit')</label>
                            <input type="number" name="lines[{{ $index }}][credit_amount]" class="form-control credit-amount" step="0.01" min="0" placeholder="0.00" value="{{ $line->credit ?? 0 }}">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>&nbsp;</label><br>
                            <button type="button" class="btn btn-danger btn-sm remove-line" {{ $journal->lines->count() <= 2 ? 'style="display:none;"' : '' }}>
                                <i class="fa fa-trash"></i>
                            </button>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-info">
                        <strong>Total Debit:</strong> <span id="total-debit">0.00</span> | 
                        <strong>Total Credit:</strong> <span id="total-credit">0.00</span> | 
                        <strong>Difference:</strong> <span id="balance-diff" class="text-danger">0.00</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-primary pull-right" id="submit-btn" disabled>
                @lang('messages.update')
            </button>
            <a href="{{ route('accounting-reports.journal-entry-management.index') }}" class="btn btn-default pull-right" style="margin-right: 5px;">
                @lang('messages.cancel')
            </a>
        </div>
    </div>

    {!! Form::close() !!}
</section>

@endsection

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

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

        var lineCount = {{ $journal->lines->count() }};

        // Add line
        $('#add-line-btn').on('click', function() {
            var lineHtml = '<div class="journal-line row" data-line="' + lineCount + '">';
            lineHtml += '<div class="col-md-4"><div class="form-group">';
            lineHtml += '<label>@lang("accounting-reports::lang.select_account") *</label>';
            lineHtml += '<select name="lines[' + lineCount + '][account_id]" class="form-control select2 account-select" style="width:100%" required>';
            lineHtml += '<option value="">@lang("lang_v1.please_select")</option>';
            @foreach($accounts as $account)
            lineHtml += '<option value="{{ $account->id }}">{{ $account->code }} - {{ $account->name }}</option>';
            @endforeach
            lineHtml += '</select></div></div>';
            lineHtml += '<div class="col-md-3"><div class="form-group">';
            lineHtml += '<label>@lang("accounting-reports::lang.debit")</label>';
            lineHtml += '<input type="number" name="lines[' + lineCount + '][debit_amount]" class="form-control debit-amount" step="0.01" min="0" placeholder="0.00">';
            lineHtml += '</div></div>';
            lineHtml += '<div class="col-md-3"><div class="form-group">';
            lineHtml += '<label>@lang("accounting-reports::lang.credit")</label>';
            lineHtml += '<input type="number" name="lines[' + lineCount + '][credit_amount]" class="form-control credit-amount" step="0.01" min="0" placeholder="0.00">';
            lineHtml += '</div></div>';
            lineHtml += '<div class="col-md-2"><div class="form-group">';
            lineHtml += '<label>&nbsp;</label><br>';
            lineHtml += '<button type="button" class="btn btn-danger btn-sm remove-line"><i class="fa fa-trash"></i></button>';
            lineHtml += '</div></div></div>';

            $('#journal-lines').append(lineHtml);
            $('.select2').select2();
            lineCount++;
            updateRemoveButtons();
            calculateTotals();
        });

        // Remove line
        $(document).on('click', '.remove-line', function() {
            if ($('.journal-line').length > 2) {
                $(this).closest('.journal-line').remove();
                updateRemoveButtons();
                calculateTotals();
            }
        });

        // Calculate totals
        $(document).on('input', '.debit-amount, .credit-amount', function() {
            calculateTotals();
        });

        function calculateTotals() {
            var totalDebit = 0;
            var totalCredit = 0;

            $('.debit-amount').each(function() {
                totalDebit += parseFloat($(this).val() || 0);
            });

            $('.credit-amount').each(function() {
                totalCredit += parseFloat($(this).val() || 0);
            });

            $('#total-debit').text(totalDebit.toFixed(2));
            $('#total-credit').text(totalCredit.toFixed(2));

            var diff = Math.abs(totalDebit - totalCredit);
            $('#balance-diff').text(diff.toFixed(2));

            if (diff < 0.01 && totalDebit > 0 && totalCredit > 0) {
                $('#balance-diff').removeClass('text-danger').addClass('text-success');
                $('#submit-btn').prop('disabled', false);
            } else {
                $('#balance-diff').removeClass('text-success').addClass('text-danger');
                $('#submit-btn').prop('disabled', true);
            }
        }

        function updateRemoveButtons() {
            if ($('.journal-line').length > 2) {
                $('.remove-line').show();
            } else {
                $('.remove-line').hide();
            }
        }

        // Initial calculation
        calculateTotals();
        updateRemoveButtons();
    });
</script>
@endsection