<form system-form>
    <div class="modal-content">
        <div class="modal-header">
            <h3 class="modal-title">
                <i class="la la-cube la-lg"></i> {$title}
            </h3>

            <button type="button" class="close" data-dismiss="modal">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        
        <div class="modal-body">
            <div class="form-row">
                <div class="form-group col-md-6">
                    <label>
                        {__("form_name")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line17")}"></i>
                    </label>
                    <input type="text" name="name" class="form-control" placeholder="{__("and_edit_pack_line19")}" value="{$data.package.name}">
                </div>

                <div class="form-group col-md-6">
                    <label>
                        {__("form_packageprice")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line24")}"></i>
                    </label>
                    <small class="text-muted">
                        ({strtoupper(__s("system_currency"))})
                    </small>
                    <input type="number" name="price" class="form-control" placeholder="{__("and_edit_pack_line29")}" value="{$data.package.price}">
                </div>

                <div class="form-group col-md-6">
                    <label>
                        {__("form_package_enabledservicestitle")} <i class="la la-info-circle la-lg" title="{__("form_package_enabledservicesdesc")}"></i>
                    </label>
                    <select name="services[]" class="form-control" data-live-search="true" multiple>
                        <option value="sms" {if in_array("sms", split($data.package.services, ","))}selected{/if}>SMS</option>
                        <option value="whatsapp" {if in_array("whatsapp", split($data.package.services, ","))}selected{/if}>WhatsApp</option>
                        <option value="android_ussd" {if in_array("android_ussd", split($data.package.services, ","))}selected{/if}>Android USSD</option>
                        <option value="android_notifications" {if in_array("android_notifications", split($data.package.services, ","))}selected{/if}>Android Notifications</option>
                        <option value="api" {if in_array("api", split($data.package.services, ","))}selected{/if}>API Access</option>
                        <option value="webhooks" {if in_array("webhooks", split($data.package.services, ","))}selected{/if}>Webhooks</option>
                        <option value="templates" {if in_array("templates", split($data.package.services, ","))}selected{/if}>Templates</option>
                        <option value="actions" {if in_array("actions", split($data.package.services, ","))}selected{/if}>Actions</option>
                        <option value="flows" {if in_array("flows", split($data.package.services, ","))}selected{/if}>Flows</option>
                        <option value="ai" {if in_array("ai", split($data.package.services, ","))}selected{/if}>Artificial Intelligence</option>
                    </select>
                </div>

                <div class="form-group col-md-3">
                    <label>
                        {__("form_packagefootermark")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line34")}"></i>
                    </label>
                    <select name="footermark" class="form-control">
                        <option value="1" {if $data.package.footermark < 2}selected{/if}>{__("form_enable")}</option>
                        <option value="2" {if $data.package.footermark > 1}selected{/if}>{__("form_disable")}</option>
                    </select>
                </div>

                <div class="form-group col-md-3">
                    <label>
                        {__("form_package_hiddenselect")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line44")}"></i>
                    </label>
                    <select name="hidden" class="form-control">
                        <option value="1" {if $data.package.hidden < 2}selected{/if}>{__("form_enable")}</option>
                        <option value="2" {if $data.package.hidden > 1}selected{/if}>{__("form_disable")}</option>
                    </select>
                </div>

                <div class="form-group mb-0 col-12">
                    <h4 class="text-uppercase">{__("and_edit_pack_line53")}</h4>
                </div>

                <div class="form-group col-md-6">
                    <label>
                        {__("and_edit_pack_line58")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line58_1")}"></i>
                    </label>
                    <input type="number" name="send_limit" class="form-control" placeholder="{__("and_edit_pack_line60")}" value="{$data.package.send_limit}">
                </div>

                <div class="form-group col-md-6">
                    <label>
                        {__("and_edit_pack_line65")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line65_1")}"></i>
                    </label>
                    <input type="number" name="receive_limit" class="form-control" placeholder="{__("and_edit_pack_line67")}" value="{$data.package.receive_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("and_edit_pack_line72")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line72_1")}"></i>
                    </label>
                    <input type="number" name="ussd_limit" class="form-control" placeholder="{__("and_edit_pack_line74")}" value="{$data.package.ussd_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("and_edit_pack_line79")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line79_1")}"></i>
                    </label>
                    <input type="number" name="notification_limit" class="form-control" placeholder="{__("and_edit_pack_line81")}" value="{$data.package.notification_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("form_packagedevice")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line86")}"></i>
                    </label>
                    <input type="number" name="device_limit" class="form-control" placeholder="{__("and_edit_pack_line88")}" value="{$data.package.device_limit}">
                </div>

                <div class="form-group mb-0 col-12">
                    <h4 class="text-uppercase">{__("and_edit_pack_line92")}</h4>
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("form_packagesend")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line97")}"></i>
                    </label>
                    <input type="number" name="wa_send_limit" class="form-control" placeholder="{__("and_edit_pack_line99")}" value="{$data.package.wa_send_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("form_packagereceive")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line104")}"></i>
                    </label>
                    <input type="number" name="wa_receive_limit" class="form-control" placeholder="{__("and_edit_pack_line106")}" value="{$data.package.wa_receive_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("and_edit_pack_line111")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line111_1")}"></i>
                    </label>
                    <input type="number" name="wa_account_limit" class="form-control" placeholder="{__("and_edit_pack_line113")}" value="{$data.package.wa_account_limit}">
                </div>

                <div class="form-group mb-0 col-12">
                    <h4 class="text-uppercase">{__("and_edit_pack_line117")}</h4>
                </div>

                <div class="form-group col-md-6">
                    <label>
                        {__("form_package_contactslimit")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line122")}"></i>
                    </label>
                    <input type="number" name="contact_limit" class="form-control" placeholder="{__("and_edit_pack_line124")}" value="{$data.package.contact_limit}">
                </div>

                <div class="form-group col-md-6">
                    <label>
                        {__("and_edit_pack_line129")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line129_1")}"></i>
                    </label>
                    <input type="number" name="scheduled_limit" class="form-control" placeholder="{__("and_edit_pack_line131")}" value="{$data.package.scheduled_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("form_packagekey")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line136")}"></i>
                    </label>
                    <input type="number" name="key_limit" class="form-control" placeholder="{__("and_edit_pack_line138")}" value="{$data.package.key_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("form_packagehook")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line143")}"></i>
                    </label>
                    <input type="number" name="webhook_limit" class="form-control" placeholder="{__("and_edit_pack_line145")}" value="{$data.package.webhook_limit}">
                </div>

                <div class="form-group col-md-4">
                    <label>
                        {__("and_edit_pack_line150")} <i class="la la-info-circle la-lg" title="{__("and_edit_pack_line150_1")}"></i>
                    </label>
                    <input type="number" name="action_limit" class="form-control" placeholder="{__("and_edit_pack_line152")}" value="{$data.package.action_limit}">
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button type="submit" class="btn btn-primary">
                <i class="la la-check-circle la-lg"></i> {__("btn_submit")}
            </button>
        </div>
    </div>
</form>