Notes

import React from 'react'
import Documents from './Documents'
import DocumentViewer from '../../../Shared/Components/DocumentViewer'
import { useSelector } from 'react-redux'
import { selectDocName, selectDocUrl } from '../../../Shared/Redux/Slicers/SubmissionSlice'
import '../Submission-Summary/Summary.css'
import './Documents.css'
import { FormControl, InputLabel, OutlinedInput, Select, MenuItem, Typography } from '@mui/material';
import { useLocation, useHistory } from 'react-router-dom/cjs/react-router-dom';
import ApiService from '../../../Shared/Services/CyberAIService';

function SubmissionDocuments({ rowdata }) {
const doc = useSelector(selectDocName);
const url = useSelector(selectDocUrl);

const history = useHistory();
const location = useLocation();

const [selectedRfpStatus, setSelectedRfpStatus] = React.useState(
(location.state?.e?.rfp_status) || rowdata.e.rfp_status
);

const [docReviewStatus, setDocReviewStatus] = React.useState(
(location.state?.e?.document_reviewed_status || rowdata.e.document_reviewed_status)
);

const onRfpStatusHandler = async (event) => {
const selectedValue = event.target.value;

const requestBody = {
submission_id: rowdata.e.submission_id,
submission_version: 1,
rfp_status: selectedValue
};

try {
const res = await ApiService.updateRFPStatusDocumentsApiUrl(requestBody);
if (res.status === 200 && res.data === true) {
setSelectedRfpStatus(selectedValue);
history.replace({
pathname: history.location.pathname,
state: { e: { ...location.state.e, rfp_status: selectedValue } }
});
}
} catch (err) {
console.error('Error updating RFP Status:', err);
}
};

// Allow child component to send updated review status back
const handleDocReviewStatusUpdate = (status) => {
setDocReviewStatus(status);
};

return (
<div>
<div className='main-container-documents'>
<div className='row container-layout'>
<div className="row align-items-center">
<div className="col-auto tab-title-div">Submission Documents</div>

<div className="col-auto ms-auto d-flex align-items-center gap-3">
<Typography variant="body1" className="docs-pending-label">
Docs Pending: {docReviewStatus}
</Typography>

<FormControl sx={{ width: 300 }}>
<InputLabel id="rfp-status-label">RFP Status</InputLabel>
<Select
labelId="rfp-status-label"
id="rfp-status-select"
input={<OutlinedInput label="RFP Status" />}
onChange={onRfpStatusHandler}
value={selectedRfpStatus}
>
<MenuItem value="Not Started">Not Started</MenuItem>
<MenuItem value="Logged-Census Incomplete">Logged-Census Incomplete</MenuItem>
<MenuItem value="Logged-Census Complete">Logged-Census Complete</MenuItem>
<MenuItem value="In Preparation">In Preparation</MenuItem>
</Select>
</FormControl>
</div>
</div>

<div className='divbreak'></div>

<div className="row">
<div className='col-sm-6'>
<Documents data={rowdata} onDocReviewStatusChange={handleDocReviewStatusUpdate} />
</div>
<div className='col-sm-6'>
<DocumentViewer url={url} doc={doc} header={"Documents"} />
</div>
</div>
</div>
</div>
</div>
)
}

export default SubmissionDocuments