tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

update ecard dan daily monitoring

Browse Source
This commit is contained in:
Tb Fajri
2023-12-28 15:50:56 +07:00
parent 10f702f2f0
commit 19e9e334e2
18 changed files with 1146 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
Modules/Internal/Http/Controllers/Api/CorporateMemberController.php
View File

@@ -21,6 +21,7 @@ use PDF;
use Illuminate\Support\Facades\DB;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\File;
use Spatie\Browsershot\Browsershot;
class CorporateMemberController extends Controller
{
@@ -396,34 +397,68 @@ class CorporateMemberController extends Controller
}
public function sendAllECard(Request $request, $corporate_id){
$members = DB::table('members')
->leftJoin('corporate_employees', 'members.id', '=', 'corporate_employees.member_id')
->where('corporate_employees.corporate_id', $corporate_id)
->get()
->toArray();
$members = Member::with([
'currentPlan',
'currentPolicy',
'currentCorporate',
// 'currentPlan.corporateBenefits.benefit'
])->whereHas('currentCorporate', function ($query) use ($corporate_id) {
$query->where('corporate_id', $corporate_id);
})->get();
$data = [];
$countSuccesSend = 0;
foreach($members as $member){
$pdf = PDF::loadView('pdf.ecard', compact(['member']));
// Simpan file PDF ke direktori yang diinginkan
$pdfPath = storage_path('app/pdf/ecards/E-card-' . $member->name . '.pdf');
$pdfPath = storage_path('app/pdf/ecards/E-card-' . $member->name. '.pdf');
// Cek apakah file sudah ada
if (!File::exists($pdfPath)) {
$pdf = PDF::loadView('pdf.ecard', compact('member'));
$pdf = PDF::loadView('pdf.ecard', compact('member'))->setPaper('A5', 'portrait');
$pdf->save($pdfPath);
}
$dataEmail = [
'email' => $member->email,
// 'email' => $member->email,
'email' => 'tbfajri',
'name' => $member->name,
'subject' => 'Digital E Card '. $member->name,
'body' => '<h1>Hi ' . $member->name . '</h1>',
'body' => '<h1>Hi ' . $member->name . '</h1> <br> ini adalah uji coba kirim e-card' ,
'attach' => $pdfPath,
];
$sendEmail = Helper::sendEmailattachData($dataEmail);
}
if ($sendEmail === true){
$countSuccesSend ++;
return true;
File::delete($pdfPath);
} else {
$dataFaild = [
'email' => $member->email,
'name' => $member->name,
'message' => $sendEmail
];
array_push($data, $dataFaild);
}
}
$response = [
'data_fail_send' => count($data),
'message' => $data,
'data_succes_send' => $countSuccesSend,
];
return response()->json($response);
}
public function viewECard(Request $request, $member_id){
$member = Member::with([
'currentPlan',
'currentPolicy',
'currentCorporate',
// 'currentPlan.corporateBenefits.benefit'
])->find($member_id);
$pdf = PDF::loadView('pdf.ecard', compact('member'))->setPaper('A5', 'portrait');
return $pdf->download('Ecard - '.$member->full_name.'.pdf');
}
}

211
Modules/Internal/Http/Controllers/Api/DailyMonitoringController.php
View File

