<%= it.SimpleBreadcrumb("SMS Senders") %>

SMS Senders

<%= it.Button({ label: "New SMS Sender", id: "openSmsSenderModalBtn", variant: "primary", icon: "plus" }) %>

<%= it.SkeletonTable({ rows: 5, cells: 4, showHeader: true }) %>

No.	Display Name	Sender ID	Provider	Type	Status	Updated	Action

<%= it.Modal({ id: "smsSenderModal", open: false, overlayClassName: "sms-modal-right", containerClassName: "max-w-3xl", headerLeftHtml: '', closeButtonId: "closeSmsSenderModal", bodyClassName: "space-y-4", body: `

Display Name *

Provider *

Sender Value *

Country

Type *

Provider Account ID

Status *

`, footer: ` ${it.Button({ label: "Cancel", id: "cancelSmsSenderModal", variant: "outline-primary", className: "btn-cancel-sms-sender" })} ${it.Button({ label: "Save", id: "saveSmsSenderModal", variant: "primary", icon: "device-floppy", className: "btn-save-sms-sender" })} ` }) %>