@php
    $isEdit = isset($info) && $info;
    // add: preselect the parent passed in the URL (accounts/add/{id}) like legacy; edit: the account's parent
    $selectedParent = old('parent_account_id', $isEdit ? $info->parent_account_id : ($parent_account ?? 0));
@endphp
<form role="form" method="post" id="ajaxAddForm" data-mode="{{ $isEdit ? 'edit' : 'add' }}"
      action="{{ $action ?? ($isEdit ? route('accounts.edit', ['id' => Crypt::encrypt($info->id)]) : route('accounts.add', ['id' => $parent_account ?? 0])) }}">
    @csrf
    <div id="formErrors" class="alert alert-danger d-none"></div>
    <div class="pt-2">
        <div class="form__select__field">
            <label for="name">@Lang('admin.main-account')</label>
            <select class="form-control select2" name="parent_account_id" id="parent_account_id">
                <option value="0" {{ $selectedParent==0?'selected':'' }}>{{ __('admin.no-parent') }}</option>
                @foreach($pre_accounts as $item)
                    <option
                        value="{{ $item->id }}" {{ $selectedParent==$item->id?'selected':'' }}>{{ $item->{'account_name_'.__('admin.lang')}.' '.$item->account_code }}</option>
                @endforeach
            </select>
        </div>
        <div class="form__select__field">
            <label for="name">@Lang('admin.financial_list')</label>
            <select class="form-control" name="account_type" id="account_type">
                <option
                    value="0" {{ old('account_type',$info->account_type??0)==0?'selected':'' }}>@Lang('admin.budget')</option>
                <option
                    value="1" {{ old('account_type',$info->account_type??0)==1?'selected':'' }}>@Lang('admin.income')</option>
            </select>
        </div>
        <div class="form__select__field">
            <label for="name">@Lang('admin.account_journal_type')</label>
            <select class="form-control" name="account_journal_type">
                <option value="1" {{ old('account_journal_type',$info->account_journal_type??0)==1?'selected':'' }}>@Lang('admin.daen')</option>
                <option value="2" {{ old('account_journal_type',$info->account_journal_type??0)==2?'selected':'' }}>@Lang('admin.madeen')</option>
            </select>
        </div>
        <div class="form__input__field">
            <label for="name">@Lang('admin.name_ar')</label>
            <input type="text" autocomplete="off" class="form-control" value="{{ old('account_name_ar',$info->account_name_ar??'') }}"
                   name="account_name_ar">
        </div>
        <div class="form__input__field">
            <label for="name">@Lang('admin.name_en')</label>
            <input type="text" autocomplete="off" class="form-control" value="{{ old('account_name_en',$info->account_name_en??'') }}"
                   name="account_name_en">
        </div>
        <div class="form__input__field">
            <label for="name">@Lang('admin.code')</label>
            <input type="text" autocomplete="off" class="form-control" value="{{ old('account_code',$info->account_code??'') }}"
                   name="account_code" id="account_code">
        </div>
        <div class="d-flex flex-wrap gap-4 gap-md-5 pt-3 pt-md-0">
            <label class="custom-checkbox">
                <input type="checkbox" value="1" name="is_cash" id="is_cash" {{ old('is_cash',$info->is_cash??0) == 1 ? 'checked' : '' }}>
                <span class="checkmark"></span>
                <span class="label-text">@Lang('admin.cash')</span>
            </label>

            <label class="custom-checkbox">
                <input type="checkbox" value="1" name="is_default"
                       id="is_default" {{ old('is_default',$info->is_default??0) == 1 ? 'checked' : '' }}>
                <span class="checkmark"></span>
                <span class="label-text">@Lang('admin.default')</span>
            </label>
            @if(!$isEdit)
                <label class="custom-checkbox">
                    <input type="checkbox" value="1" name="is_depreciation"
                           id="is_depreciation" {{ old('is_depreciation') == 1 ? 'checked' : '' }}>
                    <span class="checkmark"></span>
                    <span class="label-text">@Lang('admin.depreciation')</span>
                </label>
            @endif
        </div>
        @if(!$isEdit)
            <div class="form__input__field pt-3">
                <label for="depreciation_value">@Lang('admin.depreciation-value')</label>
                <input type="text" autocomplete="off" class="form-control" value="{{ old('depreciation_value') }}"
                       name="depreciation_value" id="depreciation_value">
            </div>
        @endif
    </div>
</form>
<script>
    // Works both when this fragment is loaded into #openAddModal via AJAX (jQuery already present)
    // and on a direct page load (jQuery is loaded at the end of the layout -> wait for DOMContentLoaded).
    (function (init) {
        if (window.jQuery) { init(window.jQuery); } else { document.addEventListener('DOMContentLoaded', function () { init(window.jQuery); }); }
    })(function ($) {
        var $form = $('#ajaxAddForm');
        var isEdit = $form.data('mode') === 'edit';
        var $parentSelect = $('#parent_account_id');
        var $modal = $parentSelect.closest('.modal');
        if ($.fn.select2) {
            if ($parentSelect.hasClass('select2-hidden-accessible')) {
                $parentSelect.select2('destroy');
            }
            $parentSelect.select2($modal.length ? {dropdownParent: $modal, width: '100%'} : {width: '100%'});
        }
        // same behaviour as legacy accounts/add + accounts/edit
        $parentSelect.on('change', function () {
            var id = $parentSelect.val();
            $.ajax({
                type: "POST",
                url: "{{ route('accounts.code') }}",
                data: {'id': id, '_token': $('meta[name="csrf-token"]').attr('content')},
                beforeSend: function () {
                    $(".ezdan_loading").show();
                },
                complete: function () {
                    $(".ezdan_loading").hide();
                },
                success: function (data) {
                    if (!isEdit) {
                        $('#account_code').val(data.account.code);
                    }
                    $('#account_type').val(data.account.account_type);
                }
            });
            $('#account_type').prop("disabled", $parentSelect.val() != 0);
        });
        $parentSelect.trigger('change');
    });
</script>