@extends('layouts.main', ['title' => 'Giáo Viên Online | Document', 'sidebarSelected' => '', 'isTeacher' => true])

@push('style')
  @vite(['resources/css/layout/banner_main.css', 'resources/css/teacher_document.css'])
@endpush

@section('content')
  <section class="banner-main position-relative w-100">
    <div class="banner-unit">
      <img src="{{ asset('img/promotion/banner_class.png') }}" alt="" class="w-100">
    </div>
    <div class="banner-main-wrap position-absolute mt-2">
      <div class="banner-main-content text-white">
        <div class="banner-main-header">
          <h2>
            {{ $teacher_online_course->name }} -
            <span class="text-capitalize">
              {{ $teacher_online_course->subject ? $teacher_online_course->subject->name : $teacher_online_course->subject_name }}</span>,
            {{ $teacher_online_course->grade->name }}
          </h2>
          <p>Tài liệu học tập</p>
        </div>

      </div>
    </div>
  </section>
  <section class="teacherDocument-wrap w-100">
    <div class="row">
      <div class="col p-2 p-lg-5">
        <div class="documentWrap table-responsive">

          @if ($errors->has('duplicate_names'))
            <div class="alert alert-danger">
              <p><strong>Bài học này đã bị trùng tên:</strong></p>
              <ul>
                @foreach ($errors->get('duplicate_names') as $duplicateName)
                  <li>{{ $duplicateName }}</li>
                @endforeach
              </ul>
            </div>
          @else
            @if ($errors->any())
              <div class="alert alert-danger">
                <ul>
                  @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                  @endforeach
                </ul>
              </div>
            @endif
          @endif
          @include('custom_errors.session-errors')
          <form class="teacherDocumentData"
            action="{{ route('teachers.updateWeightTeacherDocument', ['teacher_online_course_id' => $teacher_online_course->id]) }}"
            method="POST" enctype="multipart/form-data">
            @method('PATCH')
            @csrf
            <table class="table table-bordered text-center w-100 mb-0">
              <thead>
                <tr class="bgColor py-4">
                  <th></th>
                  <th>Bài tập</th>
                  <th>Bài kiểm tra</th>
                  <th>Thi học kỳ</th>
                </tr>
              </thead>
              <tbody id="lessons-body">
              </tbody>
              <tfoot class="weight-row">
                <tr>
                  <td colspan="1" class="text-end align-middle">Trọng số điểm (Đảm bảo đạt 100%)</td>
                  <td colspan="1" class="text-center align-middle">
                    <input type="number" class="form-control" name="exercise_weight"
                      value="{{ $teacher_online_course->exercise_weight }}" min="0" max="100">
                  </td>
                  <td colspan="1" class="text-center align-middle">
                    <input type="number" class="form-control" name="test_weight"
                      value="{{ $teacher_online_course->test_weight }}" min="0" max="100">
                  </td>
                  <td colspan="1" class="text-center align-middle">
                    <input type="number" class="form-control" name="exam_weight"
                      value="{{ $teacher_online_course->exam_weight }}" min="0" max="100">
                  </td>
                </tr>
                <tr>
                  <td colspan="6" class="text-start p-3">
                    <div class="text-center">
                      <button type="submit" class="btn btn-primary" id="save-button">
                        <i class="fas fa-save"></i> Lưu
                      </button>
                    </div>
                  </td>
                </tr>
              </tfoot>
            </table>
          </form>
        </div>
      </div>
    </div>

  </section>
@endsection

@push('script')
  <script>
    $(document).ready(function() {
      $('form').submit(function(event) {
        event.preventDefault();
        let totalWeight = parseInt($('input[name="exercise_weight"]').val()) + parseInt($(
          'input[name="test_weight"]').val()) + parseInt($('input[name="exam_weight"]').val());
        if (totalWeight !== 100) {
          alert('Tổng trọng số điểm phải là 100%. Vui lòng kiểm tra lại.');
          return false;
        }
        this.submit();
      });
    });
  </script>
@endpush