@php
    $roleId = $clinicStaff->role_id ? $clinicStaff->role_id : 1;
@endphp
<div class="col-md-4">
    <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04); border: 1px ridge;">
        <div class="card-body">
            <div class="col-12 main-text" style="margin-top: 10px;">
                <div class="row">
                    <div class="col-4">
                        {{ __('clinic-staff.card.name') }}
                    </div>
                    <div class="col-1">：</div>
                    <div class="col-7">{{ $clinicStaff->name }}</div>
                </div>
                <div class="row">
                    <div class="col-4">
                        {{ __('clinic-staff.card.role') }}
                    </div>
                    <div class="col-1">：</div>
                    <div class="col-7">{!! __("clinic.common.role." . $roleList[$roleId]) !!}</div>
                </div>
                <div class="row">
                    <div class="col-4">
                        {{ __('clinic-staff.card.last_login_at') }}
                    </div>
                    <div class="col-1">：</div>
                    <div class="col-7">
                        {{
                            is_null($clinicStaff->last_logged_in_at)
                            ? '-'
                            : date('Y-m-d H:i:s', strtotime($clinicStaff->last_logged_in_at))
                        }}
                    </div>
                </div>
                <div class="col-12" style="margin-top: 30px; margin-bottom: 10px;">
                    <a
                        href="{{ route('clinic.clinic-staff.show', $clinicStaff->id) }}"
                        class="btn btn-lg btn-block button-go rounded-pill"
                        style="font-size: 17px;"
                    >{{ __('clinic-staff.card.button_detail') }}</a>
                </div>
            </div>
        </div>
    </div>
</div>