@forelse($list as $card) 
  @php
    $image = $card->image ? $card->image->s3_id : "";     
    if (!is_null($image) && !empty($image)) {
      $img = \HireMeeHelper::getAWSImageUrl($card->image->s3_id,config('filesystems.disks.s3.bucket'));
    }else{
      $img = secure_asset('/assets/images/user.png');
    }
    $full_name = $card->user ? ucwords($card->user->fullname.' '.$card->user->lastname) : "-";
    $hiremee_id = $card->user ? $card->user->hiremee_id : "-";
    $course = $card->education ? ucwords($card->education->course ? $card->education->course->name : "-") : "-";
    $specialization =$card->education ? ucwords($card->education->specialization ? $card->education->specialization->specialization : "-") : "-";
    $yearofpassing = $card->education ? $card->education->yearofcompletion : "-";
    $mobile_verified = $card->user ? $card->user->mobile_verified : "-";
    $email_verified = $card->user ? $card->user->email_verified : "-";
    $ncs_jobseeker_id = $card->user ? $card->user->sso_jobseeker_id : "";
  @endphp
  <div class="col-xl-6 col-md-12 col-sm-12" id="candidate-detail-{{$hiremee_id}}">
    <div class="card borderless-card hme-card-hover">
      <div class="card-block card-block">
        <div class="row">
          <div class="col-md-8">
            @if($profile_type == 1 || $profile_type == 2)
              @if($card->is_mailsent == 2 )              
                <label class="container-checkbox">
                  <input type="checkbox" class="checkmark-round js-select-all-disabled" name="checkbox_email"  value='{{$hiremee_id}}' disabled="true">
                  <span class="checkmark-round"></span>
                </label>
              @else
               @if(Auth::guard('corporate')->user()->status == 1)
                <label class="container-checkbox">
                <input type="checkbox" class="checkmark-round js-select-all" name="checkbox_email"  value='{{$hiremee_id}}'  id="js-select-all-{{$hiremee_id}}">
                <span class="checkmark-round"></span>
                </label>
              @endif 
            @endif          
          @endif
            <div class="media">
              <!-- <img class="d-flex mr-3 img-circle img-40" src="{{$img}}" alt="Generic image"> -->
              @php
              if($profile_type == 1){
                  $title = 'Shortlisted';
                  $badge = 'hme-selected-baggage';
                  $class = 'hme-selected';
                }elseif($profile_type == 2){
                  $title = 'Invited';
                  $badge = 'hme-invited-baggage';
                  $class = 'hme-invited';
                }elseif($profile_type == 3){
                  $title = 'Hired';
                  $badge = 'hme-hired-baggage';
                  $class = 'hme-hired';
                }elseif($profile_type == 4){
                  $title = 'Rejected';
                  $badge = 'hme-rejected-baggage';
                  $class = 'hme-rejected';
                }elseif($profile_type == 5){
                  $title = 'Un-Shortlisted';
                  $badge = 'hme-un-shortlisted-baggage';
                  $class = 'hme-un-shortlisted';
                }else{
                  if(($card->is_mailsent == 0 || $card->is_mailsent == 2 || $card->is_mailsent == 3)&& $card->is_unshortlisted == 0){
                    $title = 'Shortlisted';
                    $badge = 'hme-selected-baggage';
                    $class = 'hme-selected';
                  }elseif($card->is_mailsent == 1 && $card->hiredbycompany == 0){
                    $title = 'Invited';
                    $badge = 'hme-invited-baggage';
                    $class = 'hme-invited';
                  }elseif($card->is_mailsent == 1 && $card->hiredbycompany == 1){
                    $title = 'Hired';
                    $badge = 'hme-hired-baggage';
                    $class = 'hme-hired';
                  }elseif($card->is_unshortlisted == 1){
                    $title = 'Un-Shortlisted';
                    $badge = 'hme-un-shortlisted-baggage';
                    $class = 'hme-un-shortlisted';
                  }else{
                    $title = 'Rejected';
                    $badge = 'hme-rejected-baggage';
                    $class = 'hme-rejected';
                  }
                  
                } 
              @endphp
              <div class="hme-card-avatar js-card-badge candidate-gold" data-toggle="tooltip" data-animation="false" data-placement="top" title="{{$title}}">
                <span class="{{$badge}}"></span>
                <!-- <span class="hme-selected-baggage"></span> -->
                  <img class="d-flex mr-3 img-circle h-40 img-40 {{$class}}" src="{{$img}}" alt="Generic image">
                
              </div>
              <div class="media-body send-chat text-truncate">
                
                <a href="javascript:;"><p class="l-h-18 text-truncate text-333 f-18 p-b-0 m-b-0 all-candidates-profile-view" id="js-cand_name-{{$hiremee_id}}" data-hiremeeid="{{ $hiremee_id }}" data-id="{{$full_name}}">{{$full_name}}</p></a>
                <p class="l-h-18 f-13 text-93 m-b-0">Fresher</p>
                <p class="l-h-18 text-info f-12 text-truncate">
                  @forelse($card->skill as $skill)
                    {{$skill->getSkills ? ucwords($skill->getSkills->name) : "-"}} @if(!$loop->last),@endif
                  @empty
                   - 
                  @endforelse
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-4 p-0 m-candidate-right">
            <a href="javascript:;" class="p-r-15 f-22 text-inverse js-view-comments tooltip1" data-animation="false" data-id="{{$hiremee_id}}" id="js-view-comments"><div class="top"><span>View Comments</span><i></i></div><i class="hiremee-notes"></i></a>
            <a href="javascript:;" class="p-r-15 f-22 text-inverse waves-effect js-cand-video tooltip1" data-animation="false" data-id="{{$hiremee_id}}" id="js-cand-video"><div class="top"><span>Video Profile</span><i></i></div><i class="hiremee-video" ></i></a>
            <a href="javascript:;" class="p-r-15 f-22 text-inverse js-give-comments tooltip1" id="js-give-comments" data-animation="false" data-id="{{$hiremee_id}}" ><div class="top"><span>Post Comment</span><i></i></div><i class="hiremee-feedback "></i></a>
          </div>
        </div>
        <div class="row">
          <div class="col-md-8">
            <div class="form-group row">
                <label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Hiremee ID:</label>
              <div class="col-sm-8">
              <div class="flex-parent">
               <div class="flex-child long-and-truncated">
                <label class="col-form-label f-13 p-r-0 p-l-0" title="{{$card->user->hiremee_id}}">{{$card->user->hiremee_id}}</label> 
                </div>
                </div>                   
              </div>
              @if($ncs_jobseeker_id != "")
              <label class="col-sm-4 p-r-0 text-93 col-form-label f-13">NCS Jobseeker Id:</label>
              <div class="col-sm-8">
               <div class="flex-parent">
               <div class="flex-child long-and-truncated">
                <label class="col-form-label f-13 p-r-0 p-l-0" title="{{$ncs_jobseeker_id}}">{{$ncs_jobseeker_id}}</label> 
                </div>                     
              </div>
              </div>
              @endif
              <div class="clearfix"></div>
              <label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Qualification:</label>
              <div class="col-sm-8">
               <div class="flex-parent">
               <div class="flex-child long-and-truncated">
                <label class="col-form-label f-13 p-r-0 p-l-0" title="{{$course}}">{{$course}}</label> 
                </div>                     
              </div>
              </div>
              <div class="clearfix"></div>
              <label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Specialization:</label>
              <div class="col-sm-8">
               <div class="flex-parent">
               <div class="flex-child long-and-truncated">
                <label class="col-form-label f-13 p-r-0 p-l-0" title="{{$specialization}}">{{$specialization}}</label>  
                </div>
                </div>                    
              </div>
              <div class="clearfix"></div>
              <label class="col-sm-4 p-r-0 text-93 col-form-label f-13">Year of Passing:</label>
              <div class="col-sm-8">
              <div class="flex-parent">
               <div class="flex-child long-and-truncated">
                <label class="col-form-label f-13 p-r-0 p-l-0" title="{{$yearofpassing}}">{{$yearofpassing}}</label>  
                </div>
                </div>               
              </div>
              <span class="d-none">{{$card->searchName ? $card->searchName->searchname : "-"}}</span>
              <div class="clearfix"></div>
              <label class="col-sm-4 p-r-0 text-93 col-form-label f-13">{{$title}} Date:</label>
              <div class="col-sm-8">
                @if($title == "Rejected")
                  <label class="col-form-label f-13 p-r-0 p-l-0">{{ Carbon\Carbon::parse($card->rejected_date_time)->format('jS M \\, Y \\a\\t h:i A') }}</label> 
                @elseif($title == "Invited")
                  <label class="col-form-label f-13 p-r-0 p-l-0">{{ Carbon\Carbon::parse($card->mail_sent_date)->format('jS M \\, Y \\a\\t h:i A') }}</label> 
                @elseif($title == "Hired")
                  <label class="col-form-label f-13 p-r-0 p-l-0">{{ Carbon\Carbon::parse($card->hired_date)->format('jS M \\, Y \\a\\t h:i A') }}</label> 
                @elseif($title == "Un-Shortlisted")
                  <label class="col-form-label f-13 p-r-0 p-l-0">{{ Carbon\Carbon::parse($card->updated_at)->format('jS M \\, Y \\a\\t h:i A') }}</label>
                @else
                  <label class="col-form-label f-13 p-r-0 p-l-0">{{ Carbon\Carbon::parse($card->selected_date_time)->format('jS M \\, Y \\a\\t h:i A') }}</label> 
                @endif
                
              </div>
            </div>
            <div class="text-left p-t-10 p-relative">
              <ul class="verify-buttons">
                @if(Auth::guard('corporate')->user()->status == 1)
                @if ($card->is_mailsent == 1)
                  <li><span class="main-round1" id="js-corp-mail-sent-{{$hiremee_id}}"><i class="icon-round1-verified hiremee-tick"></i>Mail Sent</span></li>
                @elseif ($card->is_mailsent == 2)
                  <li><span class="main-round1" id="js-corp-mail-sent-{{$hiremee_id}}"><i class="icon-round1 icofont icofont-exclamation bg-warning"></i>Mail Inprogress</span></li>
                @else
                  <li><span class="main-round1" id="js-corp-mail-sent-{{$hiremee_id}}"><i class="icon-round1 hiremee-multiply"></i>Mail Not Sent</span></li>
                @endif
                @endif
                @if ($mobile_verified == 1)
                  <li><span class="main-round2"><i class="icon-round1-verified hiremee-mobile"></i>Verified</span></li>
                @else
                  <li><span class="main-round2"><i class="icon-round1 hiremee-mobile"></i>Not Verified</span></li>
                @endif
                @if ($email_verified == 1)
                  <li><span class="main-round3"><i class="icon-round1-verified hiremee-close-envelope"></i> Verified</span></li>
                @else
                  <li><span class="main-round3"><i class="icon-round1 hiremee-close-envelope"></i> Not Verified</span></li>
                @endif
              </ul>
            </div>
          </div>
            @if(is_null($card->assessment))
            <p class="text-danger m-b-0 text-center" >
            <i class="hiremee-info"></i> Assessment Not Yet Taken!
            </p>
            @else
          <div class="col-md-4 text-right pr-4">
            <div class="row">
            <div class="col-md-12 p-0 text-center">
              <p class="text-danger m-b-0 m-assessment-txt" >
                <span class="text-danger f-14 hme-filter-info p-0 js-corp-candidates-popover" 
                data-toggle="popover" 
                data-html="true" 
                data-placement="left" 
                title="" 
                data-trigger="hover" 
                data-content='<div class="row m-w-200"><div class="col-md-12  p-0 text-right">
                <div class="text-left p-l-10 assess-report">
                  <h5 class="f-w-600 m-b-10 f-15 g-l-b">Assessment Criteria</h5>
                 <p class="assess-report-list"><i class="icofont va-text icofont-square p-r-5"></i> Verbal Aptitude</p>
                  <p class="assess-report-list"><i class="icofont qa-text icofont-square p-r-5"></i> Quantitative Aptitude</p>
                  <p class="assess-report-list"><i class="icofont lr-text icofont-square p-r-5"></i> Logical Reasoning</p>
                  <p class="assess-report-list"><i class="icofont tcf-text icofont-square p-r-5"></i> {{ $card->user ? $card->user->computerScienceSectionLabel(true) : "Computer Fundamentals" }}</p>
                  <p class="assess-report-list"><i class="icofont ic-text icofont-square p-r-5"></i> Communication</p>
                  <p class="assess-report-list"><i class="icofont pc-text icofont-square p-r-5"></i> Core Domain</p>
                  <p class="assess-report-list"><i class="icofont io2-text icofont-square p-r-5"></i> <span>Personality Inventory</span></p>
                  <div class="personality_inventory_lists m-l-25">
                    <p class="assess-report-list"><i class="icofont ec-text icofont-square p-r-5"></i> Interpersonal Skills</p>
                    <p class="assess-report-list"><i class="icofont mc-text icofont-square p-r-5"></i> Intrapersonal Skills</p>
                    <p class="assess-report-list"><i class="icofont io-text icofont-square p-r-5"></i> Emotional Management</p>
                    <p class="assess-report-list"><i class="icofont io1-text icofont-square p-r-5"></i> Motivators</p>
                    <p class="assess-report-list"><i class="icofont io2-text icofont-square p-r-5"></i> Openness to Experience</p>
                  </div>
                </div>
              </div></div>'>
                <i class="hiremee-info"></i> 
                </span> Assessment Report 
              </p>

              <div class="chart-wrapper m-chart-report">
                <svg id="Layer_1" viewBox="0 0 200 200" xml:space="preserve"><g><g>
                  <path class="chart-result-0" d="M99,37c11.1,0,21.5,2.9,30.5,8l15.8-26.7C131.6,10.5,115.9,6,99,6h0L99,37L99,37z" />
                  <path class="chart-result-1" d="M153.1,68.7l26.6-16c-8.2-14.3-20.1-26.2-34.4-34.4L129.5,45C139.4,50.6,147.5,58.8,153.1,68.7z"/>
                  <path class="chart-result-2" d="M160.9,95.1h31c-0.6-15.4-5-29.8-12.2-42.4l-26.6,16C157.5,76.6,160.3,85.6,160.9,95.1z"/>
                  <path class="chart-result-3" d="M160.9,95.1c0.1,1.3,0.1,2.6,0.1,3.9v0c0,10.8-2.7,20.9-7.6,29.7l26.8,15.5c7.5-13.4,11.7-28.8,11.7-45.2v0
                  c0-1.3,0-2.6-0.1-3.9H160.9z"/>
                  <path class="chart-result-4" d="M99,37L99,37l0-31h0c-20.8,0-39.9,6.8-55.4,18.3l20.5,23.4C74.1,41,86.1,37,99,37z"/>
                  <path class="chart-result-5" d="M99,161L99,161c-1.3,0-2.6-0.1-3.9-0.1v31c1.3,0.1,2.6,0.1,3.9,0.1h0c17,0,32.9-4.6,46.6-12.5l-15.5-26.8
                  C121,157.9,110.3,161,99,161z"/>
                  <path class="chart-result-6" d="M130.1,152.6l15.5,26.8c14.5-8.4,26.5-20.6,34.7-35.3l-26.8-15.5C148,138.7,139.9,146.9,130.1,152.6z"/>
                  <path class="chart-result-7" d="M59.8,147l-22.4,21.6C52.9,182.4,73,191,95.1,191.9v-31C81.8,160,69.6,155,59.8,147z"/>
                  <path class="chart-result-8" d="M64.1,47.7L43.6,24.3C29,35.2,17.7,50.2,11.4,67.7l28.9,11.2C44.7,66.1,53.2,55.2,64.1,47.7z"/>
                  <path class="chart-result-9" d="M38.7,113.3L9.4,123.9c4.9,17.5,14.7,33,28,44.7L59.8,147C49.4,138.5,41.8,126.8,38.7,113.3z"/>
                  <path class="chart-result-10" d="M37,99L37,99c0-7,1.2-13.8,3.3-20.1L11.4,67.7C7.9,77.5,6,88,6,99v0c0,8.6,1.2,17,3.4,24.9l29.3-10.6
                  C37.6,108.7,37,103.9,37,99z"/>
                  <text transform="matrix(1 0 0 1 110.625 32.7383)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Verbal Aptitude">{{($card->assessment ? (($card->assessment->verbalaptitude < 0) ? 'N' : $card->assessment->verbalaptitude) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 146.2754 52.8877)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Quantitative Aptitude">{{($card->assessment ? (($card->assessment->quantitativeaptitude < 0) ? 'N' : $card->assessment->quantitativeaptitude) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 166.4258 85.4375)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Logical Reasoning">{{($card->assessment ? (($card->assessment->logicalreasoning < 0) ? 'N' : $card->assessment->logicalreasoning) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 166.4258 124.1885)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="{{ $card->user ? $card->user->computerScienceSectionLabel(true) : 'Computer Fundamentals' }}">{{($card->assessment ? (($card->assessment->technicalcomputerfundamental < 0) ? 'N' : $card->assessment->technicalcomputerfundamental) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 146.2754 162.9375)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Communication">{{($card->assessment ? (($card->assessment->communication > 0) ? $card->assessment->communication : 'N') : "N")}}</text>

                  <!-- @version 13.0 R2 @author Rajvishnu @abstract core domain and track marks comparision -->
                    @php
                      $td_value = "-";
                      $td_title = "Core Domain";
                      if(!is_null($card->assessment)) {
                        if($card->assessment->technicalcoredomain >= $card->assessment->gold_technical_coredomain) {
                          if($card->assessment->technicalcoredomain < 0) {
                            $td_value = "N";
                          } else {
                            $td_value = $card->assessment->technicalcoredomain;
                          }
                        } else {
                          $track_name = is_null($card->assessment->track) ? "Gold" : $card->assessment->track->track_name;
                          $td_title = "This Score is Based on ".$track_name." Track";
                          if($card->assessment->gold_technical_coredomain < 0) {
                            $td_value = "N";
                          } else {
                            $td_value = $card->assessment->gold_technical_coredomain;
                          }
                        }
                      } 
                    @endphp

                  <text transform="matrix(1 0 0 1 110.625 183.0889)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" data-placement="left" title="{{$td_title}}">{{$td_value}}</text>

                  <text transform="matrix(1 0 0 1 61.0264 179.9873)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Interpersonal Skills">{{($card->assessment ? (($card->assessment->interpersonalcompetencies < 0) ? 'N' : $card->assessment->interpersonalcompetencies) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 25.0752 148.9883)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Intrapersonal Skills">{{($card->assessment ? (($card->assessment->personalcompetencies < 0) ? 'N' : $card->assessment->personalcompetencies) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 12.9756 105.5879)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Emotional Management">{{($card->assessment ? (($card->assessment->emotionalcompetencies < 0) ? 'N' : $card->assessment->emotionalcompetencies) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 30.0254 60.6387)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Motivators">{{($card->assessment ? (($card->assessment->motivationalcompetencies < 0) ? 'N' : $card->assessment->motivationalcompetencies) : "0")}}</text>

                  <text transform="matrix(1 0 0 1 65.6758 34.2871)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" data-animation="false" title="Openness to Experience">{{($card->assessment ? (($card->assessment->intellectualorientation < 0) ? 'N' : $card->assessment->intellectualorientation) : "0")}}</text>
                  </g>
                  @php 
                    if(!is_null($card->assessment))
                    {
                      if(!is_null($card->assessment->percentage)){
                        $percentile = $card->assessment->percentage;
                      }else{
                        $percentile = "0";
                      }                      
                    }else
                    {
                      $percentile = "0";
                    }
                  @endphp
                 <text transform="matrix(1 0 0 1 59.875 115.1885)" class="chart-result-14 chart-result-15 chart-result-16" data-toggle="tooltip" data-animation="false" title="Overall Assessment Percentile">{{($percentile =='.00')? 0 : $percentile}}%</text>
                  </g>
                  </svg>
                  </div>
                  @php $assessment = $card->assessment ? $card->assessment->Status : 0; @endphp
                    @if($assessment == 0)
                      <label class="badge badge-pills f-11" style="color: #252525;"> <i class="hiremee-info f-11"></i> {{$card->assessment->proctoredstatus->name}}</label>
                    @elseif($assessment == 1)
                      <label class="badge badge-pills f-11" style="color: #252525;"> <i class="hiremee-tick f-11"></i> {{$card->assessment->proctoredstatus->name}}</label>
                    @elseif($assessment == 2)
                      <label class="badge badge-pills f-11" style="color: #252525;"> <i class="hiremee-multiply f-11"></i> {{$card->assessment->proctoredstatus->name}} due to {{ !empty($card->assessment->Reason) ? $card->assessment->Reason : 'image mismatch'}}</label>
                    @endif

                    @if(!is_null($card))
                      @if(is_null($card->assessment->is_partially_completed) || ($card->assessment->is_partially_completed == 0))
                        <label class="badge badge-pills badge-success f-11"> <i class="hiremee-tick"></i> Completed</label>
                      @elseif($card->assessment->is_partially_completed == 1)
                        <label class="badge badge-pills badge-info f-11"><i class="hiremee-info"></i> Partially Completed</label>
                      @endif
                    @endif
                  </div>
                </div>
              <div>
            </div>
          </div>
          @endif
        </div>                      
      </div>
    </div>
  </div>
@empty
  @if($type == 'remote')
    <div class="col-md-12 text-center">
      <i class="hiremee-search f-100 text-93"></i>
      <h2 class="text-93">No Records Found</h2>
      <h5 class="f-w-100 text-93">Sorry! We can't find any records matching your search criteria </h5>
    </div>
  @elseif($type == 'base')
    <div class="col-md-12 text-center">
      <i class="hiremee-search f-100 text-93"></i>
      <h2 class="text-93">No Recruiters Found</h2>
      <h5 class="f-w-100 text-93">Invite recruiters to register with HireMee</h5>
    </div>
  @endif
@endforelse