<div id="orderinfo" class="tab-pane" style="width:99%;overflow:hidden;">
    <div class="row">
      <div class="col-md-3">
        <h5><strong>Show main order details:</strong></h5>
        <span class="help"><i class="fa fa-info-circle"></i>&nbsp;Show a table with the order ID, date added, payment method and shipping method.</span>
      </div>
      <div class="col-md-4">
        <select name="{{ moduleName }}[OrderDetailsShow]" class="form-control">
              <option value="yes" {{ moduleData.OrderDetailsShow == 'yes' ? 'selected' }}>{{ text_enabled }}</option>
              <option value="no"  {{ moduleData.OrderDetailsShow != 'yes' ? 'selected' }}>{{ text_disabled }}</option>
        </select>
      </div>
    </div>
    <hr />
	<div class="row">
      <div class="col-md-3">
        <h5><strong>Show payment & shipping address:</strong></h5>
        <span class="help"><i class="fa fa-info-circle"></i>&nbsp;Show payment & shipping address in the success page.</span>
      </div>
      <div class="col-md-4">
        <select name="{{ moduleName }}[OrderPaymentShippingShow]" class="form-control">
              <option value="yes" {{ moduleData.OrderPaymentShippingShow == 'yes' ? 'selected' }}>{{ text_enabled }}</option>
              <option value="no"  {{ moduleData.OrderPaymentShippingShow != 'yes' ? 'selected' }}>{{ text_disabled }}</option>
        </select>
      </div>
    </div>
    <hr />
    <div class="row">
      <div class="col-md-3">
        <h5><strong>Show ordered products:</strong></h5>
        <span class="help"><i class="fa fa-info-circle"></i>&nbsp;Show the ordered products in a nice table.</span>
      </div>
      <div class="col-md-4">
        <select id="OrderProductsChecker" name="{{ moduleName }}[OrderProductsShow]" class="form-control">
              <option value="yes" {{ moduleData.OrderProductsShow == 'yes' ? 'selected' }}>{{ text_enabled }}</option>
              <option value="no"  {{ moduleData.OrderProductsShow != 'yes' ? 'selected' }}>{{ text_disabled }}</option>
        </select>
      </div>
    </div>
    <div class="row orderproductimages">
     	<hr />
        <div class="col-md-3">
        	<h5><strong>Product images dimensions:</strong></h5>
        	<span class="help"><i class="fa fa-info-circle"></i>&nbsp;Specify here the image width & height.</span>
      	</div>
    	<div class="col-md-4">
            <div class="input-group">
              <span class="input-group-addon">Width:&nbsp;</span>
                <input type="text" name="{{ moduleName }}[OrderPictureWidth]" class="form-control" value="{{ moduleData.OrderPictureWidth ?: '50' }}" />
              <span class="input-group-addon">px</span>
            </div>
            <br />
            <div class="input-group">
              <span class="input-group-addon">Height:</span>
              <input type="text" name="{{ moduleName }}[OrderPictureHeight]" class="form-control" value="{{ moduleData.OrderPictureHeight ?: '50' }}" />
              <span class="input-group-addon">px</span>
            </div>
		</div>
    </div>
      <hr />
    <div class="row">
      <div class="col-md-3">
        <h5><strong>Show order comments:</strong></h5>
        <span class="help"><i class="fa fa-info-circle"></i>&nbsp;Show the comments added for the order.</span>
      </div>
      <div class="col-md-4">
        <select name="{{ moduleName }}[OrderCommentsShow]" class="form-control">
              <option value="yes" {{ moduleData.OrderCommentsShow == 'yes' ? 'selected' }}>{{ text_enabled }}</option>
              <option value="no"  {{ moduleData.OrderCommentsShow != 'yes' ? 'selected' }}>{{ text_disabled }}</option>
        </select>
      </div>
    </div>
    <hr />
</div>
