@extends('admin.layout.app')

@push('style')
  @vite('resources/css/admin/table.css')
  @vite('resources/css/admin/responsive/main.css')
@endpush

@php
  function getFilePath($filePath): array
  {
      $file = optional(json_decode($filePath, true))[0] ?? '';
      $fileName = basename($file);
      return [
          'file' => $file ? Storage::url($file) : '#',
          'name' => $fileName,
      ];
  }
  function getVideoPath($filePath): array
  {
      $file = optional(json_decode($filePath, true))[0] ?? '';
      $fileName = basename($file);
      return [
          'file' => $file ?? '#',
          'name' => $fileName,
      ];
  }
@endphp

@section('content')
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="m-0">Tài liệu học tập</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.index') }}">Danh sách khóa học
                online - offline</a>
            </li>
            <li class="breadcrumb-item active">Tài liệu học tập</li>
          </ol>
        </div>
      </div>
      @if (session()->has('error'))
        <div class="alert alert-danger alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          <h5><i class="icon fas fa-ban"></i>Lỗi</h5>
          <p>{{ session('error') }}</p>
        </div>
      @endif
      @if (session()->has('message'))
        <div class="alert alert-success alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          <h5><i class="icon fas fa-check"></i>Thành công</h5>
          <p>{{ session('message') }}</p>
        </div>
      @endif
    </div>
  </div>

  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            {{-- <div class="card-header">
              <div class="col-xs-12 col-lg-12">
                <div class="row justify-content-between">
                </div>
              </div>
            </div> --}}
            <!-- /.card-header -->
            <div class="card-body">
              <div id="example2_wrapper" class="dataTables_wrapper dt-bootstrap4">
                <div class="row">
                  <div class="col-sm-12 col-md-6"></div>
                  <div class="col-sm-12 col-md-6"></div>
                </div>
                <div class="row mb-2">
                  <div class="col-sm-12 table-responsive">
                    <table id="example2"
                      class="table-logo sort-table table-bordered table-hover dataTable dtr-inline table"
                      aria-describedby="example2_info">
                      <thead>
                        <tr>
                          <th class="w-15">
                            <span class="me-2">Nội dung</span>
                          </th>
                          <th class="w-20">
                            <span class="me-2">Bài giảng</span>
                          </th>
                          <th class="">
                            <span class="me-2">Video</span>
                          </th>
                          <th class="w-20">
                            <span class="me-2">Bài tập</span>
                          </th>
                          <th class="w-20">
                            <span class="me-2">Bài kiểm tra</span>
                          </th>
                          <th class="w-20">
                            <span class="me-2">Thi học kỳ</span>
                          </th>
                          <th class="w-5">Xóa</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($lessionDatas as $data)
                          <tr class="odd">
                            <td>{{ $data->name }}</td>
                            <td><a target="_blank" rel="noopener noreferrer"
                                href="{{ getFilePath($data->file)['file'] }}">{{ getFilePath($data->file)['name'] }}</a>
                            </td>
                            <td><a target="_blank" rel="noopener noreferrer"
                                href="{{ getVideoPath($data->video)['file'] }}">{{ getVideoPath($data->video)['name'] }}</a>
                            </td>
                            @if (!is_null($data->teacher_course_exercise))
                              @if ($data->teacher_course_exercise->status == 1)
                                <td>Bộ đề sử dụng câu hỏi của sieuhoc</td>
                              @else
                                <td>
                                  <a class="btn btn-primary"
                                    href="{{ route('admin.teacher_online_course.detailAnswerQuestion', ['type' => 'exercise', 'id' => $data->id]) }}">Chi
                                    tiết các câu hỏi</a>
                                </td>
                              @endif
                            @else
                              <td>--</td>
                            @endif
                            @if (!is_null($data->teacher_course_test))
                              @if ($data->teacher_course_test->status == 1)
                                <td>Bộ đề sử dụng câu hỏi của sieuhoc</td>
                              @else
                                <td>
                                  <a class="btn btn-primary"
                                    href="{{ route('admin.teacher_online_course.detailAnswerQuestion', ['type' => 'test', 'id' => $data->id]) }}">Chi
                                    tiết các câu hỏi</a>
                                </td>
                              @endif
                            @else
                              <td>--</td>
                            @endif
                            @if (!is_null($data->teacher_course_exam))
                              @if ($data->teacher_course_exam->status == 1)
                                <td>Bộ đề sử dụng câu hỏi của sieuhoc</td>
                              @else
                                <td>
                                  <a class="btn btn-primary"
                                    href="{{ route('admin.teacher_online_course.detailAnswerQuestion', ['type' => 'exam', 'id' => $data->id]) }}">Chi
                                    tiết các câu hỏi</a>
                                </td>
                              @endif
                            @else
                              <td>--</td>
                            @endif
                            <td>
                              <button class="btn btn-danger delete_record" type="button" data-id="{{ $data->id }}">
                                <i class="fa fa-trash"></i>
                              </button>
                            </td>
                          </tr>
                        @endforeach
                      </tbody>
                      <tfoot>
                      </tfoot>
                    </table>
                  </div>
                </div>
                {{ $lessionDatas->links('admin.elements.admin-paginate') }}
              </div>
            </div>
            <!-- /.card-body -->
          </div>
        </div>
      </div>
    </div>
  </section>
  <div class="modal fade" id="modal-delete">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5">Bạn có chắc là muốn xóa dữ liệu này không?</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form method="POST" action="{{ route('admin.teacher_online_course.deleteLession') }}">
          @csrf
          <input id="delete_id" type="hidden" name="delete_id" />
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Hủy</button>
            <button type="submit" class="btn btn-danger">Xóa</button>
          </div>
        </form>
      </div>
    </div>
  </div>
@endsection

@push('script')
  @vite('resources/js/admin/admin.js');
@endpush