import { describe, it, expect, vi, beforeEach } from 'vitest';
import { mount, flushPromises } from '@vue/test-utils';
import { createPinia, setActivePinia } from 'pinia';
import { createVuetify } from 'vuetify';

vi.mock('axios');
vi.mock('../../resources/js/api/client', () => ({
    apiClient: {
        post: vi.fn().mockResolvedValue({ data: {} }),
        patch: vi.fn().mockResolvedValue({ data: {} }),
    },
    ensureCsrfCookie: vi.fn().mockResolvedValue(undefined),
    extractErrorMessage: vi.fn(() => 'Произошла ошибка.'),
}));

import { apiClient } from '../../resources/js/api/client';
import NewProjectDialog from '../../resources/js/views/projects/NewProjectDialog.vue';

// VDialog teleport-стаб (как в NewProjectDialog.spec.ts): рендерит слот инлайн.
const factory = () =>
    mount(NewProjectDialog, {
        props: { modelValue: true, mode: 'create' as const },
        global: {
            plugins: [createVuetify()],
            stubs: {
                VDialog: {
                    template: '<div class="dialog-stub" v-if="modelValue"><slot /></div>',
                    props: ['modelValue'],
                },
            },
        },
    });

beforeEach(() => {
    setActivePinia(createPinia());
    vi.clearAllMocks();
});

describe('NewProjectDialog — required region gate + «Вся РФ» (Plan 4 Task 4)', () => {
    it('blocks submit when no region chosen and shows error', async () => {
        const w = factory();
        await flushPromises();

        await w.find('[data-testid="submit-btn"]').trigger('click');
        await flushPromises();

        expect(apiClient.post).not.toHaveBeenCalled();
        expect(w.text()).toContain('Выберите регион');
    });

    it('«Вся РФ» shows warning, requires confirm, then submits regions=[]', async () => {
        const w = factory();
        await flushPromises();

        (w.vm as unknown as { chooseVsyaRf: () => void }).chooseVsyaRf();
        await w.vm.$nextTick();
        expect(w.text()).toContain('всю Россию');

        await w.find('[data-testid="confirm-vsya-rf"]').trigger('click');
        await w.vm.$nextTick();

        await w.find('[data-testid="submit-btn"]').trigger('click');
        await flushPromises();

        expect(apiClient.post).toHaveBeenCalledTimes(1);
        const payload = (apiClient.post as unknown as { mock: { calls: unknown[][] } }).mock.calls[0][1] as {
            regions: number[];
        };
        expect(payload.regions).toEqual([]);
    });

    it('region autocomplete has closable-chips so a single region can be removed', async () => {
        const w = factory();
        await flushPromises();

        const ac = w.findComponent('[data-testid="regions-autocomplete"]');
        expect(ac.props('closableChips')).toBe(true);
    });

    it('picking subjects after «Вся РФ» clears the confirmation (mutual exclusion)', async () => {
        const w = factory();
        await flushPromises();

        const vm = w.vm as unknown as {
            chooseVsyaRf: () => void;
            confirmVsyaRf: () => void;
            onRegionsChange: (codes: number[]) => void;
            vsyaRfConfirmed: boolean;
        };
        vm.chooseVsyaRf();
        vm.confirmVsyaRf();
        await w.vm.$nextTick();
        expect(vm.vsyaRfConfirmed).toBe(true);

        vm.onRegionsChange([77]);
        await w.vm.$nextTick();
        expect(vm.vsyaRfConfirmed).toBe(false);

        await w.find('[data-testid="submit-btn"]').trigger('click');
        await flushPromises();

        const payload = (apiClient.post as unknown as { mock: { calls: unknown[][] } }).mock.calls[0][1] as {
            regions: number[];
        };
        expect(payload.regions).toEqual([77]);
    });
});