{titulo}

{sub}

{bloco.viaTroca && (

Recebido em troca de {bloco.trocaCom}

)}

{/* Turno incerto: botão pra estender noitinha→noite ou confirmar como noitinha */} {bloco.turnoIncerto === 'noitinha-ou-noite' && bloco.tipo === 'plantao' && (

⚠ Turno incerto

Esse plantão pode ser noitinha (5h) ou virar noite (12h) dependendo dos pacientes.

)} {(bloco.tipo === 'plantao' || bloco.viaTroca) && (() => { const hosp = window.getHospital(bloco.hospitalId, HOSPS); if (!hosp?.remuneracao?.ativo || !hosp.remuneracao?.valorHoraBase) return null; const r = window.calcRemuneracao(bloco, hosp); return (

Remuneração

{r.breakdown.map((b, i) => (

{b.horas}h {b.tipo === 'base' ? 'base' : `${b.tipo} (+${b.pctAdic}%)`} {window.fmtBRL(b.valor)}

))}

Bruto {window.fmtBRL(r.bruto)}

{r.descontoPct > 0 && ( <>

− desconto {r.descontoPct}% −{window.fmtBRL(r.descontoValor)}

Líquido {window.fmtBRL(r.liquido)}

)}

); })()} {(bloco.tipo === 'plantao' || bloco.tipo === 'deslocamento') && (() => { const [, fimAtual] = window.intervaloMin(bloco); const candidatos = (blocosTodos || []) .filter(b => b.id !== bloco.id && (b.tipo === 'plantao' || b.tipo === 'deslocamento')) .map(b => ({ b, ini: window.intervaloMin(b)[0] })) .filter(x => x.ini >= fimAtual) .sort((a, b) => a.ini - b.ini); if (candidatos.length === 0) { return ; } const next = candidatos[0]; const gapMin = next.ini - fimAtual; const gapH = gapMin / 60; const proxH = next.b.tipo === 'plantao' ? window.getHospital(next.b.hospitalId, HOSPS) : window.getHospital(next.b.hospitalDestinoId, HOSPS); const apertado = gapH < 6; const texto = gapH < 24 ? `Em ${gapH < 1 ? Math.round(gapMin) + ' min' : gapH.toFixed(gapH % 1 ? 1 : 0) + 'h'}` : `Em ${Math.floor(gapH/24)} dia${Math.floor(gapH/24)>1?'s':''}`; return (

Próximo plantão

{texto} · {proxH.abrev}

{window.fmtDataCurto(next.b.data)} {window.fmtHora(next.b.horaInicio)} {apertado && ' · janela de descanso curta'}

); })()} {bloco.motivo && } {bloco.tipo === 'trocado' && bloco.trocaInfo && ( )} {bloco.fromRecorrencia && (() => { const rec = (recorrencias || []).find(r => r.id === bloco.fromRecorrencia); return ; })()}

{bloco.tipo === 'plantao' && bloco.fromRecorrencia && (

Plantão de uma série. Edição e troca operam só nesta ocorrência.

)} {bloco.tipo === 'plantao' && !bloco.fromRecorrencia && (

)} {(bloco.tipo === 'cedido' || bloco.tipo === 'trocado') && (

O bloco volta como plantão na sua agenda.

)} {(bloco.tipo === 'sono' || bloco.tipo === 'bloqueio' || bloco.tipo === 'deslocamento') && (

)} )} {modo === 'editar' && edit && ( <>

Editar plantão

Conflitos e cadeias são recalculados ao vivo.

Hospital

Data setEdit({...edit, data: e.target.value})}/>

{window.DIAS_COMPLETO[window.diaSemanaBR(edit.data)]}

Início (h) setEdit({...edit, horaInicio: parseInt(e.target.value) || 0})}/>

Duração (h) setEdit({...edit, duracao: parseInt(e.target.value) || 1})}/>

