@php $testcase_percentage = ($totalscore != 0) ? $get_score/$totalscore*100 : 0 @endphp
@php 
$question_count = count($log_details);
@endphp
<div class="corporate-content">
 <div class="report-content">
    @if(count($log_details) == 0 && count($spojresult_match) == 0)
    <div class="col-md-12"><center><h3><span class="badge badge-pill badge-warning">Coding simulation section not found.</span></h3></center></div>
    @else

   <div class="col col-md-12 text-right">
                  <!-- <button class="btn btn-info c-white" id="js-pro-proctoring-print-button">Print</button> -->
                   
                  {!! Form::open(array('url' =>secure_url('pro/codingpdfdownload'), 'class'=>'form-horizontal', 'method'=>'post')) !!}

                            {{-- <input type="hidden" name="log_details" value="{{ json_encode($log_details,TRUE)}}"> --}}
                            <input type="hidden" name="get_score" value="{{ json_encode($get_score,TRUE)}}"> 
                           <input type="hidden" name="totalscore" value="{{ json_encode($totalscore,TRUE)}}"> 
                           <input type="hidden" name="unique_language" value="{{ json_encode($unique_language,TRUE)}}"> 
                           <input type="hidden" name="overall_time" value="{{ json_encode($overall_time,TRUE)}}"> 
                           <input type="hidden" name="testpin" value="{{ json_encode($testpin,TRUE)}}"> 
                           <input type="hidden" name="spojresult_match" value="{{ json_encode($spojresult_match,TRUE)}}">
             

                  <button type="submit" class="btn btn-primary pro-green c-white button-submit">Download PDF</button>
                  {!! Form::close()!!}
                </div>
  <h2 class="g-l-b ">CANDIDATE INFORMATION </h2>
  <div class="candidate-info">
    <div class="candidate-one">
        <div class="row">
          <div class="col-md-9">
<div class="candidate-exp">
        <label class="candidate-heading">Score attained :   <span class="text-muted">{{round($get_score, 0)}} out of a maximum possible of {{round($totalscore, 0)}} ({{round($testcase_percentage, 0)}} %)</span></label>
        <div class="candidate-value text-right">
        
         
        </div>
      </div>
      <div class="candidate-exp">
        <label class="candidate-heading">Time taken for completing the test :</label>
        <div class="candidate-value">
          <span>{{ $overall_time }} sec. (Taken from sum of testcase timing.)</span>
        </div>
      </div>
          </div>
          <div class="col-md-3">
 <div class="flex-wrapper justify-content-end">
            <div class="single-chart ">
              <svg viewBox="0 0 36 36" class="circular-chart green">
                <path class="circle-bg"
                d="M18 2.0845
                a 15.9155 15.9155 0 0 1 0 31.831
                a 15.9155 15.9155 0 0 1 0 -31.831"
                />
                <path class="circle"
                stroke-dasharray="{{round($testcase_percentage, 0)}}, 100"
                d="M18 2.0845
                a 15.9155 15.9155 0 0 1 0 31.831
                a 15.9155 15.9155 0 0 1 0 -31.831"
                />
                <text x="18" y="20.35" class="percentage">{{round($testcase_percentage, 0)}} %</text>
              </svg>
            </div>
    <div class="scr_chart"></div>

          </div>
          </div>
        </div>
      
    </div>
  </div> 
  <h2 class="g-l-b m-t-20"> SESSION INFORMATION</h2>
  <div class="candidate-info">
    <div class="row">
      <div class="col-md-12">
        <div class="candidate-one">
      <div class="candidate-exp">
        <label class="candidate-heading">Number of problems to be solved:</label>
        <div class="candidate-value">
          <span>{{$question_count}}</span>
        </div>
      </div>
      <div class="candidate-exp">
        <label class="candidate-heading">Problems in test and score obtained :</label>
        <div class="candidate-value">
          <table class="score-tbl" cellspacing="0" cellpadding="0">
            <tbody>
              <tr>
                <th class="lft-radius width-sr">SNO.</th>
                <th class="width-sr2">Problem Name</th>
                <th class="rgt-radius width-sr3">Score Obtained</th>
              </tr>
              @php $i=1; @endphp
              @foreach($log_details as $key => $log_detail)
              <tr>
                <td class="bottom-br-none">{{$i}}</td>
                <td class="bottom-br-none width-sr2">
                 {{$log_detail->problem_details->problem_name ?? ""}}
               </td>
               <td align="center" class="bottom-br-none">{{$log_detail->get_score ?? "0"}} / {{$log_detail->total_score ?? "0"}}</td>
             </tr>
             @php  $i++;  @endphp
             @endforeach
           @if($spojresult_match)
       @foreach($spojresult_match as $key => $spojresults_match)
             <tr>
                <td class="bottom-br-none">{{$i++}}</td>
                <td class="bottom-br-none width-sr2">
                 {{$spojresults_match['problem'] ?? ""}}
               </td>
               <td align="center" class="bottom-br-none">0 / {{$spojresults_match['testcase_score'] ?? "0"}}</td>
             </tr>
       @endforeach
           @endif


           </tbody>
         </table>
       </div>
     </div>
     <div class="candidate-exp">
      <label class="candidate-heading">Available Languages :</label>
      <div class="candidate-value">
        @foreach($unique_language as $languagekey => $cluster_languages)
          <span>@if(!empty($cluster_languages['language'])) {{$cluster_languages['language']}} , @endif </span>
          @endforeach
      </div>
    </div>
  </div>
      </div>
    </div>
    
