@extends('layouts.app')
@section('title', __('accounting.create_journal_entry'))

@section('content')
<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">
        <i class="fa fa-plus-circle tw-text-green-600 tw-mr-2"></i>
        {{ __('accounting.create_journal_entry') }}
    </h1>
</section>

<section class="content">
    @if(auth()->user()->can('create_manual_journal') || auth()->user()->can('account.access'))

        <form method="POST" action="{{ action([\App\Http\Controllers\JournalEntryController::class, 'store']) }}" id="journal_form">
            @csrf

            {{-- تفاصيل القيد --}}
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary box-solid">
                        <div class="box-header with-border">
                            <h3 class="box-title">
                                <i class="fa fa-info-circle tw-mr-1"></i>
                                {{ __('accounting.entry_details') }}
                            </h3>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group @error('entry_date') has-error @enderror">
                                        <label class="tw-font-semibold">
                                            {{ __('accounting.entry_date') }} <span class="text-danger">*</span>
                                        </label>
                                        <input type="date" name="entry_date" class="form-control"
                                               value="{{ old('entry_date', date('Y-m-d')) }}" required>
                                        @error('entry_date')
                                            <span class="help-block">{{ $message }}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="tw-font-semibold">{{ __('accounting.period') }}</label>
                                        <select name="accounting_period_id" class="form-control">
                                            <option value="">— {{ __('accounting.auto_detect_period') }} —</option>
                                            @foreach($periods as $id => $label)
                                                <option value="{{ $id }}" @selected((string) old('accounting_period_id') === (string) $id)>
                                                    {{ $label }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="tw-font-semibold">{{ __('accounting.reference') }}</label>
                                        <input type="text" name="source_reference" class="form-control"
                                               value="{{ old('source_reference') }}"
                                               placeholder="{{ __('accounting.reference') }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="tw-font-semibold">{{ __('accounting.memo') }}</label>
                                        <input type="text" name="memo" class="form-control"
                                               value="{{ old('memo') }}"
                                               placeholder="{{ __('accounting.memo') }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- بنود القيد --}}
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-solid">
                        <div class="box-header with-border">
                            <h3 class="box-title">
                                <i class="fa fa-table tw-mr-1"></i>
                                {{ __('accounting.lines') }}
                            </h3>
                            <div class="box-tools pull-right">
                                <button type="button" class="tw-dw-btn tw-dw-btn-xs tw-dw-btn-primary" id="add_line">
                                    <i class="fa fa-plus"></i> {{ __('accounting.add_line') }}
                                </button>
                            </div>
                        </div>
                        <div class="box-body table-responsive no-padding">
                            <table class="table table-bordered" id="journal_lines_table">
                                <thead class="tw-bg-gray-50">
                                    <tr>
                                        <th style="width:38%">{{ __('accounting.account') }} <span class="text-danger">*</span></th>
                                        <th style="width:16%">{{ __('accounting.debit') }}</th>
                                        <th style="width:16%">{{ __('accounting.credit') }}</th>
                                        <th>{{ __('accounting.memo') }}</th>
                                        <th style="width:50px"></th>
                                    </tr>
                                </thead>
                                <tbody id="lines_body">
                                    @php
                                        $old_lines = old('lines', [
                                            ['account_id' => '', 'debit' => '', 'credit' => '', 'memo' => ''],
                                            ['account_id' => '', 'debit' => '', 'credit' => '', 'memo' => ''],
                                        ]);
                                    @endphp
                                    @foreach($old_lines as $index => $line)
                                        <tr class="journal-line-row">
                                            <td>
                                                <select name="lines[{{ $index }}][account_id]" class="form-control" required>
                                                    <option value="">{{ __('accounting.select_account') }}</option>
                                                    @foreach($accounts as $id => $label)
                                                        <option value="{{ $id }}" @selected((string) ($line['account_id'] ?? '') === (string) $id)>{{ $label }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <input type="number" step="0.0001" min="0"
                                                       name="lines[{{ $index }}][debit]"
                                                       class="form-control debit-input tw-text-right tw-font-mono"
                                                       value="{{ $line['debit'] ?? '' }}"
                                                       placeholder="0.00">
                                            </td>
                                            <td>
                                                <input type="number" step="0.0001" min="0"
                                                       name="lines[{{ $index }}][credit]"
                                                       class="form-control credit-input tw-text-right tw-font-mono"
                                                       value="{{ $line['credit'] ?? '' }}"
                                                       placeholder="0.00">
                                            </td>
                                            <td>
                                                <input type="text" name="lines[{{ $index }}][memo]"
                                                       class="form-control" value="{{ $line['memo'] ?? '' }}"
                                                       placeholder="{{ __('accounting.memo') }}">
                                            </td>
                                            <td class="text-center">
                                                <button type="button" class="tw-dw-btn tw-dw-btn-xs tw-dw-btn-circle tw-dw-btn-error remove-line" title="{{ __('accounting.remove_line') }}">
                                                    <i class="fa fa-times"></i>
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr class="tw-bg-gray-50 tw-font-semibold">
                                        <th>{{ __('accounting.total') }}</th>
                                        <th class="tw-font-mono tw-text-right" id="debit_total">0.00</th>
                                        <th class="tw-font-mono tw-text-right" id="credit_total">0.00</th>
                                        <th colspan="2" id="balance_status"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="box-footer">
                            <button type="submit" name="action" value="draft"
                                    class="tw-dw-btn tw-dw-btn-warning tw-text-white">
                                <i class="fa fa-save tw-mr-1"></i> {{ __('accounting.save_draft') }}
                            </button>
                            <button type="submit" name="action" value="submit"
                                    class="tw-dw-btn tw-dw-btn-success tw-text-white">
                                <i class="fa fa-paper-plane tw-mr-1"></i> {{ __('accounting.save_submit') }}
                            </button>
                            <a href="{{ action([\App\Http\Controllers\JournalEntryController::class, 'index']) }}"
                               class="tw-dw-btn tw-dw-btn-outline">
                                <i class="fa fa-times tw-mr-1"></i> {{ __('accounting.cancel') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </form>

        {{-- template مخفي لأسماء الحسابات --}}
        <select id="account_options_template" class="hide">
            <option value="">{{ __('accounting.select_account') }}</option>
            @foreach($accounts as $id => $label)
                <option value="{{ $id }}">{{ $label }}</option>
            @endforeach
        </select>

    @endif
</section>
@endsection

@section('javascript')
<script>
$(document).ready(function () {
    var accountOptionsHtml = $('#account_options_template').html();
    var lineIndex = {{ count($old_lines) }};
    var labelMemo      = @json(__('accounting.memo'));
    var labelBalanced    = @json(__('accounting.balanced'));
    var labelNotBalanced = @json(__('accounting.not_balanced'));

    function buildRow(idx) {
        return '<tr class="journal-line-row">' +
            '<td><select name="lines[' + idx + '][account_id]" class="form-control" required>' + accountOptionsHtml + '</select></td>' +
            '<td><input type="number" step="0.0001" min="0" name="lines[' + idx + '][debit]" class="form-control debit-input tw-text-right tw-font-mono" placeholder="0.00"></td>' +
            '<td><input type="number" step="0.0001" min="0" name="lines[' + idx + '][credit]" class="form-control credit-input tw-text-right tw-font-mono" placeholder="0.00"></td>' +
            '<td><input type="text" name="lines[' + idx + '][memo]" class="form-control" placeholder="' + labelMemo + '"></td>' +
            '<td class="text-center"><button type="button" class="tw-dw-btn tw-dw-btn-xs tw-dw-btn-circle tw-dw-btn-error remove-line"><i class="fa fa-times"></i></button></td>' +
            '</tr>';
    }

    function updateTotals() {
        var debit = 0, credit = 0;
        $('.debit-input').each(function()  { debit  += parseFloat($(this).val()) || 0; });
        $('.credit-input').each(function() { credit += parseFloat($(this).val()) || 0; });

        $('#debit_total').text(debit.toFixed(2));
        $('#credit_total').text(credit.toFixed(2));

        if (debit > 0 && Math.abs(debit - credit) < 0.0001) {
            $('#balance_status').html('<span class="tw-dw-badge tw-dw-badge-success"><i class="fa fa-check-circle"></i> ' + labelBalanced + '</span>');
        } else {
            $('#balance_status').html('<span class="tw-dw-badge tw-dw-badge-error"><i class="fa fa-exclamation-circle"></i> ' + labelNotBalanced + '</span>');
        }
    }

    $('#add_line').on('click', function () {
        $('#lines_body').append(buildRow(lineIndex++));
        updateTotals();
    });

    $(document).on('click', '.remove-line', function () {
        if ($('#journal_lines_table tbody tr').length > 2) {
            $(this).closest('tr').remove();
            updateTotals();
        }
    });

    $(document).on('input', '.debit-input, .credit-input', function () {
        var $row = $(this).closest('tr');
        if ($(this).hasClass('debit-input') && $(this).val() > 0) {
            $row.find('.credit-input').val('');
        } else if ($(this).hasClass('credit-input') && $(this).val() > 0) {
            $row.find('.debit-input').val('');
        }
        updateTotals();
    });

    updateTotals();
});
</script>
@endsection