<div id="reportContainer" ng-controller="Reports">
  <script>
    showMenu("LAST");
  </script>
  <div class="row">
    <div class="col-sm-38">
      <h4>{{title}}</h4>
    </div>
    <div class="col-sm-10">
      <p>Version: {{controllerMsg}}</p>
    </div>
  </div>

  <form class="form-horizontal" ng-submit="submit()">
    <div class="form-group">
      <div class="row">
        <!-- <div class="col-sm-40"> -->
        <label class="col-sm-10 control-label">*รูปแบบรายงาน </label>
        <input type="text" id="reportFullName" ej-autocomplete e-datasource="" e-showpopupbutton="true" e-showemptyresulttext="false" e-value="formData.reportFullName" e-select="showREPORT" e-width="755" ng-disabled="true" />
        <!-- </div> -->
      </div>
      <br>

      <!-- Auto Generate from VS4Command.dat       -->
      <div ng-include src="template"></div>
      <!-- End Auto Generate from VS4Command.dat       -->

      <div ng-show="showStandardUI">
        <!-- <div id="Grid1" ej-grid></div> -->
      </div>

      <!--Set buttons-->
      <br>
      <div id="buttonBar" class="row">
        <!-- <button type="button" id="btnSaveDefault" class="btn btn-default" ng-click="saveDefault()">Save Default</button>
        <button type="button" id="btnClearDefault" class="btn btn-default" ng-click="clearDefault()">Clear Default</button>
        <button type="button" id="btnOpen" class="btn btn-default" ng-click="open()">Open Setting</button>
        <button type="button" id="btnSave" class="btn btn-default" ng-click="save()">Save Setting</button> -->
        <button type="button" id="btnRenderPDF" class="btn btn-default" ng-click="reportPDF()" ng-disabled="!formReady">Generate PDF</button>
        <button type="button" id="btnPreview" class="btn btn-default" ng-click="preview()" ng-disabled="!formReady">Preview Report</button>
        <button type="button" id="btnClose" class="btn btn-default" ng-click="close()">Close</button>
      </div>
      <!--			<script>showButtonBar("EDIT");</script>-->
      <br>
      <div><label ng-show="!formReady">Loading Report Template, please wait...</label></div>
      <div><label ng-show="rendering">Generating PDF Report in background, Will automatic download after finish...</label></div>
      <div ng-show="formReady">
        <a href="" ng-click="toggleQuery()" ng-show="!showQuery">Show Query</a>
        <a href="" ng-click="toggleQuery()" ng-show="showQuery">Hide Query</a>
        <label ng-show="showQuery">{{formData.baseQuery}}</label>
      </div>
    </div>
  </form>

</div>
<style>
  /*body {
    padding-top: 0;

  }*/
  /*#mainContainer,
	#reportContainer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0 0 0 0;
	}*/
</style>
