@php
$mark_update = true;
$q_type = $answer_details->getQMSQuestionType->question_type;
//$answer = $answer_details->exam_answer;
$answer = $answer_content;
if(empty($answer))
{
  $mark_update = false;
}

function getextension($path){
$extension = pathinfo($path, PATHINFO_EXTENSION);
$explode = explode('?',$extension);
return $explode[0];
}
$image_count = [];
@endphp
<div class="md-content">
    <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close hme-modal-close js-pro-invidual-question-close-btn" ><span class="hiremee-multiply f-18"></span></button>
    
    <div class="row p-l-15 p-r-15 min-h-200">
      <div class="col-sm-12 col-lg-12">
          <div class="page-header-title m-t-10 m-b-20">
             <h4 class="g-l-b">Question</h4>
          </div>
          
          <div class="row form-group m-b-8">
              <div class="col-md-4 text-left f-w-400 m-b-8"> Question :</div>
              <div class="col-md-8 w-b-all text-left f-w-400 m-b-8 max-h-250"> {!! $list ? $list->question : "" !!}</div>
          </div>
          
          <div class="row form-group m-b-8">
              <div class="col-md-4 text-left f-w-400 m-b-8"> Answer :</div>
              <div class="col-md-8 w-b-all text-left f-w-400 m-b-8">
                  {!! $answer !!}
              </div>
          </div>

          @if($list->sub_question_upload == 1)
            @if(count($subj_doc_list))
              <div class="row form-group m-b-8">
                <div class="col-md-4 text-left f-w-400 m-b-8"> Documents :</div>
                <div class="col-md-8 w-b-all text-left f-w-400 m-b-8">
                  <table class="table tbl-truncate pro-list-table">
                    <tbody>
                      <tr>
                          <th> # </th>
                          <th> Files</th>
                      </tr>
                      
                      <div class="hme-loading-mask" style="height: 100%;">
                        <div class="hme-loading-container">
                            <div class="hme-dual-ring"></div>
                            <div>Please wait, Loading...</div>
                        </div>
                      </div>
                      @php $i=1; @endphp
                      @foreach($subj_doc_list as $doc)
                        @php
                          $s3_url= $doc ? \HireMeeHelper::getAWSImageUrl($doc->s3_id,config('filesystems.disks.hiremeeprodev.bucket'),'hiremeeprodev') : "";
                          $check_extn = getextension($s3_url);
                        @endphp
                           <tr>
                            <td>{{$i++}}</td>
                            <td>
                              @if($check_extn == 'pdf')
                              <a href="javascript:" class="btn btn-primary btn-sm js-pro-subjective-tooltip sub_doc_download" data-toggle="tooltip" data-placement="top"  title="" data-original-title="View File" data-url="{{$s3_url}}"> <em class="fa fa-eye"> </em> </a>

                              <a href="javascript:" class="btn btn-primary btn-sm js-pro-subjective-tooltip sub_doc_download_show" data-toggle="tooltip" data-placement="top" title="" data-original-title="PDF Download File" data-url="{{$s3_url}}" data-s3_id="{{$doc->s3_id}}"> <em class="fa fa-download"> </em> </a>

                              @else 
                              @php $image_count[] = getextension($s3_url); @endphp 

                              <input type="hidden" name="bulk_image[]" value="{{$s3_url}}" id="bulk_image">

                              <a href="javascript:" class="btn btn-primary btn-sm js-pro-subjective-tooltip sub_img_download" data-toggle="tooltip" data-placement="top"  title="" data-original-title="View File" data-url="{{$s3_url}}"> <em class="fa fa-eye"> </em> </a>

                               <a href="javascript:" class="btn btn-primary btn-sm js-pro-subjective-tooltip sub_doc_download_show" data-toggle="tooltip" data-placement="top" title="" data-original-title="Image Download File" data-url="{{$s3_url}}" data-s3_id="{{$doc->s3_id }}"> <em class="fa fa-download"> </em> </a>

                               <a href="javascript:" class="btn btn-primary btn-sm js-pro-subjective-tooltip image_pdf_download" data-toggle="tooltip" data-placement="top" title="" data-original-title="Image PDF Download File" data-url="{{$s3_url}}" data-s3_id="{{$doc->s3_id }}"> <em class="fa fa-file-pdf-o fa-2x"> </em> </a>


                              @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                  </table>
                </div>
              </div>
              @php $mark_update = true; @endphp
            @elseif(empty($answer) && count($subj_doc_list)==0)
              @php $mark_update = false; @endphp
            @endif
          @endif
          
          <div class="row form-group m-b-8">
            @if(count($image_count) > 1)
              <div class="col-md-4 text-left f-w-400 m-b-8"></div>
              <div class="col-md-8 text-truncate text-left f-w-400 m-b-8"> Click here to download the all images as PDF &nbsp;&nbsp;<a href="javascript:" class="btn btn-primary btn-sm js-pro-subjective-tooltip image_pdf_download" data-toggle="tooltip" data-placement="top" title="" data-original-title="" data-url="" data-s3_id=""> <em class="fa fa-file-pdf-o fa-2x "> </em> </a></div>
            @endif
              <div class="col-md-4 text-left f-w-400 m-b-8"> Max Marks :</div>
              <div class="col-md-8 text-truncate text-left f-w-400 m-b-8"> <label class="badge f-16 badge-primary">{{$list ? $list->score : ""}}</label></div>
          </div>
                        
          <div class="row form-group">
              <div class="col-md-4 text-left f-w-400 m-b-8"> Marks :</div>
              <div class="col-md-4 text-truncate text-left f-w-400 m-b-8"> <input type="text" name="subjective_score" class="form-control js-tooltip-validate js-pro-individual-subjective_score"  placeholder="" data-max="{{$list ? $list->score : 0}}"  data-answer="{{ $answer }}"  id="js-pro-subjective_score_{{$testpin}}_{{$assign_id}}" value="0" minlength="1"  maxlength="2"  ></div>
          </div>
                        
          <div class="row m-t-20">
              <input type="hidden" name="candidate_id" class="candidate_id" value="">
              <div class="col-sm-12 d-flex justify-content-center">
                <button type="submit" class="btn btn-primary f-16 pull-right js-pro-invidual-question-score-update" data-qtype="{{$q_type}}" data-qid="{{$list->id}}" data-testpin="{{$testpin}}"  data-ass_id="{{$assign_id}}" data-answer="{{ $answer }}"   data-assessment_id="{{$assessment_id}}" data-status="{{ $mark_update }}" data-testinventory="1"> Update</button>
              </div>
              <div class="col-md-2"></div>
          </div>
      </div>
    </div>
                   
