<div class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" ng-click="$hide()">&times;</button>
        <h5 class="modal-title">&nbsp;{{selectedJob.c_name}}&nbsp;</h5>
      </div>
      <div class="modal-body">

        <p>Address: {{selectedJob.c_address}}</p>
        <p>Telephone Number: {{selectedJob.c_phone}}</p>
        <p>Email: </p>
        <p>Created On: {{selectedJob.created_at}}</p>
        <p>Last Updated: {{selectedJob.updated_at}}</p>
        <p>System Name: {{selectedJob.name}}</p>
        <p>Installer's Name: {{selectedJob.installer_name}}</p>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" ng-click="selectSystem(); $hide()">Select</button>
        <button type="button" class="btn btn-danger" ng-click="$hide()">Cancel</button>
      </div>
    </div>
  </div>
</div>