<div class='attachments-card' data-key="attachments">
    <div class="attachments-card-content">
        <span class="attachments-card-icon">
            <i class="fa-regular fa-file"></i>
        </span>
        <div class="attachments-card-info">
            <p class="title">{{ __($attachment->name) }}</p>
            <ul class="info-list">
                <li class="info-list-item">{{ __($attachment->type) }}</li>

                <li class="info-list-item">{{ __($attachment->size) }}</li>
            </ul>
        </div>
    </div>

    <div class="attachments-card-actions">
        <a href="{{ route('admin.ticket.attachment.download', encrypt($attachment->id)) }}" class="btn btn-outline--secondary attachments-action-btn">
            <span class="icon">
                @include('admin.partials.svg.download')
            </span>
        </a>

        <button class="btn btn-outline--secondary attachments-action-btn confirmationBtn" data-question="@lang('Are you sure to delete this attachment?')" data-action="{{ route('admin.ticket.attachment.delete', encrypt($attachment->id)) }}">
            <span class="icon">
                @include('admin.partials.svg.delete')
            </span>
        </button>

        <div class="dropdown action-dropdown">
            <button class="dropdown-btn" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                <span class="icon"><i class="fa-solid fa-ellipsis-vertical"></i></span>
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-item">
                    <a href="{{ route('admin.ticket.attachment.download', encrypt($attachment->id)) }}" class="dropdown-link">
                        <span class="icon">
                            @include('admin.partials.svg.download')
                        </span>
                        <span class="text">@lang('Download')</span>
                    </a>
                </li>
                <li class="dropdown-item">
                    <button class="dropdown-link confirmationBtn" data-question="@lang('Are you sure to delete this attachment?')" data-action="{{ route('admin.ticket.attachment.delete', encrypt($attachment->id)) }}">
                        <span class="icon">
                            @include('admin.partials.svg.delete')
                        </span>
                        <span class="text">@lang('Delete')</span>
                    </button>
                </li>
            </ul>
        </div>
    </div>
</div>
