<template>
  <div class="mpanel_sm">
    <h5 class="mt-3">Settings</h5>
    <div class="sidebar-list mt-4">
        <ul class="menu-3">
          <li>
            <a href="test" v-bind:class="[this.active_item == 'test' ? 'active' : '','list-row']">
              <i class="fas fa-vial mr-2"></i> Evaluation
            </a> 
          </li>
          <li>
            <a href="language" v-bind:class="[active_item == 'language' ? 'active' : '','list-row']">
              <i class="fas fa-language mr-2"></i> Language
            </a>
          </li>
          <li>
            <a href="expertise" v-bind:class="[active_item == 'subject' ? 'active' : '','list-row']">
              <i class="fas fa-stream mr-2"></i> Expertise
            </a>
          </li>
          <li>
            <a href="software_tool" v-bind:class="[active_item == 'software_tool' ? 'active' : '','list-row']">
              <i class="fas fa-chalkboard mr-2"></i> Software & tool
            </a>
          </li>
          <li>
            <a href="address_proof_type" v-bind:class="[active_item == 'address_proof_type' ? 'active' : '','list-row']">
              <i class="far fa-id-card mr-2"></i> Address proof type
            </a>
          </li>
          <li>
            <a href="photo_proof_type" v-bind:class="[active_item == 'photo_proof_type' ? 'active' : '','list-row']">
              <i class="far fa-file-excel mr-2"></i> Photo proof type
            </a>
          </li>
          <li>
            <a href="client" v-bind:class="[active_item == 'client' ? 'active' : '','list-row']">
              <i class="far fa-user-circle mr-2"></i> Client
            </a>
          </li>
          
        </ul> 
    </div>
  </div>
</template>
<script>
  export default {
    props: ['active_item'],
    data() {
      return {
      }
    },
    components: {
    },
  }
</script>