frontend approval

Modules/Internal/Transformers/RequestLogShowResource.php

@@ -33,7 +33,7 @@ class RequestLogShowResource extends JsonResource
         $corporateId = $requestLog['member']['current_plan']['corporate_id'] ?? 0;
         $member_id = $requestLog['member_id'];
         $planMember = MemberPlan::where('member_id', $member_id)->get('plan_id');
-
+        
         $planId = Plan::whereIn('id', $planMember)->where('service_code', $requestLog['service_code'])->first();
         $benefit = CorporateBenefit::with(['benefit', 'plan'])->where('plan_id', $planId->id)->get()->toArray();
         $benefitDetailLog = RequestLogBenefit::with('benefit')->where('request_log_id', $requestLog['id'])->get()->toArray();

frontend/dashboard/src/pages/CustomerService/FinalLog/Components/DialogEditFinalLOG.tsx

@@ -159,7 +159,7 @@ export default function DialogEditFinalLOG({requestLog, setOpenDialog, openDialo
         // Add more options as needed
     ];
 
-   console.log(formData.type_of_member)
+//    console.log(formData.type_of_member)
 
     const getContent = () => (
         <Stack spacing={1} marginTop={2}>

frontend/dashboard/src/pages/CustomerService/FinalLog/Detail.tsx

@@ -1,3 +1,6 @@
+import * as Yup from 'yup';
+import { yupResolver } from '@hookform/resolvers/yup';
+import { NumericFormat } from "react-number-format";
 import {
     Container,
     Grid,
@@ -12,11 +15,17 @@ import {
     AccordionSummary,
     AccordionDetails,
     IconButton,
+    Divider,
+    ButtonBase
  } from '@mui/material';
 // components
 import Page from '../../../components/Page';
+import Iconify from '@/components/Iconify';
+import { FormProvider, RHFDatepicker, RHFSelect, RHFTextField } from '@/components/hook-form';
+import RHFTextFieldMoney from '@/components/hook-form/v2/RHFTextFieldMoney';
 // utils
 import useSettings from '../../../hooks/useSettings';
+import { useFieldArray, useForm } from 'react-hook-form';
 // react
 import { useNavigate, useParams, useLocation } from 'react-router-dom';
 import { useEffect, useState, useRef, useMemo } from 'react';
@@ -33,6 +42,7 @@ import { Accordion } from '@mui/material';
 import { Delete, EditOutlined, ExpandMore } from '@mui/icons-material';
 import {BenefitData } from '../FinalLog/Model/Types'
 import AddIcon from '@mui/icons-material/Add';
+import { LoadingButton } from '@mui/lab';
 
 // Import Card Detail Final LOG
 import CardDetail from '../Components/CardDetail';
@@ -70,6 +80,19 @@ export default function Detail() {
     const [requestLog, setRequestLog] = useState<DetailFinalLogType>();
     const [isReversal, setIsReversal] = useState(false);
 
+    const defaultValues: any = {nominal : 0};
+    const validationSchema = Yup.object().shape({nominal: Yup.number().typeError('Nominal harus berupa angka').required('Nominal harus diisi')})
+
+    const methods = useForm<any>({
+        resolver: yupResolver(validationSchema),
+        defaultValues
+    });
+
+    const { handleSubmit, reset, watch, setValue, formState: { isDirty, isSubmitting, errors } } = methods;
+
+    const onSubmit = async (data: any) => {
+        alert('Nominal: ' + data.nominal);
+    }
 
     const { id } = useParams();
 
@@ -146,9 +169,27 @@ export default function Detail() {
     // Handle Delete File LOG
     const [pathFile, setPathFile] = useState('')
     const [dialogDeleteFIleLog, setDialogDeleteFileLog] = useState(false)
-
+    
     // Handle Upload File LOG
     const [dialogUploadFileLog, setDialogUploadFileLog] = useState(false)
+    
+
+    const fileDiagnosaInput = useRef<HTMLInputElement>(null);
+    const [fileDiagnosas, setFileDiagnosas] = useState<any>([]);
+    const handleDiagnosaInputChange = (event:any) => {
+        if (event.target.files[0]) {
+        setFileDiagnosas([...fileDiagnosas, ...event.target.files]);
+        } else {
+        console.log('NO FILE');
+        }
+    };
+    const removeDiagnosaFiles = (filesState:any, index:any) => {
+        setFileDiagnosas(
+        filesState.filter((file:any, fileIndex:any) => {
+            return fileIndex != index;
+        })
+        );
+    };
 
     return (
         <Page title='Detail'>
@@ -323,6 +364,146 @@ export default function Detail() {
                     </DialogHospitalCare>
                 </Grid> */}
 
+                {/* Surat persetujuan Tindakan */}
+                <Grid item xs={12}>
+                    <Card sx={{ p: 3 }}>
+                        <Stack direction="row" justifyContent="space-between" alignItems="flex-start" sx={{ mb: 3 }}>
+                        <Typography variant="subtitle1" sx={{ color: '#19BBBB', fontWeight: 'bold' }}>
+                            Tindakan Persetujuan
+                        </Typography>
+                        </Stack>
+
+                        {!isReversal && (
+                            <FormProvider methods={methods} onSubmit={handleSubmit(onSubmit)}>
+                                <Stack spacing={2}>
+                                <Stack spacing={2} sx={{ mb: 3 }}>
+                                    <Typography variant="body1" fontWeight="bold">
+                                    Upload Tindakan Persetujuan
+                                    </Typography>
+
+                                    {fileDiagnosas?.map((file: any, index: number) => (
+                                    <Stack
+                                        key={index}
+                                        direction="row"
+                                        justifyContent="space-between"
+                                        alignItems="center"
+                                    >
+                                        <Typography variant="body2" color="text.secondary">
+                                        {file.name}
+                                        </Typography>
+                                        <Iconify
+                                        icon="eva:trash-2-outline"
+                                        color="darkred"
+                                        sx={{ cursor: "pointer" }}
+                                        onClick={() => removeDiagnosaFiles(fileDiagnosas, index)}
+                                        />
+                                    </Stack>
+                                    ))}
+
+                                    <ButtonBase
+                                    sx={{
+                                        p: 2,
+                                        border: "2px dashed #F9FAFB",
+                                        bgcolor: "#F4F6F8",
+                                        borderRadius: 2,
+                                        width: "100%",
+                                        height: 60,
+                                    }}
+                                    onClick={() => fileDiagnosaInput.current?.click()}
+                                    >
+                                    <Box
+                                        display="flex"
+                                        alignItems="center"
+                                        justifyContent="center"
+                                        gap={1}
+                                    >
+                                        <Iconify icon="icon-park-outline:upload-one" fontSize="2rem" />
+                                        <Typography variant="body2" fontWeight="bold">
+                                        Upload Tindakan Persetujuan
+                                        </Typography>
+                                    </Box>
+                                    <input
+                                        type="file"
+                                        ref={fileDiagnosaInput}
+                                        style={{ display: "none" }}
+                                        multiple
+                                        onChange={handleDiagnosaInputChange}
+                                        accept="application/pdf,image/*"
+                                    />
+                                    </ButtonBase>
+                                </Stack>
+                                <RHFTextFieldMoney
+                                    id='nominal'
+                                    name={`nominal`}
+                                    label="Nominal"
+                                    required
+                                    placeholder="Nominal"
+                                />
+
+                                <LoadingButton
+                                    type="submit" // ✅ supaya ikut submit
+                                    variant="contained"
+                                    sx={{ marginTop: 2, p: 2, backgroundColor: "#19BBBB" }}
+                                    loading={false}
+                                >
+                                    Simpan
+                                </LoadingButton>
+                                </Stack>
+                                </FormProvider>
+
+                        )}
+
+                        {/* FILE YANG SUDAH TERUPLOAD */}
+                        {requestLog?.files?.map((documentType, index) => (
+                        <Stack
+                            key={index}
+                            direction="row"
+                            justifyContent="space-between"
+                            alignItems="center"
+                            sx={{ mb: 2 }}
+                        >
+                            <a
+                            href={documentType.url}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            style={{ textDecoration: 'none', color: '#19BBBB' }}
+                            >
+                            <Typography variant="body2">
+                                {documentType.original_name || '-'}
+                            </Typography>
+                            </a>
+
+                            {!isReversal && (
+                            <IconButton
+                                onClick={() => {
+                                setDialogDeleteFileLog(true);
+                                setPathFile(documentType.path);
+                                }}
+                                size="small"
+                            >
+                                <Delete color="error" fontSize="small" />
+                            </IconButton>
+                            )}
+                        </Stack>
+                        ))}
+
+                        {/* DIALOG */}
+                        <DialogDeleteFileLog
+                        id={requestLog?.id}
+                        path={pathFile}
+                        setOpenDialog={setDialogDeleteFileLog}
+                        openDialog={dialogDeleteFIleLog}
+                        />
+
+                        <DialogUploadFileFinalLog
+                        id={requestLog?.id}
+                        setOpenDialog={setDialogUploadFileLog}
+                        openDialog={dialogUploadFileLog}
+                        />
+                    </Card>
+                    </Grid>
+
+
                 {/* Benefit */}
                 <Grid item xs={12} md={12}>
                     <Card sx={{padding:2}}  >