@php
    $editando = isset($grupoCobranca) && $grupoCobranca;
@endphp

<div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
    <div class="space-y-6 xl:col-span-2">
        <x-ui.card
            title="Identificação do grupo"
            description="Nome e informações utilizadas para organizar clientes e relatórios."
        >
            <div class="grid grid-cols-1 gap-5 md:grid-cols-2">
                <div class="md:col-span-2">
                    <x-ui.input
                        name="nome"
                        label="Nome do grupo"
                        :value="old('nome', $grupoCobranca->nome ?? null)"
                        required
                        maxlength="120"
                        placeholder="Ex.: Plano Empresarial"
                    />
                </div>

                <div class="md:col-span-2">
                    <x-ui.textarea
                        name="descricao"
                        label="Descrição administrativa"
                        :value="old('descricao', $grupoCobranca->descricao ?? null)"
                        rows="3"
                        maxlength="5000"
                    />
                </div>

                <div class="md:col-span-2">
                    <x-ui.input
                        name="descricao_cobranca"
                        label="Descrição padrão da cobrança"
                        :value="old('descricao_cobranca', $grupoCobranca->descricao_cobranca ?? null)"
                        required
                        maxlength="255"
                    />
                </div>
            </div>
        </x-ui.card>

        <x-ui.card
            title="Condições financeiras"
            description="Os valores serão copiados para cada cobrança criada pelo grupo."
        >
            <div class="grid grid-cols-1 gap-5 sm:grid-cols-2 xl:grid-cols-4">
                <x-ui.input
                    name="valor_padrao"
                    label="Valor padrão"
                    :value="old('valor_padrao', isset($grupoCobranca) ? number_format((float) $grupoCobranca->valor_padrao, 2, ',', '.') : null)"
                    required
                    inputmode="decimal"
                />

                <x-ui.input
                    name="dia_vencimento"
                    type="number"
                    label="Dia do vencimento"
                    :value="old('dia_vencimento', $grupoCobranca->dia_vencimento ?? 10)"
                    required
                    min="1"
                    max="31"
                />

                <x-ui.select name="forma_pagamento" label="Forma de pagamento" required>
                    @foreach (\App\Models\GrupoCobranca::FORMAS_PAGAMENTO as $valor => $label)
                        <option
                            value="{{ $valor }}"
                            @selected(old('forma_pagamento', $grupoCobranca->forma_pagamento ?? 'UNDEFINED') === $valor)
                        >
                            {{ $label }}
                        </option>
                    @endforeach
                </x-ui.select>

                <x-ui.select name="gateway" label="Gateway preferencial">
                    @foreach (\App\Models\GrupoCobranca::GATEWAYS as $valor => $label)
                        <option
                            value="{{ $valor }}"
                            @selected(old('gateway', $grupoCobranca->gateway ?? '') === $valor)
                        >
                            {{ $label }}
                        </option>
                    @endforeach
                </x-ui.select>

                <x-ui.input
                    name="multa_percentual"
                    label="Multa (%)"
                    :value="old('multa_percentual', isset($grupoCobranca) ? number_format((float) $grupoCobranca->multa_percentual, 2, ',', '.') : '0,00')"
                    required
                    inputmode="decimal"
                />

                <x-ui.input
                    name="juros_mora_percentual"
                    label="Juros ao mês (%)"
                    :value="old('juros_mora_percentual', isset($grupoCobranca) ? number_format((float) $grupoCobranca->juros_mora_percentual, 4, ',', '.') : '0,0000')"
                    required
                    inputmode="decimal"
                />

                <x-ui.input
                    name="desconto_valor"
                    label="Desconto padrão"
                    :value="old('desconto_valor', isset($grupoCobranca) ? number_format((float) $grupoCobranca->desconto_valor, 2, ',', '.') : '0,00')"
                    required
                    inputmode="decimal"
                />

                <x-ui.input
                    name="dias_limite_desconto"
                    type="number"
                    label="Dias para desconto"
                    :value="old('dias_limite_desconto', $grupoCobranca->dias_limite_desconto ?? 0)"
                    required
                    min="0"
                    max="365"
                />
            </div>
        </x-ui.card>
    </div>

    <div class="space-y-6">
        <x-ui.card title="Disponibilidade">
            <div class="space-y-5">
                <label class="flex cursor-pointer items-start gap-3 rounded-2xl border border-slate-200 bg-slate-50 p-4">
                    <input
                        type="checkbox"
                        name="ativo"
                        value="1"
                        @checked(old('ativo', $grupoCobranca->ativo ?? true))
                        class="mt-1 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500"
                    >

                    <span>
                        <span class="block text-sm font-bold text-slate-800">Grupo ativo</span>
                        <span class="mt-1 block text-xs leading-5 text-slate-500">
                            Grupos inativos continuam disponíveis no histórico.
                        </span>
                    </span>
                </label>

                <x-ui.input
                    name="ordem"
                    type="number"
                    label="Ordem de exibição"
                    :value="old('ordem', $grupoCobranca->ordem ?? 0)"
                    required
                    min="0"
                />
            </div>
        </x-ui.card>

        <div class="rounded-2xl border border-indigo-200 bg-indigo-50 p-5 text-sm leading-6 text-indigo-900">
            <strong class="block">Histórico preservado</strong>
            O cliente guarda o grupo atual. Cada nova cobrança guarda o grupo usado no momento da criação.
        </div>
    </div>
</div>