</div> 
<h2 class="g-l-b m-t-20"> PROBLEM DETAILS </h2>
<div class="candidate-info">
  <div id="accordion" class="panel-group">
   @php $i=1; @endphp
   @foreach($log_details as $key => $log_detail)
   <div class="panel m-t-15  js-pro-div-comprehension">
    <div class="panel-heading c-link-txt">
      <h4 class="panel-title">
        <a href="#panelBody{{$i}}" class="accordion-toggle c-dark-gray collapsed" data-toggle="collapse" data-parent="#accordion">
           <span class=""><strong>Problem {{$i}} : </strong> {{$log_detail->problem_details->problem_name ?? ""}} | {{$log_detail->difficulty_level ?? ""}} | Score obtained {{$log_detail->get_score ?? "0"}} / {{$log_detail->total_score ?? "0"}} | {{$log_detail->used_language->language ?? ""}} </span>
        </a>
      </h4>
    </div>
    <div id="panelBody{{$i}}" class="panel-collapse collapse">
      <div class="panel-body p-10">
       <div class="row">
        <div class="col-md-12 m-b-20">
          <div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <h5 style="background: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) !important; margin-right: 0px;" class="card-header text-dark f-14"><strong>Question Description :</strong></h5>
  <div class="card-body p-15">
     <p>{!! $log_detail->question ?? "" !!}</p>
  </div>
</div>


        
       </div>
     </div>
     <div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <div class="card-body p-15">
    <div class="row">
      <!-- <div class="col-md-4">
        <h6>Time taken by candidate : </h6>
        <p>{{$log_detail->total_time or ""}}</p>
      </div> -->
      <div class="col-md-4">
       <h6>Programming Language used :</h6>
       <p>{{$log_detail->used_language->language ?? ""}}</p>
     </div>
     <div class="col-md-4">
       <h6>Result :</h6>
       <p>{{$log_detail->submission_status_code->status_name ?? ""}}</p>
     </div>
   </div>
  </div>
</div>

<div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <h5 style="background: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) !important; margin-right: 0px;" class="card-header text-dark f-14"><strong>Test Cases :</strong></h5>
  <div class="card-body p-15">
    <table class="table table-bordered table-striped">
        <thead class="thead-light"><tr>
         <th>TestCase No.</th>
         <th>Time taken</th>
         <th>Result</th>
       </tr>
     </thead>
     <tbody>
       @php $j=1; $m=0; @endphp
      @if(!empty($log_detail['test_cases']))
       @foreach($log_detail['test_cases'] as $testcase_key => $test_case)
       <tr>
        <td>{{$j}}</td>
        <td>{{$test_case['time']}} sec.</td>
        <td>{{$test_case->submission_status_code['status_name'] ?? ""}} <br> Score <strong>@if($test_case->status_code == 15) {{ $log_detail['test_case_detail'][$m]->score ?? "0"}} @else 0 @endif</strong></td>
      </tr>
      @php $j++; $m++ @endphp
      @endforeach
      @endif
    </tbody>
  </table>
  </div>
</div>


<div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <h5 style="background: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) !important; margin-right: 0px;" class="card-header text-dark f-14"><strong>Submitted Solution :</strong></h5>
  <div class="card-body p-15">
   <p><pre> {{ $log_detail['candidate_answer'] ?? "" }} </pre></p>
  </div>
</div>
</div>
</div>
</div>
@php  $i++;  @endphp
@endforeach
                                  <!--Not attempted start -->

  @if($spojresult_match)
       @foreach($spojresult_match as $key => $spojresults_match)
       @php $j =  $i++;  @endphp
   <div class="panel m-t-15  js-pro-div-comprehension">
    <div class="panel-heading c-link-txt">
      <h4 class="panel-title">
        <a href="#panelBody{{$j}}" class="accordion-toggle c-dark-gray collapsed" data-toggle="collapse" data-parent="#accordion">
           <span class=""><strong>Problem {{$j}} : </strong> {{$spojresults_match['problem'] ?? ""}} | {{$spojresults_match['difficulty_level'] ?? ""}} | Score obtained 0 / {{$spojresults_match['testcase_score'] ?? "0"}} |  </span>
        </a>
      </h4>
    </div>
    <div id="panelBody{{$j}}" class="panel-collapse collapse">
      <div class="panel-body p-10">
       <div class="row">
        <div class="col-md-12 m-b-20">
          <div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <h5 style="background: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) !important; margin-right: 0px;" class="card-header text-dark f-14"><strong>Question Description :</strong></h5>
  <div class="card-body p-15">
     <p>{!! $spojresults_match['question'] ?? "" !!} </p>
  </div>
</div>


        
       </div>
     </div>
     <div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <div class="card-body p-15">
    <div class="row">
     <!--  <div class="col-md-4">
        <h6>Time taken by candidate : </h6>
        <p>0.0</p>
      </div> -->
      <div class="col-md-4">
       <h6>Programming Language used :</h6>
       <p>--</p>
     </div>
     <div class="col-md-4">
       <h6>Result :</h6>
       <p>Not Attempted </p>
     </div>
   </div>
  </div>
</div>

<div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <h5 style="background: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) !important; margin-right: 0px;" class="card-header text-dark f-14"><strong>Test Cases :</strong></h5>
  <div class="card-body p-15">
    <table class="table table-bordered table-striped">
        
  </table>
  </div>
</div>


<div class="card" style="border:1px solid rgba(0,0,0,.125)">
  <h5 style="background: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) !important; margin-right: 0px;" class="card-header text-dark f-14"><strong>Submitted Solution :</strong></h5>
  <div class="card-body p-15">
   <p><pre>  </pre></p>
  </div>
</div>
</div>
</div>
</div>

@endforeach
@endif
<!-- Not attempted end -->
</div>
</div>
@endif
</div> 
</div>