<div class="col-md-1"></div>
<div class="container dashboard col-md-12 ">
  <div class="row">

    <div class="chatbotBlock"><figure><img src="{{imgUrl}}/assets/img/dashboard/ChatBot.png"></figure></div>

    <header>
      <div class="headerBlock">

        <div class="col-md-10 heading">
          <h1>{{name}} 's Playground</h1>
        </div>
        <div class="col-md-1 pull-right profileBlock">
          <a href="#"><figure><img src="{{imgUrl}}/assets/img/dashboard/profile.png"></figure></a>
        </div>
      </div>
    </header>


    <section class="Section">
      <div class="col-md-2"></div>
      <div class="col-md-8 journeyBlock">

        <div class="col-md-12 enviroment_block">




          <div class="searchCandidate">
            <label>AD ID &nbsp; </label>
            <input type="text" [value]="id" placeholder="AD-ID" (keyup.enter)="id = $event.target.value; searchCandidate()"/>
          </div>


          <div class=""></div>
          <div class="col-md-10 candidateInfo">
            <label>NAME:</label>
            <div class="inputField">{{candidate.name}}</div>
          </div>

          <div class="col-md-1"></div>
          <div class="col-md-10 candidateInfo">
            <label>EMAIL:</label>
            <div class="inputField">{{candidate.email}}</div>
          </div>

          <div class="col-md-1"></div>
          <div class="col-md-10 candidateInfo">
            <label>SKILLS:</label>
            <div class="inputField">{{candidate.skills}}</div>
          </div>

          <div class="col-md-1"></div>
          <div class="col-md-10 candidateInfo">
            <label>LEVEL:</label>
            <div class="inputField">{{candidate.level}}</div>
          </div>


          <div class="col-md-1"></div>
          <div class="col-md-10 candidateInfo">
            <button class="btn btn-primary" (click)="createWorkspace(candidate.name)">SETUP WORK SPACE</button>
          </div>

        </div>



      </div>



    </section>


  </div>
</div>
