72 lines
2.6 KiB
PHP
Raw Normal View History

2025-04-08 09:47:55 +08:00
@props([
'hover_effect' => config('bladewind.contact_card.hover_effect', false),
'has_shadow' => config('bladewind.contact_card.has_shadow', true),
'hasShadow' => true,
'image' => asset('vendor/bladewind/images/avatar.png'),
'name' => null,
'mobile' => null,
'email' => null,
'department' => null,
'position' => null,
'birthday' => null,
'class' => '',
'has_border' => true,
])
@php
$has_shadow = parseBladewindVariable($has_shadow);
$hover_effect = parseBladewindVariable($hover_effect);
$hasShadow = parseBladewindVariable($hasShadow);
$has_border = parseBladewindVariable($has_border);
if(!$hasShadow) $has_shadow = $hasShadow;
@endphp
<x-bladewind::card
class="!p-5 {{$class}}"
:hover_effect="$hover_effect"
:has_shadow="$has_shadow"
:has_border="$has_border"
:is_contact_card="true"
:compact="true">
<div class="flex items-start">
<div class="-mt-1 pr-2">
<x-bladewind::avatar size="big" image="{{ $image }}"/>
</div>
<div class="grow pl-3 dark:text-dark-300">
<div class="text-lg font-semibold dark:text-dark-300 text-slate-600">{{ $name }}</div>
<div class="text-sm pb-2">
{{ $department }}
@if($department && $position)
<x-bladewind::icon name="chevron-right" class="!h-3 !w-3 inline-block"/>
@endif
{!! $position !!}
</div>
<div class="space-y-1">
@if($mobile)
<div class="text-sm mb-1">
<x-bladewind::icon
name="device-tablet"
class="inline-block mr-1 !size-5 opacity-45"/>
{{ $mobile }}
</div>
@endif
@if($email)
<div class="text-sm mb-1">
<x-bladewind::icon
name="at-symbol"
class="inline-block mr-1 !size-5 opacity-45"/>
{!! $email !!}
</div>
@endif
@if($birthday)
<div class="text-sm mb-1">
<x-bladewind::icon
name="calendar-days"
class="inline-block mr-1 !size-5 opacity-45"/>
{{ $birthday }}
</div>
@endif
</div>
</div>
</div>
{{ $slot }}
</x-bladewind::card>