<div class="editor-container">
  <h4 class="bg-primary">Dealer Jobs List</h4>

  <h4 class="room-detail">{{dealerCompany}}
    <span class="pull-right">
      <a ui-sref="dealer-account-settings.main" class="link-unstyled ng-isolate-scope"
         title="Dealer Account Settings"><i class="fa fa-lg fa-fw fa-pencil "></i></a>
    </span>
  </h4>

  <div>
    <div class="panel-group" ng-if="jobsList.length" ng-repeat="job in jobsList track by $index">
      <div class="panel panel-default" >
        <div class="panel-heading">
          <h6 class="panel-title">&nbsp;{{job.c_name}}&nbsp;</h6>
        </div>
        <div class="panel-collapse">
          <div class="panel-body">
            <p>Address: {{job.c_address}}</p>
            <p>Created On: {{job.created_at}}</p>
            <p>Last Updated: {{job.updated_at}}</p>

            <button class="btn btn-primary pull-right" type="button" ng-click="viewDetails(job)">Details</button>
          </div>
        </div>
      </div>
    </div>
    <div ng-if="!jobsList.length">
      <p>No jobs are saved for this account.</p>
    </div>
  </div>

</div>