@extends ('Layouts.Application')

@section ('MainContent')

<div class="table-responsive">
  @include ('Layouts.FormValidationErrors')
  @include ('Layouts.ErrorSuccessAndWarninMessages')

  <form class="form-horizontal" id="rfid-correction-form">
    @csrf

    <table class="table table-condensed table-striped table-bordered" style="font-size: 10px;">
      <thead>
        <tr style="background-color: green; color: white;">
          <th style="text-align: center; font-weight: bold;">Roll No.</th>
          <th style="text-align: center; font-weight: bold;">Student Name</th>
          <th style="text-align: center; font-weight: bold;">Student ID</th>
          <th style="text-align: center; font-weight: bold;">RFID Card Number</th>

          <input type="hidden" name="branch_and_version" value="{{ $branchAndVersionId }}">
          <input type="hidden" name="class_name" value="{{ $classId }}">
          <input type="hidden" name="group_name" value="{{ $groupId }}">
          <input type="hidden" name="section_name" value="{{ $sectionId }}">
          <input type="hidden" name="academic_year" value="{{ $academicYear }}">
        </tr>
      </thead>
      <tbody>
        @if ($studentDetails->isNotEmpty())
          @foreach ($studentDetails as $key => $student)
            <tr>
              <td>{{ $student->roll_no }}</td>
              <td>{{ $student->student_name }}</td>
              <td>{{ $student->system_generated_student_id }}</td>
              <td>
                <div class="form-group form-group-sm">
                  <div class="col-sm-12">
                    <input type="hidden" name="rfid_correction[{{ $key }}][student_id]"
                      value="{{ $student->student_id }}"
                    />
                    <input type="text" class="form-control"
                      name="rfid_correction[{{ $key }}][rfid]" value="{{ $student->rfid_card_no_real }}"
                    />
                  </div>
                </div>
              </td>
            </tr>
          @endforeach
        @endif
      </tbody>
      <tfoot>
        <tr>
          <td colspan="4">
            <button type="button" class="rfid-correction-btn btn btn-primary btn-block">
              <i class="fa fa-floppy-o"></i> Save
            </button>
          </td>
        </tr>
      </tfoot>
    </table>
  </form>
</div>

<script>
$(document).ready(function () {
  $(document).on('click', '.rfid-correction-btn', function () {
    $.ajax({
      type: "POST",
      url: baseURL + '/!/Settings/Student/rfid_correction',
      data: $('#rfid-correction-form').serialize(),
      success: function (response) {
        if (response.status == 'success') {
          alert(response.message);
        } else {
          alert(response.message);
        }
      }
    });
  });
});
</script>

@endsection