@php
$mark_update = true;
$q_type = $answer_details->getQuestionType->question_type;
  if($q_type != 1 || $q_type != 2) {
    $answer = $answer_details->exam_answer;
} else{
    $answer = $answer_details->getOption ? ($answer_details->getOption->options ? $answer_details->getOption : '') : '';
}
if(empty($answer))
{
  $mark_update = false;
}
@endphp
<div class="md-content  modal-w-980">
    <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 ">
      <div class="col-sm-12 col-lg-12 min-h-200">
        
        <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-200 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 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="Download File" 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-12" 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-data" width='100%' height='570' allowfullscreen>Download</iframe>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="md-overlay"></div>
</div>