<form method="POST" action="{$url.own_name}c=imgmanager&a=doSaveWaterMark" class='watermark-form mt-3'
  data-submit-ajax='1' id="watermark-form" data-validate_order="#watermark-form">
  <div class="metadmin-fmbx">
    <dl>
      <dt>
        <label class='form-control-label'>{$word.setimgWatermarkType}</label>
      </dt>
      <dd>
        <div class='form-group clearfix'>
          <div class="custom-control custom-radio ">
            <input type="radio" id="met_wate_class-1" name="met_wate_class" value='1' class="custom-control-input" />
            <label class="custom-control-label" for="met_wate_class-1">{$word.setimgWordWatermark}</label>
          </div>
          <div class="custom-control custom-radio ">
            <input type="radio" id="met_wate_class-2" name="met_wate_class" value='2' class="custom-control-input" />
            <label class="custom-control-label" for="met_wate_class-2">{$word.setimgImgWatermark}</label>
          </div>
        </div>
      </dd>
    </dl>
    <dl>
      <dt>
        <label class='form-control-label'>{$word.setimgWatermark}</label>
      </dt>
      <dd>
        <div class='form-group clearfix'>
          <div class="custom-control custom-checkbox checkbox-inline">
            <input type="checkbox" id="met_big_wate" name='met_big_wate' value='1' class="custom-control-input" />
            <label class="custom-control-label" for="met_big_wate">{$word.setimgBigImg}</label>
          </div>
          <div class="custom-control custom-checkbox checkbox-inline">
            <input type="checkbox" id="met_thumb_wate" name='met_thumb_wate' value='1' class="custom-control-input" />
            <label class="custom-control-label" for="met_thumb_wate">{$word.setimgThumb}</label>
          </div>
        </div>
      </dd>
    </dl>
    <dl>
      <dt>
        <label class='form-control-label'>{$word.setimgPosition}</label>
      </dt>
      <dd>
        <div class='form-group clearfix'>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-1" name="met_watermark" value='1' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-1">{$word.setimgLeftTop}</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-5" name="met_watermark" value='5' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-5">{$word.setimgTopMid}</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-2" name="met_watermark" value='2' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-2">{$word.setimgRightTop}</label>
          </div>
        </div>
        <div class='form-group clearfix'>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-8" name="met_watermark" value='8' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-8">{$word.setimgLeftMid}</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-0" name="met_watermark" value='0' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-0">{$word.setimgMid}</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-6" name="met_watermark" value='6' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-6">{$word.setimgRightMid}</label>
          </div>
        </div>
        <div class='form-group clearfix'>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-4" name="met_watermark" value='4' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-4">{$word.setimgLeftLow}</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-7" name="met_watermark" value='7' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-7">{$word.setimgLowMid}</label>
          </div>
          <div class="custom-control custom-radio custom-control-inline">
            <input type="radio" id="met_watermark-3" name="met_watermark" value='3' class="custom-control-input " />
            <label class="custom-control-label" for="met_watermark-3">{$word.setimgRightLow}</label>
          </div>
        </div>
      </dd>
    </dl>
    <div class="met_wate_class-1 hide">
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgWord}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <input type="text" name="met_text_wate" class="form-control">
            <span class="text-help ml-2">{$word.setimgTip3}</span>
          </div>
        </dd>
      </dl>
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgWordSize}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <input type="text" class="text-center" data-min="0" data-max="100" data-plugin="touchSpin"
              name="met_text_size" autocomplete="off">
            <span class="text-help ml-2">{$word.setflashPixel}</span>
          </div>
        </dd>
      </dl>
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgWordSize2}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <input type="text" class="text-center" data-min="0" data-max="100" data-plugin="touchSpin"
              name="met_text_bigsize" autocomplete="off">
            <span class="text-help ml-2">{$word.setflashPixel}</span>
          </div>
        </dd>
      </dl>
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgWordFont}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <input type="text" name="met_text_fonts" class="form-control">
            <span class="text-help ml-2">{$word.setimgTip4}</span>
          </div>
        </dd>
      </dl>
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgWordAngle}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <input type="text" class="text-center" data-min="0" data-max="360" data-plugin="touchSpin"
              name="met_text_angle" autocomplete="off">
            <span class="text-help ml-2">{$word.setimgTip5}</span>
          </div>
        </dd>
      </dl>
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgWordColor}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <input type="text" name="met_text_color" class="form-control" data-plugin='minicolors'>
          </div>
        </dd>
      </dl>
      <dl>
    </div>
    <div class="met_wate_class-2 hide">
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgImg}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <div class="d-inline-block">
              <input type="file" name="met_wate_img" data-plugin='fileinput' accept="image/jpeg,image/png">
            </div>
            <span class="text-help ml-2">{$word.setimgTip2}</span>
          </div>
        </dd>
      </dl>
      <dl>
        <dt>
          <label class='form-control-label'>{$word.setimgImg2}</label>
        </dt>
        <dd>
          <div class='form-group clearfix'>
            <div class="d-inline-block">
              <input type="file" name="met_wate_bigimg" data-plugin='fileinput' accept="image/jpeg,image/png">
            </div>
            <span class="text-help ml-2">{$word.setimgTip2}</span>
          </div>
        </dd>
      </dl>
    </div>
    <dl>
      <dt></dt>
      <dd>
        <button type="submit" class='btn btn-primary' id="btn-save">{$word.Submit}</button>
      </dd>
    </dl>
  </div>
</form>