@extends('layouts/ums_layout')
@section('title', '| Trimester')
@section('content')
@include('successMsg')
@php use Illuminate\Support\Facades\Crypt; @endphp 
<div class="row">
  <div class="col-md-12">
    <div class="" style="">
      <div class="">
        <div class="panel panel-default" style="background-color:#708090;">
          <div class="panel-heading" style="padding-bottom:0px">
            <div class="panel-options">
              <a href="{{url('ums/addCourseMarks')}}" class="btn btn-info pull-right addViewBtn" style=""><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add
               Marks</a>
            </div>
            <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Marks Summary</h3>
          </div>
          <div class="panel-body panelBodyView">
            
            <table class="table table-striped table-bordered" id="subjectsAndMatksTable">
              <thead>
                <tr>
                  <th width="32">SL#</th>
                  <th>Trimester</th>
                  <th>Course</th>
                  <th>Passed Students</th>
                  <th>Failed Students</th>
                  <th>Excellent Students</th>
                  <th>Total Students</th>
                  <th class="" width="80">Actions</th>
                </tr>
                {{ csrf_field() }}
              </thead>
              <tbody>
                  @php $sl =0 ;@endphp
                  @for($i=0;$i<count($data);$i++)
                    <tr>
                        <td>{{++$sl}}</td>
                        <td>{{$data[$i]["trimester"]}} - {{$data[$i]["year"]}}</td>
                        <td>{{$data[$i]["course"]}}</td>
                        <td>{{$data[$i]["passedStudents"]}}</td>
                        <td>{{$data[$i]["failedStudents"]}}</td>
                        <td>{{$data[$i]["excellent"]}}</td>
                        <td>{{$data[$i]["totalStudents"]}}</td>
                        @php  $parameter= Crypt::encrypt($data[$i]["courseId"]); @endphp
                        <td><a id="editIcone" href="{{url('./ums/viewCourseMarks',$parameter)}}" class="view-modal" >
                            <span class="fa fa-eye"></span></td>
                    </tr>
                  @endfor
              </tbody>
            </table>
         
          </div>
        </div>
      </div>
    </div>
  </div> 
</div>





{{-- Delete Modal --}}
  <div id="deleteModal" class="modal fade" style="margin-top:3%">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px">Delete!</h4>
        </div>
        <div class="modal-body">
          <h2>Are You Confirm to Delete This Record?</h2>

          <div class="modal-footer">
          {!! Form::hidden('DMDeleteId',null,['id'=>'DMDeleteId']) !!}

            <button id="DMconfirmButton"  class="btn btn-danger" type="submit" onclick="deleteData();"> <span>Confirm</span></button>
            <button  class="btn btn-warning glyphicon glyphicon-remove" data-dismiss="modal" type="button"> Close</button>
            {!! Form::close() !!}

          </div>

        </div>
      </div>
    </div>
  </div>
  {{-- End Delete Modal --}}

@include('dataTableScript')
@endsection



<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">
$( document ).ready(function() {
 
    $(document).on('click', '.delete-modal', function() {
        var deleteId = $(this).attr("deleteId");
        $("#deleteModal").modal('show');
        $('#DMDeleteId').val(deleteId);

    });
      
});
  
function deleteData() {

    event.preventDefault();
    var deleteId= $('#DMDeleteId').val();
    var csrf = "{{csrf_token()}}";

    $.ajax({
        type: 'post',
        url: './deleteCourseExamSettings',
        data: {deleteId: deleteId, _token: csrf},
        dataType: 'json',
        success: function( data ){
            //   toastr.warning("DELETED");

            setTimeout(function(){
                location.reload();
            }, 1500);



        },
        error: function( data ){
            // Handle error
            //alert(_response.errors);
            alert('error');

        }
    });
}

</script>