@extends('admin.layout.app')

@push('style')
  @vite('resources/css/admin/teacher_course.css')
@endpush

@section('content')
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Bài kiểm tra</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href=" {{ route('admin.home') }} ">Trang chủ</a></li>
            <li class="breadcrumb-item"><a
                href=" {{ route('admin.teacher_online_course.detailLession', $datas['courseId']) }} ">Tài
                liệu học tập</a></li>
            <li class="breadcrumb-item active">Bài kiểm tra</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <div class="card card-primary primary-card-min-height">
            <div class="card-header">
              <h3 class="card-title">Thông tin bài kiểm tra</h3>
            </div>
            <form novalidate="novalidate" enctype="multipart/form-data" method="POST" action="">
              @csrf
              <div class="card-body">
                @foreach ($datas['questionAnswerData'] as $key => $data)
                  <div class="">
                    <div>
                      <div class="mb-3">
                        <span
                          class="fw-bold">{{ is_null(request('page')) ? 'Câu hỏi : ' . $key + 1 : 'Câu hỏi ' . (request('page') - 1) * 2 + ($key + 1) . ': ' }}</span>
                        <span class="">{!! $data->question_text !!}</span>
                      </div>
                      <div class="row">
                        <img class="col-4" src="{{ $data->question_image }}" class="img-fluid rounded-top"
                          alt="" />
                      </div>
                    </div>
                    <div class="d-flex flex-column mb-3">
                      @if (!is_null($data->result))
                        @foreach (json_decode($data->choices) as $choice)
                          <div class="d-flex ms-3 gap-2">
                            <div>
                              <input disabled class="form-check-input" type="radio"
                                {{ mb_substr($choice, 0, 1) == $data->result ? 'checked' : '' }}>
                            </div>
                            <span
                              class="d-flex gap-2 {{ mb_substr($choice, 0, 1) == $data->result ? 'text-success' : '' }}">{!! $choice !!}</span>
                          </div>
                        @endforeach
                      @endif
                    </div>
                    <div>
                      <div class="mb-3">
                        <span class="fw-bold">Giải thích: </span>
                        <span>{!! $data->answer_text !!}</span>
                      </div>
                      <div class="row">
                        <img class="col-4" src="{{ $data->answer_image }}" class="img-fluid rounded-top"
                          alt="" />
                      </div>
                    </div>
                  </div>
                @endforeach
              </div>
              <div class="mb-3 px-3">
                {{ $datas['questionAnswerData']->links('admin.elements.admin-paginate') }}
              </div>
              <input type="text" name="lession_id" value="{{ $datas['courseId'] }}" hidden>
              {{-- @if (isset($datas['status']) && $datas['status'] == 1)
                <div class="card-footer d-flex flex-row-reverse">
                  <button type="submit" class="btn btn-danger" name="active" value="cancel">Khóa bài kiểm tra</button>
                </div>
              @elseif(isset($datas['status']) && $datas['status'] == 0)
                <div class="card-footer d-flex flex-row-reverse">
                  <button type="submit" class="btn btn-success" name="active" value="open">Mở khóa bài kiểm
                    tra</button>
                </div>
              @endif --}}
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@push('script')
@endpush