update ecard dan daily monitoring

This commit is contained in:
2023-12-28 15:50:56 +07:00
parent 10f702f2f0
commit 19e9e334e2
18 changed files with 1146 additions and 133 deletions

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>