//Nesta página falta: mudar nomes

import { Routes, Route } from "react-router-dom";
import { useState } from "react";

//Components
import Sidebar from "../../components/Sidebar/Sidebar";
import BotaoVideoChamada from '../../components/VideoChamada/BotaoVideoChamada'; 

//Pages
import DoctorRelatorioManager  from "../../pages/medico/CadastroRelatorio";
import Prontuario from "../../pages/medico/Prontuario";
import DoctorAgendamentoManager from "../../pages/medico/CadastroAgendamento";
import Chat from "../../pages/medico/Chat";
import FormNovoRelatorio from "../../pages/medico/FormRelatorio";
import EditPageRelatorio from "../../pages/medico/EditarRelatorio";
import DoctorAgendamentoEditPage from "../../pages/medico/EditarAgendamento";

//Data
import DoctorItems from "../../data/sidebar-items-medico.json";

function PerfilMedico() {

  const [dictInfo, setDictInfo] = useState({})


  return (
    
      <div id="app" className="active">
        <Sidebar menuItems={DoctorItems} />
        <div id="main">
          <Routes>
            <Route path="/" element={<DoctorRelatorioManager />} />
            <Route path="/relatorios/criar" element={<FormNovoRelatorio />} />
            <Route path="/relatorios/:id/edit" element={<EditPageRelatorio />} />
            <Route path="/prontuario" element={<Prontuario />} />
            <Route path="/relatorios" element={<DoctorRelatorioManager />} />
            <Route path="/agendamento" element={<DoctorAgendamentoManager setDictInfo={setDictInfo}/>} />
            <Route path="/agendamento/edit" element={<DoctorAgendamentoEditPage DictInfo={dictInfo} setDictInfo={setDictInfo}/>} />
            <Route path="/chat" element={<Chat />} />
          </Routes>
        </div>
        
        {/* ADICIONADO AQUI */}
        <BotaoVideoChamada /> 

      </div>
    
  );
}

export default PerfilMedico;