<div class="modal-header">
  <h6 class="modal-title">
    {include file='__svg_icons.tpl' icon="monetization" class="main-icon mr10" width="24px" height="24px"}
    {__("New Plan")}
  </h6>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form class="js_ajax-forms" data-url="monetization/controller.php?do=insert">
  <div class="modal-body">
    <!-- title -->
    <div class="form-group">
      <label class="form-label">{__("Title")}</label>
      <input name="title" type="text" class="form-control">
    </div>
    <!-- title -->
    <!-- price -->
    <div class="form-group">
      <label class="form-label">{__("Price")} ({$system['system_currency']})</label>
      <input name="price" type="text" class="form-control">
      <div class="form-text">
        {__("For example 10, 20, 30 (0 for free)")}
      </div>
    </div>
    <!-- price -->
    <!-- paid every -->
    <div class="form-group">
      <label class="form-label">{__("Paid Every")}</label>
      <div class="row">
        <div class="col-sm-8">
          <input class="form-control" name="period_num">
        </div>
        <div class="col-sm-4">
          <select class="form-select" name="period">
            <option value="minute">{__("Minute")}</option>
            <option value="hour">{__("Hour")}</option>
            <option value="day">{__("Day")}</option>
            <option value="week">{__("Week")}</option>
            <option value="month">{__("Month")}</option>
            <option value="year">{__("Year")}</option>
          </select>
        </div>
      </div>
      <div class="form-text">
        {__("For example 15 days, 2 Months, 1 Year")}
      </div>
    </div>
    <!-- paid every -->
    <!-- description -->
    <div class="form-group">
      <label class="form-label">{__("Description")}</label>
      <textarea name="custom_description" rows="5" dir="auto" class="form-control"></textarea>
    </div>
    <!-- description -->
    <!-- order -->
    <div class="form-group">
      <label class="form-label">{__("Order")}</label>
      <input name="plan_order" type="text" class="form-control">
    </div>
    <!-- order -->
    <!-- error -->
    <div class="alert alert-danger mt15 mb0 x-hidden"></div>
    <!-- error -->
  </div>
  <div class="modal-footer">
    <input type="hidden" name="node_id" value="{$node_id}">
    <input type="hidden" name="node_type" value="{$node_type}">
    <button type="submit" class="btn btn-primary">{__("Publish")}</button>
  </div>
</form>