@extends('accounting::manual_journal_entries.base_edit_manual_journal_entry')
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<style>
    #overlay {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 10001 !important;
}
</style>
@php
    $recurringEntity = isset($data['entry']) ? $data['entry']->GetRecurringEntity() : null;
    $shouldShowRecurringConfirmation = $recurringEntity && isset($recurringEntity->recurring_status) && $recurringEntity->recurring_status != 2;
@endphp
@section('open_form_tag')
    <form action="{{ route('company.manual-journal-entries.update', ['entry' => $data['entry']->id, 'subdomain'=> $subdomain]) }}" method="POST" id="accountForm" enctype="multipart/form-data" class="form">
        @csrf
        @method('PUT')
@endsection
@section('back_button')
<a class="text-green" href="{{url('/accounting/journal-entries')}}" title="{{__('Back')}}">
    @if(LaravelLocalization::getCurrentLocale() === 'en')
    <span class="icon-Previous action-icon back-btnIcon"></span>
    @else
    <span class="icon-Next action-icon back-btnIcon"></span>
    @endif
</a>
@endsection
@section('vue_component')
<edit-manual-journal-entry-component
    @can('cost-center.main-center.edit')
        :should_show_main_center="1"
    @else
        :should_show_main_center="0"
    @endcan
    :account="{{ json_encode(__('accounting::manual_journal_entries.account')) }}" :debit="{{ json_encode(__('accounting::manual_journal_entries.debit')) }}" :credit="{{ json_encode(__('accounting::manual_journal_entries.credit')) }}" :description="{{ json_encode(__('accounting::manual_journal_entries.description')) }}" :reference="{{ json_encode(__('accounting::manual_journal_entries.reference')) }}" :total="{{ json_encode(__('accounting::manual_journal_entries.total')) }}" :lang="{{ json_encode(app()->getLocale()) }}" :old="{{ json_encode(old()) }}" :entry="{{ json_encode($data['entry']) }}" :subcategories="{{ json_encode($data['subcategories']) }}" :clear_all="{{ json_encode(__('accounting::manual_journal_entries.clear_all')) }}" :add_new_line="{{ json_encode(__('accounting::manual_journal_entries.add_new_line')) }}" :max_records="{{ json_encode($data['maxRecords'] ? $data['maxRecords'] : 0) }}" :cost_centers="{{ json_encode($data['costCenters']) }}" :taxes="{{ json_encode($data['taxes']) }}" :customer="{{ json_encode(__('accounting::manual_journal_entries.customer')) }}" :supplier="{{ json_encode(__('accounting::manual_journal_entries.supplier')) }}"     :reference_dropdown_translations="{{ json_encode([
        'placeholder' => __('Select Reference'),
        'searchPlaceholder' => __('Search Reference'),
        'noResultsText' => __('No result found'),
        'loadMoreHint' => __('Scroll to load more…'),
    ]) }}" :cost_center="{{ json_encode(__('products::cost_center.Cost Centers')) }}" :tax="{{ json_encode(__('accounting::manual_journal_entries.tax')) }}" :total_difference="{{ json_encode(__('accounting::manual_journal_entries.total_difference')) }}" :main_center="{{ json_encode(__('products::cost_center.main center')) }}"
    :taxes_status="{{ json_encode($data['taxes_status']) }}" :tax_status="{{ json_encode(__('accounting::manual_journal_entries.tax_status')) }}"
    :exclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::EXCLUSIVE) }}"
    :inclusive_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::INCLUSIVE) }}"
    :no_tax_status="{{ json_encode(\Modules\Sales\Enums\InvoiceTaxesStatusEnum::NO_TAXES) }}">
</edit-manual-journal-entry-component>
@endsection
@section('action-buttons')
<div  id="actions-when-journal-date-not-in-past">
        <input type="hidden" name="action" value="" id="action-type">
        <a type="button" data-toggle="dropdown" aria-haspopup="true" class="bg-transparent" style="font-size: inherit; border:none;" aria-expanded="false" title="{{ __('Save')}}">
            <span class="icon-Save action-icon"></span>
        </a>
        <x-save-actions
            id="saveAndCreate"
            form-id="accountForm"
            action-input-id="action-type"
            :can-save="true"
            :support-drafts="false"
            :show-print="true"
        />
</div>
<input type="hidden" name="fiscal_year_id" value="{{ $data['entry']->fiscal_year_id }}" />
<input type="hidden" name="id" value="{{ $data['entry']->id }}" />
<input type="hidden" name="records_ids" value="{{ json_encode($data['recordsIds'])}}" />
@endsection

@section('extra_scripts')
    @parent
    @if($shouldShowRecurringConfirmation)
        <script>
            window.addEventListener('DOMContentLoaded', function () {
                (function ($) {
                    const modal = $('#manual-journal-recurring-modal');
                    const continueBtn = $('#manual-journal-recurring-continue');
                    const stopBtn = $('#manual-journal-recurring-stop');
                    if (!modal.length) {
                        return;
                    }

                    let pendingButton = null;
                    let bypassConfirmation = false;

                    const triggerPendingButton = () => {
                        if (!pendingButton) {
                            return;
                        }
                        bypassConfirmation = true;
                        pendingButton.click();
                        pendingButton = null;
                    };

                    document.addEventListener('click', function (event) {
                        const targetButton = event.target.closest('#saveAndCreate .form-submit-button');
                        if (!targetButton) {
                            return;
                        }

                        if (bypassConfirmation) {
                            bypassConfirmation = false;
                            return;
                        }

                        event.preventDefault();
                        event.stopPropagation();
                        pendingButton = targetButton;
                        modal.modal('show');
                    }, true);

                    const handleChoice = () => {
                        modal.modal('hide');
                        triggerPendingButton();
                    };

                    continueBtn.on('click', handleChoice);
                    // Stop recurrence then proceed with original save action
                    stopBtn.on('click', function () {
                        const recurringId = "{{ $recurringEntity->id ?? '' }}";
                        if (!recurringId) {
                            handleChoice();
                            return;
                        }

                        $.ajax({
                                url: "{{ route('company.recurring.update', ['subdomain' => $subdomain, 'recurring' => $recurringEntity->id]) }}",
                                type: 'PUT',
                                data: {
                                _token: $('meta[name="csrf-token"]').attr('content')
                            },
                        }).always(function () {
                            handleChoice();
                        });
                    });

                    modal.on('hidden.bs.modal', () => {
                        if (!bypassConfirmation) {
                            pendingButton = null;
                        }
                    });
                })(jQuery);
            });
        </script>
    @endif
@endsection

@if($shouldShowRecurringConfirmation)
<div class="modal hide fade" id="manual-journal-recurring-modal" tabindex="-1" role="dialog" aria-labelledby="manual-journal-recurring-modal-label" aria-hidden="true" style="z-index: 100001 !important;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="manual-journal-recurring-modal-label">{{ __('accounting::manual_journal_entries.recurring_confirmation_title') }}</h4>
            </div>
            <div class="modal-body">
                <p>{{ __('accounting::manual_journal_entries.recurring_confirmation_message') }}</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary mx-1" id="manual-journal-recurring-continue">
                    {{ __('accounting::manual_journal_entries.recurring_confirmation_continue') }}
                </button>
                <button type="button" class="btn btn-danger mx-1" id="manual-journal-recurring-stop">
                    {{ __('accounting::manual_journal_entries.recurring_confirmation_stop') }}
                </button>
            </div>
        </div>
    </div>
</div>
@endif