@extends('survey::layouts.master')

{{-- inject --}}
@inject('helper', 'Modules\Survey\Http\Helpers\ViewHelper')

{{-- Style --}}
@push('links')
<link href="{{ asset('css/datatable/datatables.min.css') }}" rel="stylesheet" type="text/css">
@endpush

{{-- 內容 --}}
@section('content')
<form method="POST" id="formStatus">
  <div class="csrfDiv">{{csrf_field()}}</div>
</form>

@include('custom::component.reply-btn', ['url' => route('admin.survey.answer.index', $survey->id)])
<div class="row mb-3">
  <div class="col overflow-auto">
    <table class="table table-striped table-hover steps-datatable" id="dataTable">
      <thead class="thead-light text-center">
        <tr>
          <th scope="row">題號</th>
          <th scope="row">題目</th>
          <th scope="row">答案</th>
        </tr>
      </thead>
      <tbody>
        @if($survey->questions()->count()>0)
        @foreach ($survey->questions()->orderBy('sort')->get() as $question)
          <tr>
            <td class="text-center align-middle">第 {{$question->pivot->sort}} 題</td>
            <td class="text-center align-middle">{{$question->title}}</td>
            <td>
              {!! $helper->renderQuestion($question->id, $question->pivot->required, isset($answer[$question->id])?$answer[$question->id]:'') !!}
            </td>
          </tr>
        @endforeach
        @else
        <tr><td colspan="3" class="text-center">查無資料</td></tr>
        @endif
      </tbody>
      <tfoot></tfoot>
    </table>
  </div>
</div>
@endsection

{{-- Script --}}
@push('scripts')
<script type="text/javascript" src="{{ asset('js/datatable/datatables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/datatable/datatable-default-setting.js') }}"></script>
<script type="text/javascript">
if (typeof Object.assign != 'function') {
  Object.assign = function(target) {
    'use strict';
    if (target == null) {
      throw new TypeError('Cannot convert undefined or null to object');
    }

    target = Object(target);
    for (var index = 1; index < arguments.length; index++) {
      var source = arguments[index];
      if (source != null) {
        for (var key in source) {
          if (Object.prototype.hasOwnProperty.call(source, key)) {
            target[key] = source[key];
          }
        }
      }
    }
    return target;
  };
}
dataTableDefSetting.language.searchPlaceholder = "搜尋";
var table = $("#dataTable").DataTable(Object.assign(dataTableDefSetting, {
  stateSave: true,
  columns: [
    null,
    null,
    { "width": "45%" }
  ]
}));

</script>
@endpush