{#each Array(totalPassos) as _, i}

i + 1} class:text-white={passoAtual > i + 1} class:border-4={passoAtual === i + 1} class:border-primary={passoAtual === i + 1} class:bg-base-200={passoAtual < i + 1} class:text-base-content={passoAtual < i + 1} style:box-shadow={passoAtual === i + 1 ? "0 0 20px rgba(102, 126, 234, 0.5)" : "none"} > {#if passoAtual > i + 1} {:else} {i + 1} {/if}

{#if i < totalPassos - 1}

i + 1} class:bg-base-300={passoAtual <= i + 1} >

{/if}

{/each}

Ano & Saldo

Períodos

Confirmação

{#if passoAtual === 1}

Escolha o Ano de Referência

{#each anosDisponiveis as ano} {/each}

{#if saldoQuery.isLoading}

{:else if saldo}

📊 Saldo de Férias {anoSelecionado}

Total Direito

{saldo.diasDireito}

dias no ano

Disponível

{saldo.diasDisponiveis}

para usar

Usado

{saldo.diasUsados}

até agora

{saldo.regimeTrabalho}

Período aquisitivo: {new Date( saldo.dataInicio, ).toLocaleDateString("pt-BR")} a {new Date(saldo.dataFim).toLocaleDateString("pt-BR")}

{#if saldo.diasDisponiveis === 0}

Você não tem saldo disponível para este ano.

{/if}

{:else}

Nenhum saldo encontrado para este ano.

{/if}

{/if} {#if passoAtual === 2}

Selecione os Períodos de Férias

Saldo disponível: {saldo?.diasDisponiveis || 0} dias | Selecionados: {totalDiasSelecionados} dias | Restante: {(saldo?.diasDisponiveis || 0) - totalDiasSelecionados} dias

{#if validacao && periodosFerias.length > 0}

{#if validacao.valido}

✅ Períodos válidos! Total: {validacao.totalDias} dias

{:else}

Erros encontrados:

{erro}

{/if} {#if validacao.avisos.length > 0}

Avisos:

{aviso}

{/if}

{/if} {#if passoAtual === 3}

Confirme sua Solicitação

📝 Resumo da Solicitação

Ano de Referência

{anoSelecionado}

Total de Dias

{totalDiasSelecionados}

Períodos Selecionados:

{#each periodosFerias as periodo, index}

{index + 1}

{new Date(periodo.dataInicio).toLocaleDateString( "pt-BR", { day: "2-digit", month: "long", year: "numeric", }, )} até {new Date(periodo.dataFim).toLocaleDateString("pt-BR", { day: "2-digit", month: "long", year: "numeric", })}

{periodo.dias} dias corridos

{/each}

Observações (opcional)

{/if}