@@ -3,12 +3,14 @@
namespace Modules\Internal\Http\Controllers\Api;
use App\Models\DailyMonitoring;
use App\Models\RequestDailyMonitoring;
use App\Models\MedicalPlan;
use DB;
use Exception;
use Illuminate\Http\Request;
use Illuminate\Routing\Controller;
use Illuminate\Support\Facades\Validator;
use App\Models\File;
/**
* Bagaskoro BSD 27-10-2023
@@ -17,6 +19,7 @@ use Illuminate\Support\Facades\Validator;
*/
class DailyMonitoringController extends Controller
{
protected $path_for_store = 'public/lab_result';
protected function messages()
{
return [
@@ -88,21 +91,17 @@ class DailyMonitoringController extends Controller
/**
* Detail Monitoring List - by claim_code
*/
public function GetDetailMonitoringList(Request $request, $claim_code)
public function GetDetailMonitoringList(Request $request, $request_code)
{
// get claim request
$claim_request = DB::table('claim_requests')
// get id request log
$request_logs = DB::table('request_logs')
->select('id')
->where('code', $claim_code)
->where('code', $request_code)
->first();
// get claim
$claim = DB::table('claims')
->select('id')
->where('claim_request_id', empty($claim_request)==false ? $claim_request->id : '')
->first();
$detail_list = DailyMonitoring::where('claim_id', empty($claim) == false ? $claim->id : '')->orderBy("created_at", "desc")->get()->makeHidden(['updated_at']);
$detail_list = RequestDailyMonitoring::where('request_log_id', empty($request_logs) == false ? $request_logs->id : '')
->orderBy("created_at", "desc")
->get();
return response()->json([
'error' => false,
@@ -213,4 +212,194 @@ class DailyMonitoringController extends Controller
],500);
}
}
/**
* Add Detail Request LOG LIST
*/
public function AddDetailMonitoringListRequestLog(Request $request, $request_code)
{
$request->merge(['request_code' => $request_code]);
// validation rule
$validator = Validator::make($request->all(),[
'request_code' => 'required|exists:request_logs,code',
'subject' => 'required',
'body_temperature' => 'required|numeric',
'sistole' => 'required|numeric',
'diastole' => 'required|numeric',
'respiration_rate' => 'required|numeric',
'analysis' => 'required',
'medical_plan' => 'required',
'non_medikamentosa_plan' => 'required',
],$this->messages());
// validation error
if ($validator->fails()) {
return response()->json([
'error' => true,
'message' => $validator->getMessageBag()
],400);
}
// get claim request
$request_log = DB::table('request_logs')
->select('id')
->where('code', $request_code)
->first();
DB::beginTransaction();
try {
// insert claim daily monitoring
$db_response = RequestDailyMonitoring::create([
'request_log_id' => $request_log->id,
'subject' => $request->subject,
'sistole' => $request->sistole,
'diastole' => $request->diastole,
'body_temperature' => $request->body_temperature,
'respiration_rate' => $request->respiration_rate,
'analysis' => $request->analysis,
'lab_date' => $request->lab_date,
'provider' => $request->provider,
'examination' => $request->examination,
]);
// cek medical plan
$num_medical_plan = 0;
foreach ($request->medical_plan as $row) {
if ($row['medical_plan_str']) {
$num_medical_plan++;
}
}
if ($num_medical_plan == 0) {
DB::rollBack();
return response()->json([
'error' => true,
'message' => [
'medical_plan' => ['medical plan harus diisi']
],
'data' => []
],400);
}
// insert medical plan
foreach ($request->medical_plan as $row) {
DB::table('request_log_medical_plan')->insert([
'request_log_daily_monitoring_id' => $db_response->id,
'plan' => $row['medical_plan_str'],
'type' => 1,
'created_at' => date('Y-m-d'),
]);
}
// insert non medical plan
foreach ($request->non_medikamentosa_plan as $row) {
DB::table('request_log_medical_plan')->insert([
'request_log_daily_monitoring_id' => $db_response->id,
'plan' => $row['non_medikamentosa_plan_str'],
'type' => 2,
'created_at' => date('Y-m-d'),
]);
}
// insert file result
if ($request->confirmation_medical_leter){
foreach ($request->confirmation_medical_leter as $file) {
$name = 'labresult-' . uniqid();
$extension= $file->getClientOriginalExtension();
$fileName = $name . '.' . $extension;
$path = $file->storeAs($this->path_for_store, $fileName);
File::create([
'fileable_type' => 'App\Models\LaboratoriumResult',
'fileable_id' => $db_response->id,
'type' => 'confirmation-medical-letter',
'name' => $name,
'original_name' => $fileName,
'extension' => $extension,
'path' => $path,
]);
}
}
if ($request->medical_action_letter){
foreach ($request->medical_action_letter as $file) {
$name = 'labresult-' . uniqid();
$extension= $file->getClientOriginalExtension();
$fileName = $name . '.' . $extension;
$path = $file->storeAs($this->path_for_store, $fileName);
File::create([
'fileable_type' => 'App\Models\LaboratoriumResult',
'fileable_id' => $db_response->id,
'type' => 'medical-action-letter',
'name' => $name,
'original_name' => $fileName,
'extension' => $extension,
'path' => $path,
]);
// $file->storeAs($this->path_for_store, $fileName);
}
}
if ($request->result){
foreach ($request->result as $file) {
$name = 'labresult-' . uniqid();
$extension= $file->getClientOriginalExtension();
$fileName = $name . '.' . $extension;
$path = $file->storeAs($this->path_for_store, $fileName);
File::create([
'fileable_type' => 'App\Models\LaboratoriumResult',
'fileable_id' => $db_response->id,
'type' => 'laboratorium-result',
'name' => $name,
'original_name' => $fileName,
'extension' => $extension,
'path' => $path,
]);
// $file->storeAs($this->path_for_store, $fileName);
}
}
DB::commit();
return response()->json([
'error' => false,
'message' => "success",
'data' => []
],200);
}
catch (Exception $e) {
DB::rollBack();
return response()->json([
'error' => true,
'message' => $e->getMessage(),
'data' => []
],500);
}
}
/**
* Update Status Request LOG
*/
public function UpdateListRequestLog(Request $request, $request_code)
{
// get claim request
$request_log = DB::table('request_logs')
->where('code', $request_code)
->update(['discharge_date' => now()]);
if ($request_log) {
return response()->json([
'error' => false,
'message' => "success",
'data' => []
], 200);
} else {
return response()->json([
'error' => true,
'message' => $e->getMessage(),
'data' => []
],500);
}
}
}

5
Modules/Internal/Routes/api.php
View File

@@ -170,6 +170,8 @@ Route::prefix('internal')->group(function () {
Route::prefix('daily_monitoring')->group(function () {
Route::get('detail/{claim_code}/list', [DailyMonitoringController::class, 'GetDetailMonitoringList']);
Route::post('detail/{claim_code}/add', [DailyMonitoringController::class, 'AddDetailMonitoringList']);
Route::post('detail/{claim_code}/add-request', [DailyMonitoringController::class, 'AddDetailMonitoringListRequestLog']);
Route::post('detail/{claim_code}/update-status', [DailyMonitoringController::class, 'UpdateListRequestLog']);
});
// Laboratorium Result
@@ -285,7 +287,8 @@ Route::prefix('internal')->group(function () {
Route::post('generate-log/{member_id}', [CorporateMemberController::class, 'generateLog']);
Route::post('send_card/{corporate_id}', [CorporateMemberController::class, 'sendAllECard']);
Route::get('send_card/{corporate_id}', [CorporateMemberController::class, 'sendAllECard']);
Route::get('view_card/{member_id}', [CorporateMemberController::class, 'viewECard']);
Route::controller(ClaimRequestController::class)->group(function () {
Route::post('files-mcu', 'filesMcu');
});

6
Modules/Internal/Services/MemberEnrollmentService.php
View File

@@ -324,6 +324,12 @@ class MemberEnrollmentService
// "Ingestion Status",
];
public $doc_headers_send_email = [
"Name",
"Email",
"Message"
];
public function __construct(Member $member)
{
app()->setLocale('en');

35
app/Models/Member.php
View File

@@ -255,19 +255,46 @@ class Member extends Model
);
}
protected function birthDate(): Attribute
// protected function birthDate(): Attribute
// {
// // $date = $this->person->birth_date ?? ($this->birth_date ?? null);
// $date = $this->birth_date ?? ($this->person->birth_date ?? null);
// return Attribute::make(
// get: fn () => !empty($date) ? Carbon::parse($date)->format('Y-m-d') : null
// );
// }
protected function birthDateeCard(): Attribute
{
// $date = $this->person->birth_date ?? ($this->birth_date ?? null);
$date = $this->person->birth_date ?? ($this->birth_date ?? null);
$date = $this->birth_date ?? ($this->birth_date ?? this->person->birth_date);
return Attribute::make(
get: fn () => !empty($date) ? Carbon::parse($date)->format('Y-m-d') : null
get: fn () => !empty($date) ? Carbon::parse($date)->format('d / M / Y') : null
);
}
protected function startDate(): Attribute
{
// $date = $this->person->birth_date ?? ($this->birth_date ?? null);
$date = $this->members_effective_date;
return Attribute::make(
get: fn () => !empty($date) ? Carbon::parse($date)->format('d / M / Y') : null
);
}
protected function endDate(): Attribute
{
// $date = $this->person->birth_date ?? ($this->birth_date ?? null);
$date = $this->members_expire_date;
return Attribute::make(
get: fn () => !empty($date) ? Carbon::parse($date)->format('d / M / Y') : null
);
}
protected function gender(): Attribute
{
return Attribute::make(
get: fn () => $this->person->gender ?? null
get: fn () => ucfirst($this->person->gender) ?? null
);
}

99
app/Models/RequestDailyMonitoring.php Normal file
View File

@@ -0,0 +1,99 @@
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use DB;
class RequestDailyMonitoring extends Model
{
use HasFactory;
protected $table = "request_log_daily_monitorings";
protected $fillable = [
'request_log_id',
'subject',
'body_temperature',
'respiration_rate',
'sistole',
'diastole',
'analysis',
'lab_date',
'provider',
'examination',
];
protected $appends = ['medical_plan', 'non_medikamentosa_plan', 'document', 'discharge_date'];
public function getBodyTemperatureAttribute()
{
return round($this->attributes['body_temperature'], 0);
}
public function getSistoleAttribute()
{
return round($this->attributes['sistole'], 0);
}
public function getDiastoleAttribute()
{
return round($this->attributes['diastole'], 0);
}
public function getRespirationRateAttribute()
{
return round($this->attributes['respiration_rate'], 0);
}
public function getMedicalPlanAttribute()
{
$arr_medical_plan = [];
$medical_plan = DB::table('request_log_medical_plan')->where(['request_log_daily_monitoring_id' => $this->attributes['id'], 'type' => 1])->get();
foreach ($medical_plan as $row) {
$arr_medical_plan[] = [
'medical_plan_str' => $row->plan
];
}
return $arr_medical_plan;
}
public function getNonMedikamentosaPlanAttribute()
{
$arr_non_medikamentosa_plan = [];
$non_medikamentosa_plan = DB::table('request_log_medical_plan')->where(['request_log_daily_monitoring_id' => $this->attributes['id'], 'type' => 2])->get();
foreach ($non_medikamentosa_plan as $row) {
$arr_non_medikamentosa_plan[] = [
'non_medikamentosa_plan_str' => $row->plan
];
}
return $arr_non_medikamentosa_plan;
}
public function getDocumentAttribute()
{
$arr_document = [];
$document = DB::table('files')->where(['fileable_type' => 'App\Models\LaboratoriumResult', 'fileable_id' => $this->attributes['id']])->get();
foreach ($document as $row) {
$arr_document[] = [
'file_name' => $row->original_name,
'path' => env('APP_URL') . '/storage/lab_result/' . $row->original_name,
'type' => $row->type,
];
}
return $arr_document;
}
public function getDischargeDateAttribute()
{
return $discharge_date = DB::table('request_logs')->where('id', $this->attributes['request_log_id'])->select('discharge_date')->first();
}
}

33
database/migrations/2023_12_27_141340_create_request_log_daily_monitoring.php Normal file
View File

@@ -0,0 +1,33 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('request_log_medical_plan', function (Blueprint $table) {
$table->id();
$table->foreignId('request_log_daily_monitoring_id');
$table->string('plan');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('request_log_medical_plan');
}
};

32
database/migrations/2023_12_27_163050_add_column_to_request_log_medical_plan.php Normal file
View File

@@ -0,0 +1,32 @@
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
return new class extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::table('request_log_medical_plan', function (Blueprint $table) {
$table->integer('type')->after('plan');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::table('request_log_medical_plan', function (Blueprint $table) {
$table->dropColumn('type');
});
}
};

58
frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Components/ClaimListRow.tsx
View File

@@ -22,6 +22,8 @@ import TableMoreMenu from '@/components/table/TableMoreMenu';
*/
import { fDate } from "@/utils/formatTime";
import { ClaimListType } from "../Model/Types";
import { ClearOutlined, LoopOutlined } from "@mui/icons-material";
import DialogConfirmation from "./DialogConfirmation";
type Props = {
row: ClaimListType,
@@ -30,6 +32,14 @@ type Props = {
export default function ClaimListRow ({ ...props }: Props) {
const navigate = useNavigate()
const [openDialogSubmit, setOpenDialogSubmit] = useState(false);
const [code, setCode] = useState('');
const [member_id, setMemberId] = useState('');
const handleUpdate = (code: string, member_id: string) => {
setOpenDialogSubmit(true)
setMemberId(member_id)
setCode(code)
}
return (
<React.Fragment>
@@ -87,21 +97,45 @@ export default function ClaimListRow ({ ...props }: Props) {
</TableCell>
<TableCell align="right" onClick={(e) => e.stopPropagation()}>
<Stack direction="row" justifyContent="flex-end" spacing={1}>
<TableMoreMenu actions={
<>
<MenuItem onClick={() => navigate(`/case_management/daily_monitoring/${props.row.member_id}/claims/${props.row.code}/list_monitoring`)}>
<Visibility />
View
</MenuItem>
<MenuItem onClick={() => navigate(`/case_management/daily_monitoring/${props.row.member_id}/claims/${props.row.code}/add_monitoring`)}>
<AddIcon />
Daily Monitoring
</MenuItem>
</>
} />
{props.row.discharge_date == null ?
(
<TableMoreMenu actions={
<>
<MenuItem onClick={() => navigate(`/case_management/daily_monitoring/${props.row.member_id}/claims/${props.row.code}/list_monitoring`)}>
<Visibility />
View
</MenuItem>
<MenuItem onClick={() => navigate(`/case_management/daily_monitoring/${props.row.member_id}/claims/${props.row.code}/add_monitoring`)}>
<AddIcon />
Daily Monitoring
</MenuItem>
<MenuItem onClick={() => handleUpdate(props.row.code, props.row.member_id)}>
<LoopOutlined />
Update Status
</MenuItem>
</>
} />
) :
(
<TableMoreMenu actions={
<>
<MenuItem onClick={() => navigate(`/case_management/daily_monitoring/${props.row.member_id}/claims/${props.row.code}/list_monitoring`)}>
<Visibility />
View
</MenuItem>
</>
} />
)
}
</Stack>
</TableCell>
</TableRow>
<DialogConfirmation
setOpenDialog={setOpenDialogSubmit}
row={props.row}
openDialog={openDialogSubmit}
/>
</React.Fragment>
);

255
frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Components/DetailMonitoringForm.tsx
View File

@@ -4,7 +4,7 @@
*/
import { useFieldArray, useForm } from 'react-hook-form';
import { useNavigate, useParams } from 'react-router-dom';
import { Box, IconButton, Typography, Grid, Card, Button, ButtonBase } from '@mui/material';
import { Box, IconButton, Typography, Grid, Card, Button, ButtonBase, Stack } from '@mui/material';
import { LoadingButton } from "@mui/lab";
/**
@@ -13,6 +13,7 @@ import { LoadingButton } from "@mui/lab";
*/
import Page from '@/components/Page';
import { FormProvider, RHFTextField } from '@/components/hook-form';
import RHFDatePickerV2 from '@/components/hook-form/RHFDatePickerV2';
/**
* Icon
@@ -21,6 +22,7 @@ import { FormProvider, RHFTextField } from '@/components/hook-form';
import ArrowBackIosNew from '@mui/icons-material/ArrowBackIosNew';
import AddIcon from '@mui/icons-material/Add';
import RemoveIcon from '@mui/icons-material/Remove';
import InsertDriveFileIcon from '@mui/icons-material/InsertDriveFile';
/**
* Utils, Types, Functions
@@ -37,7 +39,9 @@ export default function DetailMonitoringList() {
const { member_id, claim_code } = useParams();
const navigate = useNavigate()
const pageTitle = claim_code??'_ _ _ _';
const fileInput = useRef<HTMLInputElement>(null);
const fileInput1 = useRef<HTMLInputElement>(null);
const fileInput2 = useRef<HTMLInputElement>(null);
const fileInput3 = useRef<HTMLInputElement>(null);
// setup form
// ====================================
@@ -58,7 +62,13 @@ export default function DetailMonitoringList() {
non_medikamentosa_plan : [{
non_medikamentosa_plan_str: ''
}],
created_at : ''
confirmation_medical_leter : [],
medical_action_letter : [],
result : [],
created_at : '',
lab_date : '',
provider : '',
examination : '',
};
const methods = useForm<any>({
@@ -72,29 +82,75 @@ export default function DetailMonitoringList() {
const formValues = watch();
// Handle File Input
// =====================================
const handleInputChange = (event: any) => {
const handleInputChangeConfirmationMedicalLeter = (event: any) => {
if (event.target.files[0]) {
let arr_lab_result_file = formValues.lab_result_file;
arr_lab_result_file.push(event.target.files[0]);
let arr_confirmation_medical_leter_file = formValues.confirmation_medical_leter;
arr_confirmation_medical_leter_file.push(event.target.files[0]);
setValue('lab_result_file', arr_lab_result_file)
setValue('confirmation_medical_leter', arr_confirmation_medical_leter_file);
}
else {
console.log('NO FILE');
}
};
const handleInputChangeMedicalActionLetter = (event: any) => {
if (event.target.files[0]) {
let arr_medical_action_letter = formValues.medical_action_letter;
arr_medical_action_letter.push(event.target.files[0]);
setValue('medical_action_letter', arr_medical_action_letter)
console.log('test2')
}
else {
console.log('NO FILE');
}
};
const handleInputChangeResult = (event: any) => {
if (event.target.files[0]) {
let arr_result = formValues.result;
arr_result.push(event.target.files[0]);
setValue('result', arr_result)
console.log('test3')
}
else {
console.log('NO FILE');
}
};
// Handle Remove File
// =====================================
const handleRemoveFile = (target_index: number) => {
let arr_lab_result_file = formValues.lab_result_file.filter((file: any, index: number) =>{
const handleRemoveFileConfirmationMedicalLeter = (target_index: number) => {
let arr_confirmation_medical_leter_file = formValues.confirmation_medical_leter.filter((file: any, index: number) =>{
if (target_index !== index) {
return file;
}
});
setValue('lab_result_file', arr_lab_result_file)
setValue('confirmation_medical_leter', arr_confirmation_medical_leter_file)
};
const handleRemoveFileMedicalActionLetter = (target_index: number) => {
let arr_medical_action_letter = formValues.medical_action_letter.filter((file: any, index: number) =>{
if (target_index !== index) {
return file;
}
});
setValue('medical_action_letter', arr_medical_action_letter)
};
const handleRemoveFileResult = (target_index: number) => {
let arr_result = formValues.result.filter((file: any, index: number) =>{
if (target_index !== index) {
return file;
}
});
setValue('result', arr_result)
};
// Submit Form
@@ -106,8 +162,8 @@ export default function DetailMonitoringList() {
if (response == true) {
reset();
navigate('case_management/daily_monitoring/'+claim_code+'claims');
window.location.reload()
navigate('/case_management/daily_monitoring/'+member_id+'/claims', { replace: true });
// window.location.reload()
}
}
@@ -370,7 +426,7 @@ export default function DetailMonitoringList() {
</Grid>
<Grid item xs={12}>
{
formValues.lab_result_file.map((file: any, index: number) => (
formValues.confirmation_medical_leter.map((file: any, index: number) => (
<Stack direction="row" justifyContent={'space-between'} key={index} sx={{ mb: '16px' }}>
<Stack direction="row" spacing={1} sx={{color: '#19BBBB'}}>
<InsertDriveFileIcon />
@@ -379,7 +435,7 @@ export default function DetailMonitoringList() {
<Iconify
icon="eva:trash-2-outline"
color={'darkred'}
onClick={() => handleRemoveFile(index)}
onClick={() => handleRemoveFileConfirmationMedicalLeter(index)}
sx={{cursor: 'pointer'}}
></Iconify>
</Stack>
@@ -387,7 +443,7 @@ export default function DetailMonitoringList() {
}
</Grid>
<Grid item xs={12} sx={{display: 'flex', gap: 1}}>
<ButtonBase sx={{ p: 4, border: '2px dashed #F9FAFB',bgcolor: '#919EAB52',borderRadius: '8px',width: '100%', height: '60px'}} onClick={() => fileInput.current?.click()}>
<ButtonBase sx={{ p: 4, border: '2px dashed #F9FAFB',bgcolor: '#919EAB52',borderRadius: '8px',width: '100%', height: '60px'}} onClick={() => fileInput1.current?.click()}>
<Box
sx={{
display: 'flex',
@@ -398,16 +454,16 @@ export default function DetailMonitoringList() {
>
<Iconify icon="icon-park-outline:upload-one" fontSize="3em" />
<Typography variant="body1" fontWeight="bold">
Upload Result
Upload File
</Typography>
</Box>
<input
type="file"
id="file"
ref={fileInput}
id="file_input"
ref={fileInput1}
style={{ display: 'none' }}
multiple
onChange={handleInputChange}
onChange={(e) => handleInputChangeConfirmationMedicalLeter(e)}
accept="application/pdf"
/>
</ButtonBase>
@@ -417,8 +473,165 @@ export default function DetailMonitoringList() {
</Grid>
{/* Medical Action Letter */}
<Grid item xs={12}>
<Grid container spacing={3}>
<Grid item xs={12}>
<Typography variant="body1" component="div">
Medical Action Letter*
</Typography>
</Grid>
<Grid item xs={12}>
{
formValues.medical_action_letter.map((file: any, index: number) => (
<Stack direction="row" justifyContent={'space-between'} key={index} sx={{ mb: '16px' }}>
<Stack direction="row" spacing={1} sx={{color: '#19BBBB'}}>
<InsertDriveFileIcon />
<Typography variant="body2" gutterBottom>{file.name ? file.name : '-'}</Typography>
</Stack>
<Iconify
icon="eva:trash-2-outline"
color={'darkred'}
onClick={() => handleRemoveFileMedicalActionLetter(index)}
sx={{cursor: 'pointer'}}
></Iconify>
</Stack>
))
}
</Grid>
<Grid item xs={12} sx={{display: 'flex', gap: 1}}>
<ButtonBase sx={{ p: 4, border: '2px dashed #F9FAFB',bgcolor: '#919EAB52',borderRadius: '8px',width: '100%', height: '60px'}} onClick={() => fileInput2.current?.click()}>
<Box
sx={{
display: 'flex',
placeItems: 'center',
gap: 1,
placeContent: 'center',
}}
>
<Iconify icon="icon-park-outline:upload-one" fontSize="3em" />
<Typography variant="body1" fontWeight="bold">
Upload File
</Typography>
</Box>
<input
type="file"
id="file_2"
ref={fileInput2}
style={{ display: 'none' }}
multiple
onChange={handleInputChangeMedicalActionLetter}
accept="application/pdf"
/>
</ButtonBase>
</Grid>
</Grid>
</Grid>
{/* Button Cancle & Save */}
{/* Laboratorium */}
<Grid item xs={12}>
<Grid container spacing={3}>
<Grid item xs={12}>
<Typography variant="body1" component="div">
Laboratorium Result*
</Typography>
</Grid>
<Grid item xs={6}>
<Typography variant="body1" component="div">
Date*
</Typography>
</Grid>
<Grid item xs={6}>
<Typography variant="body1" component="div">
Provider*
</Typography>
</Grid>
<Grid item xs={6} sx={{display: 'flex', gap: 1}}>
<RHFDatePickerV2
label='Date'
name="lab_date"
dateFormat='dd MMM yyyy'
fullWidth
/>
</Grid>
<Grid item xs={6} sx={{display: 'flex', gap: 1}}>
<RHFTextField
id="provider"
name='provider'
placeholder='Provider'
label='Provider'
/>
</Grid>
<Grid item xs={12}>
<Typography variant="body1" component="div">
Examination*
</Typography>
</Grid>
<Grid item xs={12} sx={{display: 'flex', gap: 1}}>
<RHFTextField
id="examination"
name='examination'
placeholder='examination'
label='Examination'
/>
</Grid>
<Grid item xs={12}>
<Typography variant="body1" component="div">
Laboratorium Result*
</Typography>
</Grid>
<Grid item xs={12}>
{
formValues.result.map((file: any, index: number) => (
<Stack direction="row" justifyContent={'space-between'} key={index} sx={{ mb: '16px' }}>
<Stack direction="row" spacing={1} sx={{color: '#19BBBB'}}>
<InsertDriveFileIcon />
<Typography variant="body2" gutterBottom>{file.name ? file.name : '-'}</Typography>
</Stack>
<Iconify
icon="eva:trash-2-outline"
color={'darkred'}
onClick={() => handleRemoveFileResult(index)}
sx={{cursor: 'pointer'}}
></Iconify>
</Stack>
))
}
</Grid>
<Grid item xs={12} sx={{display: 'flex', gap: 1}}>
<ButtonBase sx={{ p: 4, border: '2px dashed #F9FAFB',bgcolor: '#919EAB52',borderRadius: '8px',width: '100%', height: '60px'}} onClick={() => fileInput3.current?.click()}>
<Box
sx={{
display: 'flex',
placeItems: 'center',
gap: 1,
placeContent: 'center',
}}
>
<Iconify icon="icon-park-outline:upload-one" fontSize="3em" />
<Typography variant="body1" fontWeight="bold">
Upload File
</Typography>
</Box>
<input
type="file"
id="file_3"
ref={fileInput3}
style={{ display: 'none' }}
multiple
onChange={handleInputChangeResult}
accept="application/pdf"
/>
</ButtonBase>
</Grid>
</Grid>
</Grid>
{/* Button Cancel & Save */}
<Grid item xs={12} md={12}>
<Box display="flex" justifyContent={'flex-end'}>
<Box display="flex" gap={1}>
@@ -426,7 +639,7 @@ export default function DetailMonitoringList() {
Cancel
</Button>
<LoadingButton disabled={!isDirty} type="submit" variant="contained" loading={isSubmitting}>
Save Changes
Add
</LoadingButton>
</Box>
</Box>

208
frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Components/DetailMonitoringList.tsx
View File

@@ -27,7 +27,7 @@ import FiberManualRecord from '@mui/icons-material/FiberManualRecord';
* Utils, Types, Functions
* ============================================
*/
import { fDate } from "@/utils/formatTime";
import { fDate, fDateOnly } from '@/utils/formatTime';
import { getMonitoringDetailList } from '../Model/Functions';
import { DetailMonitoringListType } from '../Model/Types';
@@ -87,6 +87,22 @@ export default function DetailMonitoringList() {
>
{row.created_at ? fDate(row.created_at) : '-'}
</Label>
{row.discharge_date.discharge_date ?
(<Label
variant="ghost"
color="success"
sx={{marginLeft: '85%'}}
>
Close Monitoring
</Label>) : (<Label
variant="ghost"
color="warning"
sx={{marginLeft: '77%'}}
>
On Monitoring
</Label>)}
</Box>
{/* card body */}
@@ -160,21 +176,6 @@ export default function DetailMonitoringList() {
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Subject :
</Typography>
</Grid>
<Grid item xs={12}>
<Typography variant="body2" color={"GrayText"}>
{row.subject}
</Typography>
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
@@ -190,21 +191,6 @@ export default function DetailMonitoringList() {
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Complaints :
</Typography>
</Grid>
<Grid item xs={12}>
<Typography variant="body2" color={"GrayText"}>
{row.complaints}
</Typography>
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
@@ -215,7 +201,7 @@ export default function DetailMonitoringList() {
<Grid item xs={12}>
<List sx={{ color: 'GrayText' }}>
{
row.medical_plan.map((data, index) => {
row.medical_plan?.map((data, index) => {
return (
<ListItem key={index}>
<FiberManualRecord sx={{ fontSize: '8px', mr: '10px' }} /> {data.medical_plan_str}
@@ -227,6 +213,164 @@ export default function DetailMonitoringList() {
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Non Medikamentosa Plan :
</Typography>
</Grid>
<Grid item xs={12}>
<List sx={{ color: 'GrayText' }}>
{
row.non_medikamentosa_plan?.map((data, index) => {
return (
<ListItem key={index}>
<FiberManualRecord sx={{ fontSize: '8px', mr: '10px' }} /> {data.non_medikamentosa_plan_str}
</ListItem>
)
})
}
</List>
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Laboratorium Result :
</Typography>
</Grid>
<Grid container spacing={2}>
<Grid item xs={6}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Date
</Typography>
</Grid>
<Grid item xs={6}>
<Typography variant="body2" color={"GrayText"}>
{ row.lab_date != null ? fDate(row.lab_date) : '-'}
</Typography>
</Grid>
</Grid>
<Grid container spacing={2}>
<Grid item xs={6}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Location
</Typography>
</Grid>
<Grid item xs={6}>
<Typography variant="body2" color={"GrayText"}>
{row.provider}
</Typography>
</Grid>
</Grid>
<Grid container spacing={2}>
<Grid item xs={6}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Examination
</Typography>
</Grid>
<Grid item xs={6}>
<Typography variant="body2" color={"GrayText"}>
{row.examination}
</Typography>
</Grid>
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Document Confirmation Medical Letter:
</Typography>
</Grid>
<Grid item xs={12}>
<List sx={{ color: 'GrayText' }}>
{row.document?.map((data, index) => (
<ListItem key={index}>
{data.type === 'confirmation-medical-letter' ? (
<>
<FiberManualRecord sx={{ fontSize: '8px', mr: '10px' }} />
<a
href={data.path} // Replace 'data.download_link' with the actual download link
target="_blank" // Optional: Open the link in a new tab
rel="noopener noreferrer" // Recommended when using target="_blank"
>
{data.file_name}
</a>
</>
) : null}
</ListItem>
))}
</List>
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Document Medical Action Letter:
</Typography>
</Grid>
<Grid item xs={12}>
<List sx={{ color: 'GrayText' }}>
{row.document?.map((data, index) => (
<ListItem key={index}>
{data.type === 'medical-action-letter' ? (
<>
<FiberManualRecord sx={{ fontSize: '8px', mr: '10px' }} />
<a
href={data.path} // Replace 'data.download_link' with the actual download link
target="_blank" // Optional: Open the link in a new tab
rel="noopener noreferrer" // Recommended when using target="_blank"
>
{data.file_name}
</a>
</>
) : null}
</ListItem>
))}
</List>
</Grid>
</Grid>
</Grid>
<Grid item xs={12}>
<Grid container gap={1}>
<Grid item xs={12}>
<Typography variant="body1" sx={{ fontWeight: 'bold' }}>
Document Laboratorium Result:
</Typography>
</Grid>
<Grid item xs={12}>
<List sx={{ color: 'GrayText' }}>
{row.document?.map((data, index) => (
<ListItem key={index}>
{data.type === 'laboratorium-result' ? (
<>
<FiberManualRecord sx={{ fontSize: '8px', mr: '10px' }} />
<a
href={data.path} // Replace 'data.download_link' with the actual download link
target="_blank" // Optional: Open the link in a new tab
rel="noopener noreferrer" // Recommended when using target="_blank"
>
{data.file_name}
</a>
</>
) : null}
</ListItem>
))}
</List>
</Grid>
</Grid>
</Grid>
</Grid>
</Card>
</Grid>

92
frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Components/DialogConfirmation.tsx Normal file
View File

@@ -0,0 +1,92 @@
import MuiDialog from "@/components/MuiDialog";
import { Button, Card, Checkbox, DialogActions, Grid, Typography } from "@mui/material";
import { Paper } from "@mui/material";
import { Stack } from '@mui/material';
import React, { useState } from 'react';
import { fDate, fDateTimesecond, toTitleCase } from "@/utils/formatTime";
import axios from "@/utils/axios";
import { enqueueSnackbar } from "notistack";
import { useNavigate } from "react-router";
import { replace } from "lodash";
import { ClaimListType } from "../Model/Types";
import Label from "@/components/Label";
type DialogConfirmationType = {
openDialog: boolean;
setOpenDialog: any;
onSubmit?: void;
row: ClaimListType;
}
export default function DialogConfirmation({ setOpenDialog, openDialog, row} : DialogConfirmationType ) {
const navigate = useNavigate();
const handleSubmit = () => {
axios
.post(`case_management/daily_monitoring/detail/${row.code}/update-status`)
.then((response) => {
enqueueSnackbar('Close Monitoring Success', { variant: 'success' });
setOpenDialog(false);
navigate(`/case_management/daily_monitoring/${row.member_id}/claims`, { replace: true })
window.location.reload();
})
.catch(({ response }) => {
enqueueSnackbar(response.data.message ?? 'Something went wrong!', { variant: 'error' });
});
}
const style1 = {
color: '#919EAB',
width: '30%'
}
const style2 = {
width: '70%'
}
const marginBottom1 = {
marginBottom: 1,
}
const handleCloseDialog = () => {
setOpenDialog(false);
}
const getContent = () => (
<Stack spacing={1} marginTop={2}>
<Typography variant="subtitle2">Are you sure to closed this monitoring ?</Typography>
<Grid item xs={12} md={12} marginTop={4}>
<Card sx={{padding:2, marginTop:2}} >
<Stack direction='row' spacing={2} sx={marginBottom1}>
<Typography variant='subtitle2' sx={style1} gutterBottom>Name</Typography>
<Typography variant='subtitle2' sx={style2} gutterBottom>{row.name}</Typography>
</Stack>
<Stack direction='row' spacing={2} sx={marginBottom1}>
<Typography variant='subtitle2' sx={style1} gutterBottom>Code</Typography>
<Typography variant='subtitle2' sx={style2} gutterBottom>{row.code}</Typography>
</Stack>
<Stack direction='row' spacing={2} sx={marginBottom1}>
<Typography variant='subtitle2' sx={style1} gutterBottom>Admision Date</Typography>
<Typography variant='subtitle2' sx={style2} gutterBottom> <Label variant="ghost">{fDate(row.admission_date)}</Label></Typography>
</Stack>
</Card>
</Grid>
<DialogActions>
<Button variant="outlined" sx={{color: '#212B36', borderColor: '#919EAB52'}} onClick={handleCloseDialog}>Cancel</Button>
<Button color="primary" variant="contained" onClick={handleSubmit}>Yes</Button>
</DialogActions>
</Stack>
);
return (
<MuiDialog
title={{name: "Confirmation"}}
openDialog={openDialog}
setOpenDialog={setOpenDialog}
content={getContent()}
maxWidth="sm"
/>
);
}

10
frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Model/Functions.ts
View File

@@ -1,6 +1,8 @@
import axios from '@/utils/axios';
import { makeFormData } from '@/utils/jsonToFormData';
import { enqueueSnackbar } from 'notistack';
import { DailyMonitoringListType, DetailMonitoringListType, ResponseListingClaimType } from "./Types";
import { fDate, fDateOnly } from '@/utils/formatTime';
/**
* Listing Daily Monitoring
@@ -44,9 +46,11 @@ export const getClaimList = async ( member_id: string ): Promise<ResponseListing
* Add Monitoring Detail
*/
export const AddMonitoringDetail = async ( claim_code: string,data: DetailMonitoringListType ): Promise<boolean> => {
const response = await axios.post(`/case_management/daily_monitoring/detail/${claim_code}/add`, {
...data
})
data.lab_date = data.lab_date != '' && data.lab_date != null ? fDateOnly(data.lab_date) : '';
const formData = makeFormData({...data});
const response = await axios.post(`/case_management/daily_monitoring/detail/${claim_code}/add-request`, formData)
.then((res) =>{
enqueueSnackbar(res.data.message, {
variant: 'success',

18
frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Model/Types.ts
View File

@@ -35,6 +35,7 @@ export type ClaimListType = {
admission_date : string,
discharge_date : string,
claim_code : string,
name : string,
code : string,
service_name : string,
claim_status : string,
@@ -56,8 +57,15 @@ export type DetailMonitoringListType = {
diastole : string
analysis : string,
complaints : string,
lab_date : string,
provider : string,
examination : string,
medical_plan : MedicalPlanStrType[],
non_medikamentosa_plan : NonMedikamentosaPlanType[],
confirmation_medical_leter : files[],
medical_action_letter : files[],
result : files[],
document : document[],
created_at : string|null
}
@@ -68,3 +76,13 @@ export type MedicalPlanStrType = {
export type NonMedikamentosaPlanType = {
non_medikamentosa_plan_str: string
}
export type files = {
file: string
}
export type document = {
file_name: string,
path: string,
type: string
}

43
frontend/dashboard/src/pages/Corporates/Member/List.tsx
View File

@@ -94,6 +94,7 @@ export default function CorporatePlanList({handleSubmitSuccess}) {
const { corporate_id } = useParams();
const [searchParams, setSearchParams] = useSearchParams();
const [importResult, setImportResult] = useState(null);
const [sendResult, setSendResult] = useState(null);
const [openDialog, setOpenDialog] = useState(false);
const [isDialog, setIsDialog] = useState('');
@@ -267,6 +268,25 @@ export default function CorporatePlanList({handleSubmitSuccess}) {
});
}
const handleSendAllEcard = () => {
setImportLoading(true);
setDataTableLoading(true);
axios
.get(`send_card/${corporate_id}`)
.then((response) => {
loadDataTableData();
})
.catch((response) => {
enqueueSnackbar(
'Looks like something went wrong. Please check your data and try again.',
{ variant: 'error' }
);
setImportLoading(false);
loadDataTableData();
});
}
const handleCancelImportButton = () => {
importPlan.current.value = '';
importPlan.current.dispatchEvent(new Event('change', { bubbles: true }));
@@ -363,6 +383,9 @@ export default function CorporatePlanList({handleSubmitSuccess}) {
<MenuItem onClick={handleMemberList}>
<Typography variant='body2'>Download Member</Typography>
</MenuItem>
<MenuItem onClick={handleSendAllEcard}>
<Typography variant='body2'>Send All Ecard</Typography>
</MenuItem>
</Menu>
</Stack>
)}
@@ -413,6 +436,7 @@ export default function CorporatePlanList({handleSubmitSuccess}) {
</Box>
</Stack>
)}
</div>
);
}
@@ -470,6 +494,21 @@ export default function CorporatePlanList({handleSubmitSuccess}) {
const style1 = {
color: '#637381'
}
const handleDownloadEcard = (id: number) => {
axios
.get(`view_card/${id}`, {
responseType: 'blob',
})
.then((response) => {
window.open(URL.createObjectURL(response.data));
})
.catch((response) => {
enqueueSnackbar(response.message, { variant: 'error' });
});
}
return (
<React.Fragment>
@@ -527,6 +566,10 @@ export default function CorporatePlanList({handleSubmitSuccess}) {
<CachedOutlinedIcon />
Update Status
</MenuItem>
<MenuItem onClick={() => handleDownloadEcard(row.id)}>
<DownloadIcon />
Download E-card
</MenuItem>
<MenuItem onClick={() => navigate ('/corporates/'+corporate_id+'/members/'+row.id+'/history')}>
<HistoryIcon />
History

BIN
public/images/background-vale.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
public/images/logo-default.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

111
resources/views/pdf/ecard.blade.php
View File

@@ -2,7 +2,6 @@
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Guarantee Letter {{ $member->name }}</title>
{{-- <link rel="stylesheet" href="{{ asset('css/app.css') }}"> --}}
@@ -13,69 +12,111 @@
src: url('{{asset('fonts/PublicSans-Medium.ttf')}}') format('truetype');
} */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: 'Public Sans';
color: #404040;
font-size: 20px;
margin: 0; /* Reset default margin */
padding: 0; /* Reset default padding */
background-image: url("{{ public_path('images/background-vale.png') }}");
background-repeat: no-repeat;
background-size: cover; /* Adjust as needed */
}
.text-sm {
font-size: 18px;
color: #FFFFFF
}
.text-md {
font-size: 20px;
font-size: 18px;
color: #159C9C
}
.text-lg {
font-size: 22px;
color: #117D7D;
}
.text-gray {
color: #919EAB;
}
#member-detail{
}
#member-detail td {
width: 50%;
padding: 10px 0px;
}
#member-detail td>div{
margin-bottom: 5px;
.content {
margin: 10% 0 0 0;
}
.benefit-table-wrapper {
border: 1px solid #E0E0E0;
border-radius: 5px;
overflow: hidden;
}
#benefit-table {
width: 100%;
border-collapse: collapse;
.image-container {
margin-left: 75%; /* Adjust the margin as needed */
}
#benefit-table th, #benefit-table th {
width: 50%;
.label {
background-color: #117D7D;
color: #fff;
border-radius: 15px;
padding: 8px; /* Sesuaikan dengan kebutuhan Anda */
font-size: 18px;
gap: 4px;
display: inline-flex; /* Untuk memastikan ikon dan teks berada dalam satu baris */
align-items: center; /* Untuk memastikan ikon dan teks berada dalam satu baris */
}
#benefit-table th{
font-size: 20px;
font-weight: 400;
padding: 15px;
text-align: left;
.label svg {
margin-right: 4px; /* Jarak antara ikon dan teks */
}
#benefit-table tr:first-child {
background: #F5F5F5;
border-bottom: 1px solid #E0E0E0;
.text-sm {
font-size: 18px; /* Sesuaikan dengan kebutuhan Anda */
}
#benefit-table td {
padding: 15px;
font-size: 20px;
}
</style>
</head>
<body>
<h1>Hi {{ $member->name }} </h1>
<br><br><br><br>
<div class="content">
<div class="text-container">
<span class="text-md"> Member Name </span>
<p class="text-lg"><b>{{ $member->fullName }}</b></p>
<span class="text-md"> Member ID </span>
<p class="text-lg"><b>{{ $member->member_id }}</b></p>
<span class="text-md"> Policy Holder </span>
<p class="text-lg"><b>{{ $member->currentCorporate->name }}</b></p>
<span class="text-md"> Policy Number </span>
<p class="text-lg"><b>{{ $member->currentPolicy->code }}</b></p>
<span class="text-md"> Date of Birth </span>
<p class="text-lg"><b>{{ $member->birthDateeCard }}</b></p>
<span class="text-md"> Gender </span>
<p class="text-lg"><b>{{ $member->gender }}</b></p>
<span class="text-md"> Start Date </span>
<p class="text-lg"><b>{{ $member->startDate }}</b></p>
<div class="image-container">
<img src="{{ public_path('images/logo-default.png')}}" height="30px">
</div>
<span class="label">
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.00082 0.166992C9.22257 0.166992 11.8342 2.77858 11.8342 6.00033C11.8342 9.22208 9.22257 11.8337 6.00082 11.8337C4.96994 11.8353 3.9572 11.5625 3.06666 11.0432L0.169822 11.8337L0.958489 8.93566C0.438793 8.04484 0.165766 7.03166 0.167489 6.00033C0.167489 2.77858 2.77907 0.166992 6.00082 0.166992ZM4.01282 3.25866L3.89615 3.26333C3.82063 3.26793 3.74681 3.28777 3.67916 3.32166C3.61588 3.35749 3.55811 3.40229 3.50766 3.45466C3.43766 3.52058 3.39799 3.57774 3.35541 3.63316C3.13964 3.91369 3.02347 4.25809 3.02524 4.61199C3.02641 4.89783 3.10107 5.17608 3.21774 5.43624C3.45632 5.96241 3.84891 6.51949 4.36691 7.03574C4.49174 7.15999 4.61424 7.28483 4.74607 7.40091C5.38972 7.9676 6.15672 8.37627 6.98607 8.59441L7.31741 8.64516C7.42532 8.65099 7.53324 8.64283 7.64174 8.63758C7.81163 8.62881 7.97751 8.5828 8.12766 8.50283C8.20405 8.46348 8.2786 8.42065 8.35107 8.37449C8.35107 8.37449 8.37615 8.35816 8.42399 8.32199C8.50274 8.26366 8.55116 8.22224 8.61649 8.15399C8.66491 8.10383 8.7069 8.04491 8.73899 7.97783C8.78449 7.88274 8.82999 7.70132 8.84865 7.55024C8.86265 7.43474 8.85857 7.37174 8.85682 7.33266C8.85449 7.27024 8.80257 7.20549 8.74599 7.17808L8.40649 7.02583C8.40649 7.02583 7.89899 6.80474 7.58865 6.66358C7.55618 6.6494 7.52138 6.64129 7.48599 6.63966C7.44608 6.63556 7.40575 6.64005 7.36772 6.65283C7.32969 6.66561 7.29483 6.68638 7.26549 6.71374C7.26257 6.71257 7.22349 6.74583 6.80174 7.25683C6.77753 7.28935 6.74419 7.31394 6.70596 7.32744C6.66773 7.34095 6.62634 7.34276 6.58707 7.33266C6.54907 7.32247 6.51184 7.3096 6.47565 7.29416C6.40332 7.26383 6.37824 7.25216 6.32865 7.23116C5.99386 7.08506 5.68389 6.88766 5.4099 6.64608C5.3364 6.58191 5.26816 6.51191 5.19815 6.44424C4.96866 6.22446 4.76866 5.97583 4.60315 5.70458L4.56874 5.64916C4.54402 5.61192 4.52403 5.57175 4.50924 5.52958C4.48707 5.44383 4.54482 5.37499 4.54482 5.37499C4.54482 5.37499 4.68657 5.21983 4.75249 5.13583C4.81666 5.05416 4.8709 4.97483 4.9059 4.91824C4.97474 4.80741 4.99632 4.69366 4.96016 4.60558C4.79682 4.20658 4.62766 3.80933 4.45382 3.41499C4.4194 3.33683 4.31732 3.28083 4.22457 3.26974C4.19307 3.26624 4.16157 3.26274 4.13007 3.26041C4.05173 3.25652 3.97323 3.2573 3.89499 3.26274L4.01224 3.25808L4.01282 3.25866Z" fill="white"/>
</svg>
<span class="text-sm">
08114123962
</span>
</span>
<span class="text-md" style="margin-left:39%"><b> Valid until: {{ $member->endDate }}</b></span>
</div>
</div>
</body>
</html>