{{-- 重複送信防止 — cảnh báo khi staff khác vừa gửi cho friend này trong thời gian khóa --}}
<lme-modal id="duplicateSendWarningModal" v-model="showDuplicateWarningModal" :header="false" :width="600" class="duplicate-send-warning-modal">
    <div class="lme-flex lme-flex-col" style="font-size: 14px;font-weight: 400;color: #1F1F1F;gap: 20px;padding-inline: 8px">
        <div class="lme-flex lme-items-center lme-justify-between">
            <div class="lme-flex lme-items-center lme-justify-between" style="gap: 10px">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12.0003 22.4997C6.21041 22.4997 1.5 17.7897 1.5 12.0003C1.5 6.21041 6.21041 1.5 12.0003 1.5C17.7897 1.5 22.4997 6.21041 22.4997 12.0003C22.4997 17.7897 17.7897 22.4997 12.0003 22.4997ZM12.0003 15C11.38 15 10.8753 15.5047 10.8753 16.125C10.8753 16.7453 11.38 17.25 12.0003 17.25C12.6206 17.25 13.1253 16.7453 13.1253 16.125C13.1253 15.5047 12.6206 15 12.0003 15ZM11.4378 6.7497C11.3341 6.7497 11.2497 6.83408 11.2497 6.9378V13.3125C11.2497 13.4157 11.3341 13.4997 11.4378 13.4997H12.5628C12.666 13.4997 12.75 13.4157 12.75 13.3125V6.9378C12.75 6.83408 12.666 6.7497 12.5628 6.7497H11.4378Z" fill="#FF4D4F"/>
                </svg>
                <span style="font-size: 16px;font-weight: 700;color: #1F1F1F">現在、メッセージの送信ができません。</span>
            </div>
            <div>
                <button class="lme-modal-close" @click="showDuplicateWarningModal = false">
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12.4978 2.59872C12.4982 2.59883 12.4985 2.599 12.4991 2.59964L13.4005 3.50104C13.4012 3.50168 13.4014 3.50198 13.4015 3.50236C13.4016 3.50271 13.4016 3.50308 13.4015 3.50343C13.4014 3.50379 13.4012 3.50409 13.4005 3.50473L8.90518 8.00009L13.4005 12.4955C13.4012 12.4961 13.4014 12.4964 13.4015 12.4967C13.4016 12.4971 13.4016 12.4975 13.4015 12.4978C13.4014 12.4982 13.4012 12.4985 13.4005 12.4991L12.4991 13.4005C12.4985 13.4012 12.4982 13.4014 12.4978 13.4015C12.4975 13.4016 12.4971 13.4016 12.4967 13.4015C12.4964 13.4014 12.4961 13.4012 12.4955 13.4005L8.00009 8.90518L3.50473 13.4005C3.50411 13.4012 3.50379 13.4014 3.50343 13.4015C3.50308 13.4016 3.5027 13.4016 3.50234 13.4015C3.502 13.4014 3.50168 13.4012 3.50104 13.4005L2.59964 12.4991C2.599 12.4985 2.59883 12.4982 2.59872 12.4978C2.59861 12.4975 2.59861 12.4971 2.59872 12.4967C2.59883 12.4964 2.599 12.4961 2.59964 12.4955L7.09498 8.00009L2.59964 3.50473C2.599 3.50411 2.59883 3.50379 2.59872 3.50343C2.59861 3.50308 2.59861 3.5027 2.59872 3.50234C2.59883 3.502 2.599 3.50168 2.59964 3.50104L3.50104 2.59964C3.50168 2.599 3.50198 2.59883 3.50236 2.59872C3.50271 2.59861 3.50308 2.59861 3.50343 2.59872C3.50379 2.59883 3.50409 2.599 3.50473 2.59964L8.00009 7.09498L12.4955 2.59964C12.4961 2.599 12.4964 2.59883 12.4967 2.59872C12.4971 2.59861 12.4975 2.59861 12.4978 2.59872Z" fill="#1F1F1F"/>
                    </svg>
                </button>
            </div>
        </div>

        <div style="line-height: 22px">
            <span style="font-size: 14px;font-weight: 400;color: #1F1F1F">
                @{{ duplicateBlockedByStaff }} さんが直前にメッセージを送信したため、この友たちには@{{ duplicatePreventTime }}分間メッセージの送信ができません。
            </span>
        </div>

        <div class="lme-flex lme-items-center lme-justify-end">
            <div class="lme-flex lme-justify-end" style="gap: 5px">
                <lme-button-flat @click="showDuplicateWarningModal = false" style="width: 74px;padding-inline: 0 !important;">
                    <span style="font-size: 14px; font-weight: 500">閉じる</span>
                </lme-button-flat>
            </div>
        </div>
    </div>
</lme-modal>