<md-dialog aria-label="mreqName" flex>
  <form ng-cloak>
    <md-toolbar>
      <div class="md-toolbar-tools">
        <h2 class="white-letter">{{mreq.jobdesc}}</h2>
        <span flex></span>
        <i class="fa fa-times" ng-click="cancel()"></i>
      </div>
    </md-toolbar>
    <md-dialog-content>
      <div class="md-dialog-content">
        <div class="form-horizontal">
          <div class="row row-equal">
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW006710">Requisition ID</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.requestid}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW006708">Requisition Status</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.reqstatus}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW000309">BU1</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9 ">{{mreq.bu1desc}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW000310">BU2</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9 ">{{mreq.bu2desc}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW000311">BU3</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9 ">{{mreq.bu3desc}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW000312">BU4</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9 ">{{mreq.bu4desc}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW000313">BU5</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9 ">{{mreq.bu5desc}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW002408">Employment Type</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.employeetype}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW012912">Required</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.emp_num}}
              <swaplang code="SW000057"></swaplang>
            </div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW012913">Hired</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.registered}}
              <swaplang code="SW000057"></swaplang>
            </div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW012753">Ages</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.age}}
              <swaplang code="SW000717"></swaplang>
            </div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW003417">Gender</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.gender}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW006705">Education Degree</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{' '+mreq.degree}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW011915">Major</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.major}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW012924">Request By</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.fullname}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW003359">Request Date</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.createDate | ddmmyyyyDate }}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW012918">Approve Date</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-3 ">{{mreq.approvedDate | ddmmyyyyDate}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW002112">Experience</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9  pre">{{mreq.expr}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW007025">Qualification</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9  pre">{{mreq.qualification}}</div>
            <div class="control-label-left csctheme col-xs-6 col-sm-3">
              <swaplang code="SW012922">Other</swaplang>
            </div>
            <div class="control-label-left col-xs-6 col-sm-9  pre">{{mreq.other}}</div>
          </div>
        </div>
      </div>
    </md-dialog-content>
  </form>
</md-dialog>