{m.objet}

{m.corps}

{m.pieces.length>0&&

{m.pieces.map(p=>{p})}

}

setRep(e.target.value)} placeholder={'Répondre à '+m.de.split(' ')[0]+'…'} rows={3}
          style={{width:'100%',resize:'vertical',border:FILET,borderRadius:'var(--rayon-3)',padding:'12px 14px',fontFamily:'var(--police-corps)',fontSize:'14px',color:'var(--marine-900)',outline:0}}/>
        <div style={{display:'flex',gap:'8px',alignItems:'center'}}><Button size="s" variant="fantome" iconeAvant={<Icon name="paperclip" size={15}/>}>Joindre</Button><span style={{flex:1}}/>
          <Button size="s" variant="primaire" onClick={()=>setRep('')} iconeApres={<Icon name="send" size={14} color="#fff"/>}>Envoyer</Button></div></div>
    </div>}/>;
}

/* Planification d'un rendez-vous dans un logement : préavis de 24 h et plage 9 h – 21 h si le logement est occupé, sauf urgence. */
function verifierPreavis({occupe,date,heure,urgence}){
  if(!occupe||urgence||!date||!heure)return true;
  const quand=new Date(date+'T'+heure), h=quand.getHours()+quand.getMinutes()/60;
  return quand-new Date()>=24*36e5&&h>=9&&h<=21;
}
function PlanifierRdv({ouvert,onClose,data}){
  const logs=data.immeubles.flatMap(im=>im.logements.map(l=>({k:im.adresse.split(',')[0]+' — '+l[0],occupe:l[3]==='Occupé'})));
  const vide={logement:logs[0]?logs[0].k:'',objet:'Visite',date:'',heure:'10:00',urgence:false};
  const [f,setF]=React.useState(vide), [essai,setEssai]=React.useState(false);
  React.useEffect(()=>{if(ouvert){setF(vide);setEssai(false)}},[ouvert]);
  const occupe=(logs.find(l=>l.k===f.logement)||{}).occupe;
  const ok=verifierPreavis({occupe,date:f.date,heure:f.heure,urgence:f.urgence});
  return <Dialog ouvert={ouvert} onClose={onClose} surtitre="Calendrier" titre="Planifier un rendez-vous"
    actions={<React.Fragment><Button variant="secondaire" onClick={onClose}>Annuler</Button><Button variant="primaire" onClick={()=>{setEssai(true);if(ok&&f.date)onClose()}}>Planifier</Button></React.Fragment>}>
    <div style={{display:'grid',gap:'16px'}}>
      <Select label="Logement" options={logs.map(l=>l.k)} value={f.logement} onChange={e=>setF({...f,logement:e.target.value})}/>
      <Select label="Objet" options={['Visite','Inspection','Travaux']} value={f.objet} onChange={e=>setF({...f,objet:e.target.value})}/>
      <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fit,minmax(160px,1fr))',gap:'16px'}}>
        <Input label="Date" type="date" value={f.date} onChange={e=>setF({...f,date:e.target.value})} erreur={essai&&!f.date?'Choisissez une date.':undefined}/>
        <Input label="Heure" type="time" value={f.heure} onChange={e=>setF({...f,heure:e.target.value})}/></div>
      <Checkbox checked={f.urgence} onChange={e=>setF({...f,urgence:e.target.checked})} label="Urgence"/>
      {/* À valider par l'avocat */}
      {!ok&&<div role="alert" style={{display:'flex',gap:'12px',padding:'14px 16px',background:'var(--alerte-100)',borderRadius:'var(--rayon-3)'}}><Icon name="triangle-alert" size={18} color="var(--alerte-600)" style={{flex:'none',marginTop:'1px'}}/>
        <span style={{fontSize:'13.5px',lineHeight:1.55,color:'var(--alerte-600)',fontWeight:500}}>Préavis de 24 h requis, entre 9 h et 21 h (art. 1931-1932 C.c.Q.). Cochez « Urgence » pour déroger.</span></div>}
    </div></Dialog>;
}

Object.assign(window,{Demandes,Messages,Finances,CalendrierPage,Suivi,PlanifierRdv,verifierPreavis});

{d.titre}

{m.objet}