@switch($type)

@case($type == 'user_id')
    <div class="d-flex align-items-center justify-content-center">
        <!--begin:: Avatar -->
        <div class="symbol symbol-circle symbol-50px overflow-hidden">
            <a href="#" class="d-flex align-items-center">
                <div class="symbol-label" style="background-color: transparent;">
                    <img @if($contact->user?->image) style="height:30px;border-radius: 50%;" src="{{ asset('storage/'.$contact->user?->image) }}" @else src="{{ asset('admin/authentication.png') }}" @endif alt="{{ $contact->user?->name }}" class="w-75" style="height:30px;">
                </div>
                <span class="text-gray-800 fs-5 fw-bolder">{{ $contact->user?->name }}</span>
            </a>
        </div>
        <!--end::Avatar-->
    </div>
@break

@case($type == 'message')
    <a class="btn fs-6" data-bs-toggle="modal" data-bs-target="#view_contact_message_{{$contact->id}}"> <i class="fa fa-eye"></i>{{ __('View') }}</a>
    <div class="modal fade" id="view_contact_message_{{$contact->id}}" tabindex="-1" aria-hidden="true">
        <!--begin::Modal dialog-->
        <div class="modal-dialog mw-650px">
            <!--begin::Modal content-->
            <div class="modal-content">
                <div class="d-flex justify-content-between align-items-center">
                    <!--begin::Modal header-->
                    <div class="modal-header pb-0 border-0 justify-content-start">
                        <!--begin::Title-->
                        <h2>{{ __('Contact Message') }}</h2>
                        <!--end::Title-->
                    </div>

                    <div class="modal-header pb-0 border-0 justify-content-end">
                        <!--begin::Close-->
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                            <span class="svg-icon svg-icon-1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
                                        transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                                    <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)"
                                        fill="currentColor"></rect>
                                </svg>
                            </span>
                            <!--end::Svg Icon-->
                        </div>
                        <!--end::Close-->
                    </div>
                    <!--begin::Modal header-->
                </div>
                <hr>
                <!--begin::Modal body-->
                <div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
                    <div class="d-flex flex-wrap justify-content-center">
                        {{ $contact->message }}
                    </div>
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
    </div>
@break

@case($type == 'actions')
    <div class="d-flex justify-content-center">
        @can('contacts-delete')
            <a onclick="deleteId({{ $contact->id }})" class="btn p-0"><i class="fas fa-trash" style="color:#D9214E;font-size: 16px;"></i></a>
        @endcan
    </div>
@break

@default
    <p>There is no activity</p>
@endswitch