{/* Conflitos ao vivo */} {(() => { const projetado = { ...bloco, ...edit }; const conflitos = window.detectarConflitos(projetado, blocosTodos || [], bloco.id); const cadeia = window.cadeiaSeAdicionar(projetado, (blocosTodos || []).filter(b => b.id !== bloco.id)); if (conflitos.length === 0 && (!cadeia || cadeia.horas <= 24)) return null; return ; })()}

)} {modo === 'ceder' && ( <>

Ceder a colega

Esse plantão sai da sua semana sem nada em troca. Você pode reverter depois.

Nome do colega setColega({...colega, nome: e.target.value})} placeholder="Ex.: Dra. Mariana"/>

Motivo (opcional)

setColega({...colega, motivo: e.target.value})} rows={3}
                  placeholder="Ex.: carga acumulada, evento familiar..." style={{resize:'vertical', fontFamily:'inherit'}}/>
              </div>
              <button className="btn" disabled={!colega.nome}
                onClick={() => { onCeder(bloco.id, colega); fechar(); }}
                style={{justifyContent:'center', opacity: colega.nome ? 1 : 0.5, marginTop: 8, background:'var(--ink)', color:'var(--bg)'}}>
                Confirmar cessão
              </button>
            </div>
          </>
        )}

{modo === 'trocar' && (
          <>
            <h2 className="h2" style={{fontSize: 28, lineHeight: 1.1}}>Trocar com colega</h2>
            <p className="small" style={{marginTop: 4, marginBottom: 'var(--s-5)'}}>
              Você cede este plantão e recebe outro no lugar. Os dois entram na conta da sua semana.
            </p>

{/* Resumo: o que sai vs. o que entra */}
            <div style={{
              display: 'grid', gridTemplateColumns: '1fr auto 1fr',
              gap: 'var(--s-2)', alignItems: 'stretch',
              marginBottom: 'var(--s-5)',
            }}>
              <div style={{
                padding: 'var(--s-3)',
                background: 'var(--colo-sand-50)',
                borderRadius: 'var(--r-md)',
                borderLeft: `3px solid ${color}`,
              }}>
                <div className="eyebrow" style={{fontSize: 10}}>Sai</div>
                <div style={{fontWeight: 700, fontSize: 13, marginTop: 4, lineHeight: 1.2}}>
                  {bloco.tipo === 'plantao' ? window.getHospital(bloco.hospitalId, HOSPS).abrev : titulo}
                </div>
                <div style={{fontSize: 11, color: 'var(--ink-2)', marginTop: 2}}>
                  {bloco.data && window.fmtDataCurto(bloco.data)} · {window.fmtHora(bloco.horaInicio)} · {bloco.duracao}h
                </div>
              </div>
              <div style={{display:'grid', placeItems:'center', color:'var(--ink-3)'}}>
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>
              </div>
              <div style={{
                padding: 'var(--s-3)',
                background: 'var(--colo-lavender-50)',
                borderRadius: 'var(--r-md)',
                borderLeft: `3px solid ${novoH.cor}`,
              }}>
                <div className="eyebrow" style={{fontSize: 10}}>Entra</div>
                <div style={{fontWeight: 700, fontSize: 13, marginTop: 4, lineHeight: 1.2}}>
                  {novoH.abrev}
                </div>
                <div style={{fontSize: 11, color: 'var(--ink-2)', marginTop: 2}}>
                  {window.fmtDataCurto(novo.data)} · {window.fmtHora(novo.horaInicio)} · {novo.duracao}h
                </div>
              </div>
            </div>

<div style={{display: 'grid', gap: 'var(--s-4)'}}>
              <div>
                <label className="eyebrow" style={{display:'block', marginBottom: 6}}>Nome do colega</label>
                <input className="input" value={colega.nome} onChange={e => setColega({...colega, nome: e.target.value})} placeholder="Ex.: Dr. Felipe"/>
              </div>

<div style={{
                padding: 'var(--s-4)', background: 'var(--bg-alt)',
                borderRadius: 'var(--r-md)', border: '1px solid var(--line)',
              }}>
                <div className="eyebrow" style={{marginBottom: 'var(--s-3)'}}>Plantão que vou assumir</div>
                <div style={{display:'grid', gap: 'var(--s-3)'}}>
                  <div>
                    <label className="eyebrow" style={{display:'block', marginBottom: 4, fontSize: 10}}>Hospital</label>
                    <select className="input" value={novo.hospitalId}
                      onChange={e => setNovo({...novo, hospitalId: parseInt(e.target.value)})}>
                      {HOSPS.map(h => <option key={h.id} value={h.id}>{h.nome}</option>)}
                    </select>
                  </div>
                  <div>
                    <label className="eyebrow" style={{display:'block', marginBottom: 4, fontSize: 10}}>Data</label>
                    <input className="input" type="date" value={novo.data}
                      onChange={e => setNovo({...novo, data: e.target.value})}/>
                    <div className="small" style={{marginTop: 4, fontSize: 11}}>
                      {window.DIAS_COMPLETO[window.diaSemanaBR(novo.data)]}
                      {' · '}
                      <button type="button" onClick={() => setNovo({...novo, data: window.addDias(window.HOJE_ISO, 7)})}
                        style={{border:0, background:'transparent', color:'var(--colo-blue-tag)', cursor:'pointer', textDecoration:'underline', fontSize: 11, padding:0}}>
                        próxima semana
                      </button>
                      {' · '}
                      <button type="button" onClick={() => {
                        const d = window.fromISO(window.HOJE_ISO);
                        setNovo({...novo, data: window.toISO(new Date(d.getFullYear(), d.getMonth()+1, d.getDate()))});
                      }}
                        style={{border:0, background:'transparent', color:'var(--colo-blue-tag)', cursor:'pointer', textDecoration:'underline', fontSize: 11, padding:0}}>
                        mês que vem
                      </button>
                    </div>
                  </div>
                  <div style={{display:'grid', gridTemplateColumns:'1fr 1fr', gap: 'var(--s-3)'}}>
                    <div>
                      <label className="eyebrow" style={{display:'block', marginBottom: 4, fontSize: 10}}>Início (h)</label>
                      <input className="input" type="number" min="0" max="23" value={novo.horaInicio}
                        onChange={e => setNovo({...novo, horaInicio: parseInt(e.target.value) || 0})}/>
                    </div>
                    <div>
                      <label className="eyebrow" style={{display:'block', marginBottom: 4, fontSize: 10}}>Duração (h)</label>
                      <input className="input" type="number" min="1" max="36" value={novo.duracao}
                        onChange={e => setNovo({...novo, duracao: parseInt(e.target.value) || 1})}/>
                    </div>
                  </div>
                </div>
              </div>

<div>
                <label className="eyebrow" style={{display:'block', marginBottom: 6}}>Motivo (opcional)</label>
                <textarea className="input" value={colega.motivo} onChange={e => setColega({...colega, motivo: e.target.value})} rows={2}
                  placeholder="Ex.: ele precisava do sábado, fechei terça à tarde."
                  style={{resize:'vertical', fontFamily:'inherit'}}/>
              </div>

<button className="btn" disabled={!colega.nome}
                onClick={() => { onTrocar(bloco.id, colega, novo); fechar(); }}
                style={{justifyContent:'center', opacity: colega.nome ? 1 : 0.5, marginTop: 4, background:'var(--ink)', color:'var(--bg)'}}>
                Confirmar troca
              </button>
            </div>
          </>
        )}
      </aside>
    </>
  );
}

function Row({ label, value }) {
  return (
    <div>
      <div className="eyebrow" style={{marginBottom: 4}}>{label}</div>
      <div style={{fontSize: 16, fontWeight: 500, color: 'var(--ink)'}}>{value}</div>
    </div>
  );
}

Object.assign(window, { Drawer });