import { Routes, Route } from "react-router-dom";
import Sidebar from "../../components/Sidebar";
import { useState } from "react";
import DoctorRelatorioManager  from "../../PagesMedico/DoctorRelatorioManager";
import Prontuario from "../../PagesMedico/prontuario";
import Relatorio from "../../PagesMedico/relatorio";
import DoctorAgendamentoManager from "../../PagesMedico/DoctorAgendamentoManager";
import Chat from "../../PagesMedico/Chat";
import DoctorItems from "../../data/sidebar-items-medico.json";
import FormNovoRelatorio from "../../PagesMedico/FormNovoRelatorio";
import EditPageRelatorio from "../../PagesMedico/EditPageRelatorio";
import BotaoVideoChamada from '../../components/BotaoVideoChamada'; 

import DoctorAgendamentoEditPage from "../../PagesMedico/DoctorAgendamentoEditPage";

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;