</div>

<!-- PDf Preview Modal -->
<div class="animation-model test-modal">           
  <div class="md-modals md-effect-13" data-backdrop="false" id="js-subjective-doc-load-iframe" >
    <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="clear_frame_modal"><span class="hiremee-multiply f-18"></span></button>
      <div class="hme-loading-mask" style="height: 100%;">
          <div class="hme-loading-container" >
            <div class="hme-dual-ring"></div>
            <div>Please wait, Loading...</div>
          </div>
      </div>
      <div class="row p-l-15 m-h-700 p-r-15">
        <div class="col-sm-12 col-lg-12">
          <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b"></h4>
          </div>
          <div class="min-h-550">
              <iframe id="js-load-doc-data" width='100%' height='570' allowfullscreen>Download</iframe>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="md-overlay"></div>
</div>

 <!-- IMG Preview Modal -->
<div class="animation-model test-modal">           
  <div class="md-modals md-effect-13" data-backdrop="false" id="js-subjective-img-load-iframe" style="width: 1070px;">
    <div class="md-content">
      <button type="button" class="btn btn-primary btn-icon-custom waves-effect md-close login-close-btn" id="clear_frame_modal"><span class="hiremee-multiply f-18"></span></button>
      <div class="hme-loading-mask" style="height: 100%;">
          <div class="hme-loading-container" >
            <div class="hme-dual-ring"></div>
            <div>Please wait, Loading...</div>
          </div>
      </div>
      <div class="row p-l-15 m-h-700 p-r-15">
        <div class="col-sm-12 col-lg-12">
          <div class="page-header-title m-t-10 m-b-20">
               <h4 class="g-l-b"></h4>
            </div>
            <!-- <div class="min-h-550">
         <iframe id="js-load-data" width='100%' height='570' allowfullscreen>Download</iframe>
            </div>
          </div> -->
          <div class="min-h-550">
               <img id="js-load-img-data" class="img-pr"  style="width:100%; height:570px; object-fit: contain;" allowfullscreen></img>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="md-overlay"></div>
</div>