diff --git a/src/components/EtasuStatus/EtasuStatus.jsx b/src/components/EtasuStatus/EtasuStatus.jsx
new file mode 100644
index 0000000..bc57861
--- /dev/null
+++ b/src/components/EtasuStatus/EtasuStatus.jsx
@@ -0,0 +1,51 @@
+import { EtasuStatusButton } from './EtasuStatusButton.jsx';
+import { EtasuStatusModal } from './EtasuStatusModal.jsx';
+import { useState, useEffect } from 'react';
+import { Card, Typography } from '@mui/material';
+
+export const EtasuStatus = props => {
+  const { etasuUrl, request, remsAdminResponse, getEtasuStatus, lastCheckedEtasuTime } =
+    props;
+  const [showEtasuStatus, setShowEtasuStatus] = useState(false);
+
+  useEffect(() => getEtasuStatus(), [request.id, etasuUrl]);
+
+  const handleCloseEtasuStatus = () => {
+    setShowEtasuStatus(false);
+  };
+
+  const handleOpenEtasuStatus = () => {
+    setShowEtasuStatus(true);
+  };
+
+  return (
+    <Card variant="outlined" sx={{ padding: 2 }}>
+      <Typography variant="h6" align="center" mb={2}>
+        {remsAdminResponse?.drugName}
+      </Typography>
+      <EtasuStatusButton
+        baseColor={getStatusColor(remsAdminResponse?.status)}
+        remsAdminResponse={remsAdminResponse}
+        handleOpenEtasuStatus={handleOpenEtasuStatus}
+        lastCheckedEtasuTime={lastCheckedEtasuTime}
+      />
+      <EtasuStatusModal
+        callback={getEtasuStatus}
+        remsAdminResponse={remsAdminResponse}
+        update={showEtasuStatus}
+        onClose={handleCloseEtasuStatus}
+      />
+    </Card>
+  );
+};
+
+export const getStatusColor = status => {
+  switch (status) {
+    case 'Approved':
+        return 'green';
+    case 'Pending':
+        return '#f0ad4e';
+    default:
+      return '#0c0c0c';
+  }
+};
diff --git a/src/components/EtasuStatus/EtasuStatusButton.css b/src/components/EtasuStatus/EtasuStatusButton.css
new file mode 100644
index 0000000..006c066
--- /dev/null
+++ b/src/components/EtasuStatus/EtasuStatusButton.css
@@ -0,0 +1,17 @@
+.etasuButtonText {
+    margin-bottom: 0px;
+    font-weight: bold;
+    font-size: 14px;
+  }
+  
+  .etasuButtonTimestamp {
+    margin: 0 auto;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-size: 0.8rem;
+  }
+  
+  .timestampString {
+    font-size: 0.7rem;
+    opacity: 0.8;
+  }
+  
\ No newline at end of file
diff --git a/src/components/EtasuStatus/EtasuStatusButton.jsx b/src/components/EtasuStatus/EtasuStatusButton.jsx
new file mode 100644
index 0000000..06aa189
--- /dev/null
+++ b/src/components/EtasuStatus/EtasuStatusButton.jsx
@@ -0,0 +1,64 @@
+import { Button, Grid, Typography } from '@mui/material';
+import ListIcon from '@mui/icons-material/List';
+import './EtasuStatusButton.css';
+
+export const EtasuStatusButton = props => {
+  const { baseColor, remsAdminResponse, handleOpenEtasuStatus, lastCheckedEtasuTime } =
+    props;
+  return (
+    <Grid item container flexDirection="column" alignItems="center">
+      <Button sx={buttonSx(baseColor)} variant="contained" onClick={handleOpenEtasuStatus}>
+        <ListIcon fontSize="large" />
+        <Typography className="etasuButtonText" component="p">
+          ETASU:
+        </Typography>
+        <Typography component="p">{remsAdminResponse?.status || 'Not Started'}</Typography>
+      </Button>
+      {renderTimestamp(lastCheckedEtasuTime)}
+    </Grid>
+  );
+};
+
+const buttonSx = baseColor => ({
+  backgroundColor: baseColor,
+  ':hover': { filter: 'brightness(110%)', backgroundColor: baseColor },
+  flexDirection: 'column'
+});
+
+const renderTimestamp = checkedTime => {
+  return checkedTime ? (
+    <>
+      <Typography component="p" className="etasuButtonTimestamp">
+        {convertTimeDifference(checkedTime)}
+      </Typography>
+      <Typography component="p" className="etasuButtonTimestamp timestampString">
+        {new Date(checkedTime).toLocaleString()}
+      </Typography>
+    </>
+  ) : (
+    <Typography>No medication selected</Typography>
+  );
+};
+
+const convertTimeDifference = start => {
+  const end = Date.now();
+  const difference = end - start;
+  const diffMin = difference / 60000;
+  let prefix = 'a long time';
+  if (diffMin < 1) {
+    prefix = 'a few seconds';
+  } else if (diffMin > 1 && diffMin < 2) {
+    prefix = 'a minute';
+  } else if (diffMin > 2 && diffMin < 60) {
+    prefix = `${Math.round(diffMin)} minutes`;
+  } else if (diffMin > 60 && diffMin < 120) {
+    prefix = 'an hour';
+  } else if (diffMin > 120 && diffMin < 1440) {
+    prefix = `${Math.round(diffMin / 60)} hours`;
+  } else if (diffMin > 1440 && diffMin < 2880) {
+    prefix = 'a day';
+  } else if (diffMin > 2880) {
+    prefix = `${Math.round(diffMin / 1440)} days`;
+  }
+  return `Last checked ${prefix} ago`;
+};
diff --git a/src/components/EtasuStatus/EtasuStatusModal.css b/src/components/EtasuStatus/EtasuStatusModal.css
new file mode 100644
index 0000000..a5a47e2
--- /dev/null
+++ b/src/components/EtasuStatus/EtasuStatusModal.css
@@ -0,0 +1,33 @@
+.renew-icon{
+    cursor: pointer;
+    margin-left: 15px;
+    margin-right: 15px;
+  }
+  
+.refresh{
+    cursor: pointer;
+    margin-left: 15px;
+    margin-right: 15px;
+    animation-name: spin;
+    animation-duration: 500ms;
+    animation-iteration-count: 2;
+    animation-timing-function: ease-in-out; 
+  }
+
+.status-icon{
+    width: 100%;
+    height:5px;
+  }
+
+.bundle-entry{
+    margin: 5px;
+  }
+
+@keyframes spin {
+    from {
+        transform:rotate(0deg);
+    }
+    to {
+        transform:rotate(360deg);
+    }
+  }
\ No newline at end of file
diff --git a/src/components/EtasuStatus/EtasuStatusModal.jsx b/src/components/EtasuStatus/EtasuStatusModal.jsx
new file mode 100644
index 0000000..8b23505
--- /dev/null
+++ b/src/components/EtasuStatus/EtasuStatusModal.jsx
@@ -0,0 +1,101 @@
+import { Box, Grid, IconButton, Modal, Tooltip, List, ListItem, ListItemIcon, ListItemText } from '@mui/material';
+import AutorenewIcon from '@mui/icons-material/Autorenew';
+import { useState, useEffect } from 'react';
+import { getStatusColor } from './EtasuStatus';
+import './EtasuStatusModal.css';
+import CheckCircle from '@mui/icons-material/CheckCircle';
+import Close from '@mui/icons-material/Close';
+
+const getIdText = remsAdminResponse => remsAdminResponse?.case_number || 'N/A';
+
+export const EtasuStatusModal = props => {
+  const { callback, onClose, remsAdminResponse, update } = props;
+  const [spin, setSpin] = useState(false);
+  const color = getStatusColor(remsAdminResponse?.status);
+
+  useEffect(() => {
+    if (update) {
+      setSpin(true);
+      callback();
+    }
+  }, [update]);
+
+  return (
+    <Modal open={update} onClose={onClose}>
+      <Box sx={modalStyle}>
+        <div>
+            <h1>REMS Status</h1>
+            <div className="status-icon" style={{ backgroundColor: color }}></div>
+            <Grid container columns={12}>
+                <Grid item xs={10}>
+                    <div className="bundle-entry">
+                        Case Number: {getIdText(remsAdminResponse)}
+                    </div>
+                    <div className="bundle-entry">Status: {remsAdminResponse.status || 'N/A'}</div>
+                </Grid>
+                <Grid item xs={2}>
+                    <div className="bundle-entry">
+                        <Tooltip title="Refresh">
+                        <IconButton onClick={callback} data-testid="refresh">
+                            <AutorenewIcon
+                            data-testid="icon"
+                            className={spin === true ? 'refresh' : 'renew-icon'}
+                            onAnimationEnd={() => setSpin(false)}
+                            />
+                        </IconButton>
+                        </Tooltip>
+                    </div>
+                </Grid>
+            </Grid>
+            <div>
+                <br></br>
+                <h3>ETASU</h3>
+                <Box sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}>
+                    {remsAdminResponse ? (
+                        <List>
+                        {remsAdminResponse?.metRequirements?.map((metRequirements) => (
+                            <ListItem
+                                disablePadding
+                                key={metRequirements.metRequirementId}
+                                data-testid="etasu-item"
+                            >
+                            <ListItemIcon>
+                                {metRequirements.completed ? (
+                                <CheckCircle color="success" />
+                                ) : (
+                                <Close color="warning" />
+                                )}
+                            </ListItemIcon>
+                            {metRequirements.completed ? (
+                                <ListItemText primary={metRequirements.requirementName} />
+                            ) : (
+                                <ListItemText
+                                primary={metRequirements.requirementName}
+                                secondary={metRequirements.requirementDescription}
+                                />
+                            )}
+                            </ListItem>
+                        ))}
+                        </List>
+                    ) : (
+                        'Not Available'
+                    )}
+                </Box>
+            </div>
+        </div>
+      </Box>
+    </Modal>
+  );
+};
+
+const modalStyle = {
+  position: 'absolute',
+  top: '50%',
+  left: '50%',
+  transform: 'translate(-50%, -50%)',
+  width: 400,
+  bgcolor: 'background.paper',
+  border: '1px solid #000',
+  boxShadow: 24,
+  p: 4
+};
diff --git a/src/containers/RequestBuilder.jsx b/src/containers/RequestBuilder.jsx
index a4fb4f5..250d2c0 100644
--- a/src/containers/RequestBuilder.jsx
+++ b/src/containers/RequestBuilder.jsx
@@ -16,7 +16,9 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import PatientSearchBar from '../components/RequestBox/PatientSearchBar/PatientSearchBar.jsx';
 import { MedicationStatus } from '../components/MedicationStatus/MedicationStatus.jsx';
 import { actionTypes } from './ContextProvider/reducer.js';
