@extends ('Layouts.Application')

@section ('MainContent')

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

  <form class="form-horizontal" id="roll-no-input-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;">Student Name</th>
          <th style="text-align: center; font-weight: bold;">Roll No.</th>
          <th style="text-align: center; font-weight: bold;">Contact For SMS</th>
          <th style="text-align: center; font-weight: bold;">Father Number</th>
          <th style="text-align: center; font-weight: bold;">Mother Number</th>
        </tr>
      </thead>
      <tbody>
        @if ($studentDetails->isNotEmpty())
          @foreach ($studentDetails as $key => $student)
            <input type="hidden" name="roll_correction[{{ $key }}][student_id]"
              value="{{ $student->student_id }}" class="form-control input-sm"
            />

            <tr>
              <td>{{ $student->student_name }}</td>
              <td>
                <div class="form-group form-group-sm">
                  <div class="col-sm-12">
                    <input type="text" class="form-control" name="roll_correction[{{ $key }}][roll_no]"
                      value="{{ $student->roll_no }}"
                    />
                  </div>
                </div>
              </td>
              <td>
                <input type="text" class="form-control" placeholder="contact for sms"
                  name="roll_correction[{{ $key }}][contact_for_sms]" value="{{ $student->contact_for_sms }}"
                />
              </td>
              <td>
                <input type="text" class="form-control" placeholder="father mobile"
                  name="roll_correction[{{ $key }}][father_mobile]" value="{{ $student->father_mobile }}"
                />
              </td>
              <td>
                <input type="text" class="form-control" placeholder="mother mobile"
                  name="roll_correction[{{ $key }}][mother_mobile]" value="{{ $student->mother_mobile }}"
                />
              </td>
            </tr>
          @endforeach
        @endif
      </tbody>
      <tfoot>
        <tr>
          <td colspan="6"><button type="button" class="submit-card-no-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', '.submit-card-no-btn', function () {
    $.ajax({
      type: "POST",
      url: baseURL + '/!/Settings/Student/roll_correction',
      data: $('#roll-no-input-form').serialize(),
      success: function (response) {
        if (response.status == 'success') {
          alert(response.message);
        } else {
          alert(response.message);
        }
      }
    });
  });
});
</script>

@endsection