import { createRoot } from 'react-dom/client';
import React from 'react';
import '@SharePoint/rencredit_uikit/dist/static/fonts/mont/Mont.css';
import { AppProvider } from '../../../../../resources/js/providers/AppProvider.tsx';
import TaxiOrder from '../components/TaxiOrder.tsx';

const container:HTMLElement = document.getElementById('root')!;
const root = createRoot(container);

//ГАВРИЛОВ
//не забудь обернуть рендер editOrder так же в PopupProvider. И вообще это дубирование выглядит костыльно

//Гаврилов
//Спроси у дипсика насколько корректно таким образом получать аргументы из URLA
if (document.location.pathname.split('/').find(el => el === 'editOrder')) {
  let rqstIdUrl = parseInt(document.location.pathname.split('/').pop());
  root.render(
    <AppProvider>
      <TaxiOrder
        rqstId = {rqstIdUrl}
      />
    </AppProvider>
  );
} else {
  root.render(
    <AppProvider>
      {/* Не получится передавать контейнер попапов на этом этапе, так как компоненты приложения (формы Такси) должны иметь общего родителя с компонентом контейнеров попапов, иначе они не смогут знать через общий стейт какое состояние у набора попапов */}
      {/* ГАВРИЛОВ ругается на указание параметра rqstId в TaxiPage? */}
      {/* <TaxiOrderPage rqstId = {undefined}/> */}
      <TaxiOrder
        rqstId = {undefined}
      />
    </AppProvider>
  );
}