@foreach ($this->data["candidates"] as $card)
@php
$img = secure_asset('assets/images/user.png');
$full_name = $card->user ? $card->user->fullname : "-";
$course = $card->education ? ($card->education->course ? $card->education->course->name : "-") : "-";
$specialization =$card->education ? ($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 : "-";
@endphp
<div class="col-xl-6 col-md-12 col-sm-12">
  <div class="card borderless-card hme-card-hover">
    <div class="card-block card-block">
      <div class="row">
        <div class="col-md-8">
          @if($request->prof_type == 1 || $request->prof_type == 2){
          <label class="container-checkbox">
            <input type="checkbox" class="js-short-list" value="{{ $card->user->hiremee_id }}">
            <span class="checkmark-round"></span>
          </label>
          @endif

          <div class="media">
            <img class="d-flex mr-3 img-circle img-40" src="'.$img.'" alt="Generic image">
            <div class="media-body send-chat">
              <p class="l-h-18 f-18 p-b-0 m-b-0" id="js-cand_name"> {{ ucfirst($full_name) }}</p>
              <p class="l-h-18 f-13 text-93 m-b-0">Fresher</p>
              <p class="l-h-18 text-info f-12">{{ ucfirst($card->skills) }}</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 p-0 text-right">
          <a href="#" class="p-r-15 f-22 text-inverse"><i class="hiremee-close-envelope "></i></a>
          <a href="#" class="p-r-15 f-22 text-inverse waves-effect"><i class="hiremee-video" ></i></a>
          <a href="#" class="p-r-15 f-22 text-inverse"><i class="hiremee-feedback "></i></a>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6">
          <div class="form-group row">
            <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="{{ ucfirst($course) }}">{{ ucfirst($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="{{ ucfirst($specialization) }}">{{ ucfirst($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">
              <label class="col-form-label f-13 p-r-0 p-l-0">{{ $yearofpassing }}</label>                 
            </div>
          </div>
          <div class="text-left p-t-10 p-relative">
            <ul class="verify-buttons">
              @if ($card->is_mailsent == 1)
              <li><span class="main-round1"><i class="icon-round1-verified hiremee-tick"></i>Mail Sent</span></li>
              @elseif ($card->is_mailsent == 2)
              <li><span class="main-round1"><i class="icon-round1 hiremee-tick"></i>Mail Inprogress</span></li>
              @else
              <li><span class="main-round1"><i class="icon-round1 hiremee-tick"></i>Mail Not Sent</span></li>
              @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>
        <div class="col-md-6 p-0 text-right">
          <div class="row">
            <div class="col-md-6 p-0 text-right">
              <div class="text-left p-l-10 assess-report">
                <p class="text-danger red-text-left m-b-0 l-h-15 f-13" >Assessment Report</p>

                <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->computerScienceSectionLabel(true) }}</p>
                <p class="assess-report-list"><i class="icofont io2-text icofont-square p-r-5"></i> Personality Inventory</p>
                <div class="personality_inventory_lists m-l-25">
                  <p class="assess-report-list"><i class="icofont ic-text icofont-square p-r-5"></i> Interpersonal Skills</p>
                  <p class="assess-report-list"><i class="icofont pc-text icofont-square p-r-5"></i> Intrapersonal Skills</p>
                  <p class="assess-report-list"><i class="icofont ec-text icofont-square p-r-5"></i> Emotional Management</p>
                  <p class="assess-report-list"><i class="icofont mc-text icofont-square p-r-5"></i> Motivators</p>
                  <p class="assess-report-list"><i class="icofont io-text icofont-square p-r-5"></i> Openness to Experience</p>
                </div>
                <p class="assess-report-list"><i class="icofont io1-text icofont-square p-r-5"></i> Personality</p>
                <p class="assess-report-list"><i class="icofont io2-text icofont-square p-r-5"></i> Communication</p>
              </div>
            </div>
            <div class="col-md-6 p-0 text-right">
              <div class="chart-wrapper">
                <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" title="Verbal Aptitude">{{ $card->assessment ? $card->assessment->verbalaptitude : "-" }}</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" title="Quantitative Aptitude">{{ $card->assessment ? $card->assessment->quantitativeaptitude : "-" }}</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" title="Logical Reasoning">{{ $card->assessment ? $card->assessment->logicalreasoning : "-" }}</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" title="{{ $card->user->computerScienceSectionLabel(true) }}">{{ $card->assessment ? $card->assessment->technicalcomputerfundamental : "-" }}</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" title="Interpersonal Skills">{{ $card->assessment ? $card->assessment->interpersonalcompetencies : "-" }}</text>

                      <text transform="matrix(1 0 0 1 110.625 183.0889)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" title="Intrapersonal Skills">{{ $card->assessment ? $card->assessment->personalcompetencies : "-" }}</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" title="Emotional Management">{{ $card->assessment ? $card->assessment->emotionalcompetencies : "-" }}</text>

                      <text transform="matrix(1 0 0 1 16.0752 148.9883)" class="chart-result-11  chart-result-13 js-tooltip-title" data-toggle="tooltip" title="Motivators">{{ $card->assessment ? $card->assessment->motivationalcompetencies : "-" }}</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" title="Openness to Experience">{{ $card->assessment ? $card->assessment->intellectualorientation : "-" }}</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" title="Personality">{{ $card->assessment ? $card->assessment->personality : "-" }}</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" title="Communication">{{ $card->assessment ? $card->assessment->communication : "-" }}</text>
                    </g>
                    <text transform="matrix(1 0 0 1 59.875 115.1885)" class="chart-result-14 chart-result-15 chart-result-16" data-toggle="tooltip" title="Overall Assessment Percentile">23%</text>
                  </g>
                </svg>
              </div>
            </div>
          </div>
          <div>
          </div>
        </div>
      </div>                      
    </div>
  </div>
</div>
@empty
<div class="col-md-12 text-center">
  <i class="hiremee-close-envelope 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 criteria </h5>
</div>
@endforelse