@php
  $due_diligence_id = $due_diligence->id;
  $due_diligence_title = $due_diligence->title;
@endphp
<div class="offcanvas-header">
  <h5 id="offcanvas_view_due_diligence_question_label" class="offcanvas-title">View Questions ({{ $due_diligence_title }})</h5>
  <span id="action_guide_span" class="text-danger" style="display: none;">press tab to update question order</span>
  <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body mx-0 py-0">
  <!--  -->
  <div class="col-md-12">
    <div class="card h-100">
      <div class="table-responsive">
        <table class="table table-borderless border-top" id="view_question_table">
          <thead class="border-bottom">
            <tr>
              <th>Title</th>
              <th>Type</th>
              <th>File Type</th>
              <th>Options</th>
              <th>Order</th>
              <th>Required</th>
              <th>Message</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            @if(@$due_diligence_questions->isNotEmpty())
              @foreach($due_diligence_questions as $key => $record)
                @php
                  $due_diligence_question_id = $record->id;
                  $title = $record->title;
                  $field_type = $record->field_type;
                  $file_type = @json_decode($record->file_type) ?? [];
                  $order = $record->order;
                  $is_required = $record->is_required;
                  $have_option = $record->have_option;
                  $message = $record->message;
                  $question_option_arr = [];
                @endphp
                <tr>
                  <td>
                    @if($title != '' && strlen($title) > 15)
                      {!! substr($title, 0, 15)  !!}
                      <a href="javascript:void(0);" class="d-block readMore" data-title="Question Title" data-description="{{$title}}">
                        <span class="badge bg-label-primary">Read More</span>
                      </a>
                    @else
                      {{ $title == "" ? '--' : $title }}
                    @endif 
                  </td>
                    
                  <td>
                    {{ @$question_type_arr[$field_type] }}
                  </td>
                    
                  <td>
                    @if($file_type)
                      @if(@in_array('all',$file_type))
                        {{ @$file_type_arr['all'] }}
                      @else
                        @foreach($file_type as $_file_type)
                          <span>{{ @$file_type_arr[$_file_type] }}</span>
                          @if(!$loop->last)
                          ,
                          @endif
                        @endforeach
                      @endif
                    @else
                      --
                    @endif
                  </td>

                  <td>
                    @foreach($due_diligence_question_option as $question_option)
                      @if($question_option->due_diligence_questions_id == $due_diligence_question_id)
                        @php
                          $option['caption'] = $question_option->caption;
                          $option['have_field'] = $question_option->have_field;
                          $option['field_type'] = $question_option->field_type;
                          array_push($question_option_arr,$option);
                        @endphp
                      @endif
                    @endforeach
                    @if($have_option == 'Y')  
                      <a href="javascript:void(0);" class="view_question_option" data-question_option="{{json_encode($question_option_arr)}}" data-parent_field_type="{{$field_type}}" data-question_title="{{ $title }}">
                        <span class="badge bg-info">
                          view
                        </span>
                      </a>
                    @else
                      --  
                    @endif
                  </td>
                  
                  <td>
                    <div style="width: 5rem;">
                      <input class="form-control update_question_order" type="number" min="1" placeholder="Order" tabindex="{{ $key+1 }}" value="{{$order}}" action_url="{{ tokenize_url(route('admin.master.due_diligence.update_question_order'),['due_diligence_question_id'=>$due_diligence_question_id,'due_diligence_id'=>$due_diligence_id]) }}" />
                    </div>
                  </td>

                  <td>
                    {{ $is_required }}
                  </td>

                  <td>
                     @if($message != '' && strlen($message) > 15)
                      {!! substr($message, 0, 15)  !!}
                      <a href="javascript:void(0);" class="d-block readMore" data-title="{{ $title }}" data-description="{{$message}}">
                        <span class="badge bg-label-primary">Read More</span>
                      </a>
                    @else
                      {{ $message == "" ? '--' : $message }}
                    @endif 
                  </td>

                  <td>
                    <div class="text-nowrap">
                      <a href="javascript:void(0);" class="edit_question" data-action_url="{{ tokenize_url(route('admin.master.due_diligence.get_edit_questions_form'),['due_diligence_question_id' => $due_diligence_question_id,'due_diligence_id'=>$due_diligence_id]) }}">
                        <i class="ti ti-edit ti-sm me-1"></i>
                      </a>

                      <a href="javascript:void(0);" data-id="{{$due_diligence_question_id}}" data-action_url="{{  tokenize_url(route('admin.master.due_diligence.destroy_question'),['due_diligence_id' => $due_diligence_id]) }}" data-container_id = "offcanvas_view_due_diligence_question" data-container_type="div"  class="delete_confirm_ajax">
                        <i class="ti ti-trash ti-sm me-1"></i>
                      </a>
                    </div>
                  </td>
                </tr>
              @endforeach
            @else
              <tr>
                <td class="col-span-4">
                  <span class="text-danger">no record found</span>
                </td>
              </tr>
            @endif
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <!--  -->
</div>