@extends('admin.layout.app')

@push('style')
  @vite('resources/css/admin/table.css')
  @vite('resources/css/admin/responsive/main.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">Danh sách khóa học online - offline</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 active">Danh sách khóa học online - offline</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">
                  <form id="condition_form" class="search-form col-sm-10 d-flex flex-column w-auto px-0" action=""
                    method="GET">
                    <div class="input-group search-flex-unset col-sm-6 mb-3 pe-0 ps-0">
                      <div class="input-group-prepend">
                        <span class="input-group-text"><i class="fa-solid fa-magnifying-glass"></i></span>
                      </div>
                      <input name="search" type="text" class="form-control"
                        placeholder="Nhập tên giáo viên, tên khoá học" value="{{ request('search') }}">
                    </div>
                    <div class="input-group btn-search-form-wrap mb-3 pe-0 ps-0">
                      <button class="btn btn-primary">Tìm kiếm</button>
                    </div>
                    <div class="d-flex select-index select-index-3 gap-5">
                      <div class="">
                        <div class="form-group">
                          <select class="form-control active-select select-submit select-status select-room-size"
                            name="subject">
                            <option value="" {{ request('subject') == '' ? 'selected' : '' }}>Tất cả các môn
                            </option>
                            @foreach (\App\Enums\Subject::arraySubject as $subject)
                              <option value="{{ $subject->value }}"
                                {{ request('subject') === (string) $subject->value ? 'selected' : '' }}>
                                {{ $subject->name() }}</option>
                            @endforeach
                            @foreach ($teacherOnlineCourseData['arraySubject'] as $subject)
                              <option value="{{ $subject->subject_name }}"
                                {{ request('subject') === (string) $subject->subject_name ? 'selected' : '' }}>
                                {{ $subject->subject_name }}</option>
                            @endforeach
                          </select>
                        </div>
                      </div>
                      <div class="">
                        <div class="form-group">
                          <select class="form-control active-select select-submit select-type-teach" name="grade">
                            <option value="" {{ request('grade') === '' ? 'selected' : '' }}>Tất cả lớp
                            </option>
                            @foreach (\App\Enums\Grades::arrayGrade as $grade)
                              @if ($grade->value != 1)
                                <option value="{{ $grade->value }}"
                                  {{ request('grade') === (string) $grade->value ? 'selected' : '' }}>
                                  {{ $grade->name() }}</option>
                              @endif
                            @endforeach
                            </option>
                          </select>
                        </div>
                      </div>
                      <div class="">
                        <div class="form-group">
                          <select class="form-control active-select select-submit select-type-teach" name="status">
                            <option value="" {{ request('status') === '' ? 'selected' : '' }}>Tất cả trạng thái
                            </option>
                            <option value="1" {{ request('status') === '1' ? 'selected' : '' }}>Chờ xác nhận
                            </option>
                            <option value="4" {{ request('status') === '4' ? 'selected' : '' }}>Đã hủy</option>
                            <option value="2" {{ request('status') === '2' ? 'selected' : '' }}>Đã xác nhận</option>
                          </select>
                        </div>
                      </div>
                    </div>
                  </form>
                  <div class="col-sm-2 d-flex justify-content-end w-auto px-0">
                    <div>
                      <div class="d-flex flex-row-reverse">
                        <a href="{{ route('admin.teacher_online_course.viewCreate') }}" type="button" id="add-record"
                          class="btn btn-primary">
                          <i class="fa fa-plus"></i>
                        </a>
                      </div>
                    </div>
                  </div>
                </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-10" name="id">
                            <span class="me-2">Tên giáo viên</span>
                          </th>
                          <th class="w-20" name="name">
                            <span class="me-2">Tên khóa</span>
                          </th>
                          <th class="w-10">
                            <span class="me-2">Số lượng đăng ký</span>
                          </th>
                          <th class="w-20">
                            <span class="me-2">Môn học - Lớp</span>
                          </th>
                          <th class="w-15">Tài liệu học tập - Bài kiểm tra</th>
                          <th class="15">
                            <span class="me-2">Trạng thái</span>
                          </th>
                          <th class="w-10">Hành động</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($teacherOnlineCourseData['courseDatas'] as $data)
                          <tr class="odd">
                            <td>
                              {{ $data->fullname }}
                            </td>
                            <td>
                              {{ $data->course_name }}
                            </td>
                            <td>
                              {{ $data->total_student_joined }}
                            </td>
                            <td class="text-capitalize">
                              @if (!is_null($data->subject_id))
                                {{ \App\Enums\Subject::from($data->subject_id)->name() . ' - ' . \App\Enums\Grades::from($data->grade_id)->name() }}
                              @else
                                {{ $data->subject_name . ' - ' . \App\Enums\Grades::from($data->grade_id)->name() }}
                              @endif
                            </td>
                            <td>
                              <div>
                                <span class="text-nowrap">{{ 'Số tài liệu học tập: ' . $data->totalDetail }}</span>
                                <span class="text-nowrap">{{ 'Số  bài kiểm tra: ' . $data->totalExercise }}</span>
                              </div>
                            </td>
                            <td>
                              <span
                                class="{{ $data->status == 1 ? 'badge bg-warning' : ($data->status == 2 ? 'badge bg-success' : 'badge bg-danger') }}">{{ $data->status == 1 ? 'Chờ xác nhận' : ($data->status == 2 ? 'Đã xác nhận' : 'Đã hủy') }}</span>
                            </td>
                            <td class="text-nowrap">
                              <a class="btn btn-warning edit-record"
                                href="{{ route('admin.teacher_online_course.detail', $data->course_id) }}"
                                type="button">
                                <i class="fa fa-eye"></i>
                              </a>
                              <a class="btn btn-primary edit-record"
                                href="{{ route('admin.teacher_online_course.viewEdit', $data->course_id) }}"
                                type="button">
                                <i class="fa fa-edit"></i>
                              </a>
                              <button class="btn btn-danger delete_record" type="button"
                                data-id="{{ $data->course_id }}">
                                <i class="fa fa-trash"></i>
                              </button>
                              <a class="btn btn-primary edit-record"
                                href="{{ route('admin.teacher_online_course.detailLession', $data->course_id) }}"
                                type="button" title="Chi tiết khóa học">
                                <i class="fa-solid fa-circle-info"></i>
                              </a>
                            </td>
                          </tr>
                        @endforeach
                      </tbody>
                      <tfoot>
                      </tfoot>
                    </table>
                  </div>
                </div>
                {{ $teacherOnlineCourseData['courseDatas']->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.delete') }}">
          @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