@php
$mark_update = true;
$q_type = $answer_details->getQMSQuestionType->question_type;
$answer = $answer_details->exam_answer;
if(empty($answer))
{
  $mark_update = false;
}
@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') : "";
                        @endphp
                        <tr>
                            <td>{{$i++}}</td>
                            <td>
                              <a href="javascript:" class="btn btn-primary btn-sm sub_doc_download" data-url="{{$s3_url}}"> <em class="fa fa-eye"> </em> </a>
                              <a href="javascript:" class="btn btn-primary btn-sm sub_doc_download_show" data-url="{{$s3_url}}" data-s3_id="{{$doc->s3_id}}"> <em class="fa fa-download"> </em> </a>
                            </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">
              <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>
    </div>               
</div>

<div class="animation-model">           
  <div class="md-modals md-effect-1" 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-data" width='100%' height='570' allowfullscreen>Download</iframe>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="md-overlay"></div>
</div>