130 lines
6.2 KiB
PHP
130 lines
6.2 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
|
|
{{-- <link rel="stylesheet" href="{{ asset('css/app.css') }}"> --}}
|
|
|
|
<style>
|
|
/* @font-face {
|
|
font-family: Public Sans;
|
|
src: url('{{asset('fonts/PublicSans-Medium.ttf')}}');
|
|
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/ecard-background.png')}}");
|
|
background-repeat: no-repeat;
|
|
background-size: cover; /* Adjust as needed */
|
|
}
|
|
|
|
.text-sm {
|
|
font-size: 18px;
|
|
color: #FFFFFF
|
|
}
|
|
.text-md {
|
|
font-size: 18px;
|
|
color: #159C9C
|
|
}
|
|
.text-lg {
|
|
font-size: 22px;
|
|
color: #117D7D;
|
|
|
|
}
|
|
.text-gray {
|
|
color: #919EAB;
|
|
}
|
|
|
|
.content {
|
|
margin: 10% 0 0 0;
|
|
}
|
|
|
|
.image-container {
|
|
margin-left: 75%; /* Adjust the margin as needed */
|
|
}
|
|
|
|
.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 */
|
|
}
|
|
|
|
.label svg {
|
|
margin-right: 4px; /* Jarak antara ikon dan teks */
|
|
}
|
|
|
|
.text-sm {
|
|
font-size: 18px; /* Sesuaikan dengan kebutuhan Anda */
|
|
}
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<br><br><br><br>
|
|
@if($member->currentCorporate->files && count($member->currentCorporate->files) > 0)
|
|
<div>
|
|
{{ asset($member->currentCorporate->files[0]->path)}}
|
|
<img src="{{ public_path('images/logo-default.png') }}" height="30px">
|
|
</div>
|
|
@endif
|
|
|
|
<div class="content">
|
|
<div class="text-container" style="margin-left:2%">
|
|
<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" style="margin-left:70%">
|
|
<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:34%"><b> Valid until: {{ $member->endDate }}</b></span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|