@php
    $cobranca = $cobranca ?? null;
    $editando = $cobranca !== null;

    $clienteAtual = old(
        'cliente_id',
        $cobranca?->cliente_id
            ?? $clienteSelecionado?->id
            ?? null
    );

    $contratoAtual = old(
        'contrato_id',
        $cobranca?->contrato_id
            ?? $contratoSelecionado?->id
            ?? null
    );

    $statusAtual = old(
        'status',
        $cobranca?->status ===
            \App\Enums\StatusCobranca::RASCUNHO
                ? \App\Enums\StatusCobranca::RASCUNHO->value
                : \App\Enums\StatusCobranca::PENDENTE_EMISSAO->value
    );

    $valor = old(
        'valor',
        $cobranca
            ? number_format(
                (float) $cobranca->valor,
                2,
                ',',
                '.'
            )
            : (
                $contratoSelecionado
                    ? number_format(
                        (float) $contratoSelecionado->valor_mensal,
                        2,
                        ',',
                        '.'
                    )
                    : null
            )
    );

    $multa = old(
        'multa_percentual',
        $cobranca
            ? number_format(
                (float) $cobranca->multa_percentual,
                2,
                ',',
                '.'
            )
            : '0,00'
    );

    $juros = old(
        'juros_mora_percentual',
        $cobranca
            ? number_format(
                (float) $cobranca->juros_mora_percentual,
                4,
                ',',
                '.'
            )
            : '0,0000'
    );

    $desconto = old(
        'desconto_valor',
        $cobranca
            ? number_format(
                (float) $cobranca->desconto_valor,
                2,
                ',',
                '.'
            )
            : '0,00'
    );
@endphp

@if ($errors->any())
    <div class="ui-alert ui-alert-error">
        <div>
            <div class="font-semibold">
                Verifique os dados informados
            </div>

            <ul class="mt-2 list-inside list-disc space-y-1">
                @foreach ($errors->all() as $erro)
                    <li>{{ $erro }}</li>
                @endforeach
            </ul>
        </div>
    </div>
@endif

<div class="space-y-6">
    <x-ui.card
        title="Identificação"
        description="Informe o cliente, contrato e referência da cobrança."
    >
        <div class="grid grid-cols-1 gap-5 md:grid-cols-2">
            <x-ui.select
                name="cliente_id"
                label="Cliente"
                required
            >
                <option value="">
                    Selecione o cliente
                </option>

                @foreach ($clientes as $cliente)
                    <option
                        value="{{ $cliente->id }}"
                        @selected(
                            (string) $clienteAtual ===
                            (string) $cliente->id
                        )
                    >
                        {{ $cliente->nome }}
                        —
                        {{ $cliente->documento_formatado }}
                    </option>
                @endforeach
            </x-ui.select>

            <x-ui.select
                name="contrato_id"
                label="Contrato"
                help="O contrato é opcional."
            >
                <option value="">
                    Cobrança avulsa, sem contrato
                </option>

                @foreach ($contratos as $contrato)
                    <option
                        value="{{ $contrato->id }}"
                        @selected(
                            (string) $contratoAtual ===
                            (string) $contrato->id
                        )
                    >
                        {{ $contrato->numero }}
                        —
                        {{ $contrato->cliente?->nome }}
                    </option>
                @endforeach
            </x-ui.select>

            <x-ui.input
                name="seu_numero"
                label="Referência interna"
                :value="$cobranca?->seu_numero"
                :required="$editando"
                placeholder="Gerada automaticamente quando vazia"
                help="Identificador único utilizado para localizar a cobrança."
            />

            <x-ui.input
                name="competencia"
                label="Competência"
                type="month"
                :value="$cobranca?->competencia"
                help="Opcional para cobranças avulsas."
            />

            <div class="md:col-span-2">
                <x-ui.input
                    name="descricao"
                    label="Descrição"
                    :value="$cobranca?->descricao"
                    required
                    placeholder="Ex.: Mensalidade de suporte técnico"
                />
            </div>
        </div>
    </x-ui.card>

    <x-ui.card
        title="Valor e vencimento"
        description="Defina o valor principal e a situação inicial."
    >
        <div class="grid grid-cols-1 gap-5 md:grid-cols-3">
            <x-ui.input
                name="valor"
                label="Valor da cobrança"
                type="text"
                :value="$valor"
                required
                inputmode="decimal"
                placeholder="0,00"
            />

            <x-ui.input
                name="data_vencimento"
                label="Data de vencimento"
                type="date"
                :value="
                    $cobranca?->data_vencimento?->format('Y-m-d')
                "
                required
            />

            <x-ui.select
                name="status"
                label="Status inicial"
                required
            >
                <option
                    value="Rascunho"
                    @selected(
                        $statusAtual === 'Rascunho'
                    )
                >
                    Rascunho
                </option>

                <option
                    value="Pendente de emissão"
                    @selected(
                        $statusAtual ===
                        'Pendente de emissão'
                    )
                >
                    Pendente de emissão
                </option>
            </x-ui.select>
        </div>
    </x-ui.card>

    <x-ui.card
        title="Multa, juros e desconto"
        description="Esses valores serão utilizados futuramente na emissão pelo Asaas."
    >
        <div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-4">
            <x-ui.input
                name="multa_percentual"
                label="Multa percentual"
                type="text"
                :value="$multa"
                required
                inputmode="decimal"
                placeholder="0,00"
                help="Informe somente o número."
            />

            <x-ui.input
                name="juros_mora_percentual"
                label="Juros de mora"
                type="text"
                :value="$juros"
                required
                inputmode="decimal"
                placeholder="0,0000"
                help="Percentual informado sem o símbolo."
            />

            <x-ui.input
                name="desconto_valor"
                label="Valor do desconto"
                type="text"
                :value="$desconto"
                required
                inputmode="decimal"
                placeholder="0,00"
            />

            <x-ui.input
                name="data_limite_desconto"
                label="Data limite do desconto"
                type="date"
                :value="
                    $cobranca
                        ?->data_limite_desconto
                        ?->format('Y-m-d')
                "
                help="Obrigatória quando houver desconto."
            />
        </div>
    </x-ui.card>

    <x-ui.card
        title="Observações"
        description="Informações internas sobre a cobrança."
    >
        <x-ui.textarea
            name="observacoes"
            label="Observações internas"
            :value="$cobranca?->observacoes"
            rows="5"
            placeholder="Condições especiais, acordos ou informações importantes."
        />
    </x-ui.card>
</div>