import { inputText } from '../lib/input-text.ts';
import { useState } from 'react';
import {
    newCommissionBase,
    switchCommissionDirection,
    commissionBaseBook,
    commissionBaseConditions,
    commissionBaseCurrent,
    commissionBaseReportRows,
    commissionBaseSource,
    commissionBaseTreatments,
    recordCommissionBases,
    saveCommissionBaseBook,
    type CommissionBaseBook,
    type CommissionBaseRow,
} from '@/lib/iva-commission-base';

export function SimulationCommissionBase({
    draft,
    onChange,
}: {
    draft: Record<string, unknown>;
    onChange: (field: string, value: string) => void;
}) {
    const [error, setError] = useState('');
    let book: CommissionBaseBook;
    try {
        book = commissionBaseBook(draft);
    } catch (cause) {
        return <p role="alert">{String(cause)}</p>;
    }
    const save = (next: CommissionBaseBook) => {
        try {
            onChange('modelo_a_snapshot', saveCommissionBaseBook(draft, next));
            setError('');
        } catch (cause) {
            setError(String(cause));
        }
    };
    const change = (id: string, patch: Partial<CommissionBaseRow>) =>
        save({
            ...book,
            rows: book.rows.map((row) =>
                row.id === id ? { ...row, ...patch } : row,
            ),
        });
    return (
        <details className="space-y-3 rounded border p-3">
            <summary>
                Base tributável — bens em comissão de venda ou compra
            </summary>
            <p>
                Oportunidade:{' '}
                {inputText(draft.context_opportunity || 'entrada geral')}.
                Prepare apenas transferências de bens entre comitente e
                comissário em execução do contrato de comissão, incluindo
                consignação quando aplicável. Não é o IVA de um serviço autónomo
                de intermediação nem uma regra para qualquer pagamento de
                comissão.
            </p>
            <p>
                Comissão de venda: preço de venda acordado pelo comissário menos
                comissão. Comissão de compra: preço de compra acordado pelo
                comissário mais comissão. Indique valores sem IVA, antes deste
                ajuste, e as referências da operação; montantes em falta não são
                zero. Base não determina incidência, taxa ou imposto.
            </p>
            <p>{commissionBaseSource}</p>
            {error && <p role="alert">{error}</p>}
            <button
                type="button"
                className="underline"
                onClick={() =>
                    save({
                        ...book,
                        rows: [
                            ...book.rows,
                            newCommissionBase(
                                crypto.randomUUID(),
                                inputText(draft.currency ?? ''),
                            ),
                        ],
                    })
                }
            >
                Acrescentar transferência de bens em comissão
            </button>
            {book.rows.map((row) => {
                const rule = commissionBaseTreatments.find(
                    (item) => item.id === row.treatment,
                );
                return (
                    <details key={row.id} className="rounded border p-3">
                        <summary>
                            {row.description || 'Transferência por identificar'}{' '}
                            — {row.period || 'mês por indicar'}
                        </summary>
                        <div className="grid gap-3 md:grid-cols-2">
                            <label>
                                Sentido da transferência
                                <select
                                    className="block rounded border p-2"
                                    value={row.treatment}
                                    onChange={(e) =>
                                        change(
                                            row.id,
                                            switchCommissionDirection(
                                                row,
                                                e.target.value,
                                            ),
                                        )
                                    }
                                >
                                    <option value="">Por indicar</option>
                                    {commissionBaseTreatments.map((item) => (
                                        <option key={item.id} value={item.id}>
                                            {item.label}
                                        </option>
                                    ))}
                                </select>
                            </label>
                            <label>
                                Natureza dos dados
                                <select
                                    className="block rounded border p-2"
                                    value={row.origin}
                                    onChange={(e) =>
                                        change(row.id, {
                                            origin: e.target
                                                .value as CommissionBaseRow['origin'],
                                        })
                                    }
                                >
                                    <option value="projected">
                                        Projectados / pressupostos
                                    </option>
                                    <option value="effective">
                                        Efectivos declarados
                                    </option>
                                </select>
                            </label>
                            {(
                                [
                                    [
                                        'description',
                                        'Bens e operação identificados',
                                    ],
                                    ['principal', 'Comitente'],
                                    ['agent', 'Comissário'],
                                    [
                                        'agreementRef',
                                        'Contrato de comissão / referência da previsão',
                                    ],
                                    [
                                        'documentRef',
                                        'Documento da operação / referência da previsão',
                                    ],
                                    [
                                        'documentDate',
                                        'Data do documento / prevista',
                                    ],
                                    ['period', 'Mês da operação'],
                                    ['currency', 'Moeda de origem'],
                                    [
                                        'compositionRef',
                                        'Referência da composição sem IVA — inclusões e exclusões aplicáveis',
                                    ],
                                    [
                                        'evidence',
                                        'Fundamento factual / pressupostos',
                                    ],
                                ] as const
                            ).map(([field, label]) => (
                                <label key={field}>
                                    {label}
                                    <input
                                        className="block rounded border p-2"
                                        type={
                                            field === 'documentDate'
                                                ? 'date'
                                                : field === 'period'
                                                  ? 'month'
                                                  : 'text'
                                        }
                                        value={row[field]}
                                        onChange={(e) =>
                                            change(row.id, {
                                                [field]: e.target.value,
                                            })
                                        }
                                    />
                                </label>
                            ))}
                            {rule && (
                                <>
                                    <label>
                                        {rule.priceLabel}
                                        <input
                                            className="block rounded border p-2"
                                            value={row.agreedPrice}
                                            onChange={(e) =>
                                                change(row.id, {
                                                    agreedPrice: e.target.value,
                                                })
                                            }
                                        />
                                    </label>
                                    <label>
                                        Referência documental / pressuposto do
                                        preço acordado
                                        <input
                                            className="block rounded border p-2"
                                            value={row.priceRef}
                                            onChange={(e) =>
                                                change(row.id, {
                                                    priceRef: e.target.value,
                                                })
                                            }
                                        />
                                    </label>
                                    <label>
                                        Comissão desta operação, sem IVA (moeda
                                        indicada)
                                        <input
                                            className="block rounded border p-2"
                                            value={row.commissionAmount}
                                            onChange={(e) =>
                                                change(row.id, {
                                                    commissionAmount:
                                                        e.target.value,
                                                })
                                            }
                                        />
                                    </label>
                                    <label>
                                        Referência documental / pressuposto da
                                        comissão
                                        <input
                                            className="block rounded border p-2"
                                            value={row.commissionRef}
                                            onChange={(e) =>
                                                change(row.id, {
                                                    commissionRef:
                                                        e.target.value,
                                                })
                                            }
                                        />
                                    </label>
                                </>
                            )}
                        </div>
                        <p>
                            Mudar de sentido conserva os valores e referências,
                            mas exige confirmar os papéis e o preço
                            correspondente ao novo sentido antes de determinar a
                            base. As versões anteriores mantêm-se.
                        </p>
                        {rule ? (
                            <fieldset>
                                <legend>
                                    Condições próprias da base de comissão
                                </legend>
                                {commissionBaseConditions.map(
                                    ([key, label]) => (
                                        <label className="block" key={key}>
                                            {label}
                                            <select
                                                className="block rounded border p-2"
                                                value={
                                                    row.conditions[key] ?? ''
                                                }
                                                onChange={(e) =>
                                                    change(row.id, {
                                                        conditions: {
                                                            ...row.conditions,
                                                            [key]: e.target
                                                                .value,
                                                        },
                                                    })
                                                }
                                            >
                                                <option value="">
                                                    Por indicar
                                                </option>
                                                <option value="yes">Sim</option>
                                                <option value="no">Não</option>
                                            </select>
                                        </label>
                                    ),
                                )}
                            </fieldset>
                        ) : (
                            <p>
                                Escolha o sentido para apresentar o preço e as
                                condições aplicáveis;os valores anteriores
                                conservam-se.
                            </p>
                        )}
                    </details>
                );
            })}
            {!!book.rows.length && (
                <button
                    type="button"
                    className="rounded bg-emerald-800 p-2 text-white"
                    onClick={() => {
                        try {
                            save(recordCommissionBases(draft, book));
                        } catch (cause) {
                            setError(String(cause));
                        }
                    }}
                >
                    Determinar bases de comissão e guardar versão
                </button>
            )}
            {book.result && (
                <>
                    <p role="status">
                        {commissionBaseCurrent(draft, book)
                            ? 'Bases de comissão correspondentes às entradas guardadas.'
                            : 'Entradas alteradas;bases de comissão históricas conservadas. Reveja e determine novamente.'}{' '}
                        {book.history?.length ?? 0} versões anteriores. IVA e
                        campo11 não são preenchidos por estas bases.
                    </p>
                    <dl>
                        {commissionBaseReportRows(draft).map(
                            ([, label, value, origin], index) => (
                                <div key={index}>
                                    <dt className="font-semibold">{label}</dt>
                                    <dd>
                                        {value}
                                        <small className="block">
                                            {origin}
                                        </small>
                                    </dd>
                                </div>
                            ),
                        )}
                    </dl>
                </>
            )}
        </details>
    );
}