+
 import axios from 'axios';
+import { EtasuStatus } from '../components/EtasuStatus/EtasuStatus';
 
 const RequestBuilder = props => {
   const { globalState, dispatch, client } = props;
@@ -35,7 +37,9 @@ const RequestBuilder = props => {
     token: null,
     client: client,
     medicationDispense: null,
-    lastCheckedMedicationTime: null
+    lastCheckedMedicationTime: null,
+    remsAdminResponse: {},
+    lastCheckedEtasuTime: null
   });
   const displayRequestBox = !!globalState.patient?.id;
 
@@ -43,7 +47,9 @@ const RequestBuilder = props => {
     return Object.keys(state.request).length === 0;
   };
 
+
   const disableGetMedicationStatus = isOrderNotSelected() || state.loading;
+  const disableGetEtasu = isOrderNotSelected() || state.loading;
   const getMedicationStatus = () => {
     setState(prevState => ({
       ...prevState,
@@ -64,6 +70,55 @@ const RequestBuilder = props => {
     );
   };
 
+  const getEtasu = () => {
+    setState(prevState => ({
+      ...prevState,
+      lastCheckedEtasuTime: Date.now()
+    }));
+
+    const patientFirstName = globalState.patient?.name?.at(0)?.given?.at(0);
+    const patientLastName = globalState.patient?.name?.at(0)?.family;
+    const patientDOB = globalState.patient?.birthDate;
+
+    console.log(
+      'get Etastu Status: ' +
+        patientFirstName +
+        ' ' +
+        patientLastName +
+        ' - ' +
+        patientDOB +
+        ' - ' +
+        state.code
+    );
+    const etasuUrl = `${globalState.remsAdminServer}/etasu/met/patient/${patientFirstName}/${patientLastName}/${patientDOB}/drugCode/${state.code}`;
+    axios({
+      method: 'get',
+      url: etasuUrl
+    }).then(
+      response => {
+        // Sorting an array mutates the data in place.
+        const remsMetRes = response.data;
+        if (remsMetRes.metRequirements) {
+          remsMetRes.metRequirements.sort((first, second) => {
+            // Keep the other forms unsorted.
+            if (second.requirementName.includes('Patient Status Update')) {
+              // Sort the Patient Status Update forms in descending order of timestamp.
+              return second.requirementName.localeCompare(first.requirementName);
+            }
+            return 0;
+          });
+        }
+        setState(prevState => ({
+          ...prevState,
+          remsAdminResponse: response.data
+        }));
+      },
+      error => {
+        console.log(error);
+      }
+    );
+  };
+
   useEffect(() => {
     if (state.client) {
       // Call patients on load of page
@@ -293,17 +348,30 @@ const RequestBuilder = props => {
               />
             </Grid>
           )}
-          {!disableGetMedicationStatus && (
-            <Grid item>
-              <MedicationStatus
-                ehrUrl={globalState.ehrUrl}
-                request={state.request}
-                medicationDispense={state.medicationDispense}
-                getMedicationStatus={getMedicationStatus}
-                lastCheckedMedicationTime={state.lastCheckedMedicationTime}
-              />
-            </Grid>
-          )}
+          <Grid item container justifyContent="center" textAlign="center" spacing={2}>
+            {!disableGetEtasu && (
+              <Grid item>
+                <EtasuStatus 
+                  etasuUrl={globalState}
+                  request={state.request}
+                  remsAdminResponse={state.remsAdminResponse}
+                  getEtasuStatus={getEtasu}
+                  lastCheckedEtasuTime={state.lastCheckedEtasuTime}
+                />
+              </Grid>
+            )}
+            {!disableGetMedicationStatus && (
+              <Grid item>
+                <MedicationStatus
+                  ehrUrl={globalState.ehrUrl}
+                  request={state.request}
+                  medicationDispense={state.medicationDispense}
+                  getMedicationStatus={getMedicationStatus}
+                  lastCheckedMedicationTime={state.lastCheckedMedicationTime}
+                />
+              </Grid>
+            )}
+          </Grid>
         </Grid>
 
         <Grid item container xs={12} md={6}>
diff --git a/src/util/data.js b/src/util/data.js
index bd3712a..49e8428 100644
--- a/src/util/data.js
+++ b/src/util/data.js
@@ -85,6 +85,11 @@ const headerDefinitions = {
     display: 'SMART App',
     type: 'input',
     default: env.get('VITE_SMART_LAUNCH_URL').asString()
+  },
+  remsAdminServer: {
+    display: 'REMS Admin Server',
+    type: 'input',
+    default: env.get('VITE_SERVER').asString()
   }
 };