@extends('layouts/ums_layout')
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
@section('title', '| Trimester')
@section('content')
@include('successMsg')
<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">
            </div>
            <h3 style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Approve Payment</h3>
          </div>
          <div class="panel-body panelBodyView">
            
            <table class="table table-striped table-bordered" id="paymentAprovaltable" style="color:black;">
              <thead>
                <tr>
                  <th width="32">SL#</th>
                  <th>Name</th>
                  <th>Trimester</th>
                  <th>Program</th>
                  <th>Tran ID</th>
                  <th>Val ID</th>
                  <th>Bank Transaction ID</th>
                  <th>card Type</th>
                  <th>card No</th>
                  <th>card Issuer</th>
                  <th>Tran Date</th>
                  <th>Validated Date</th>
                  <th>Status</th>
                  <th class="" width="80">Actions</th>
                </tr>
                {{ csrf_field() }}
              </thead>
              <tbody>
                @php $count =0; @endphp 
                @foreach($studentPayments as $studentPayment)
                    <tr>
                      <td class="text-center slNo">{{++$count}}</td>
                      <td>{{$studentPayment->personalInfo->fullName}}</td>
                      <td>{{$studentPayment->trimester->trimesterType->name}}</td>
                      <td>{{$studentPayment->program->name}}</td>
                      <td>{{$studentPayment->tran_id}}</td>
                      <td>{{$studentPayment->val_id}}</td>
                      <td>{{$studentPayment->bank_tran_id}}</td>
                      <td>{{$studentPayment->card_type}}</td>
                      <td>{{$studentPayment->card_No}}</td>
                      <td>{{$studentPayment->card_issuer}}</td>
                      <td>{{Carbon\Carbon::parse($studentPayment->tran_date)->format('d-m-Y')}}</td>
                      <td>{{Carbon\Carbon::parse($studentPayment->validated_on)->format('d-m-Y')}}</td>
                      <td>
                        @if($studentPayment->approved == 1)
                           <span class="label label-success">Approved</span> 
                              <td>
                                <a disabled="disabled" href="" class="btn btn-xs btn-success confirm-link" title="Approved" style="background-color: green;"><i class="fa fa-check-circle"></i></a>
                              </td>
                        @else
                           <span class="label label-danger">Unaprroved</span>
                              <td>
                              <a  class="btn btn-xs btn-success confirm-link" title="Approved" approveId ="{{$studentPayment->id}}" style="background-color: green;"><i class="fa fa-check-circle"></i></a>
                              </td>
                        @endif
                      </td>
                    </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div> 
</div>





{{-- Delete Modal --}}
  <div id="approveModal" 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">Approve</h4>
        </div>
        <div class="modal-body">
          <h2>Are You Confirm to approve</h2>

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

            <button id="DMconfirmButton"  class="btn btn-success" type="submit" onclick="confimApproval();"> <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', '.confirm-link', function() {
    $("#approveModal").modal('show'); 
    var approveId = $(this).attr('approveId'); 
    $("#DMApproveId").val(approveId);
  });      
});

function confimApproval()
{ var approveId =  $("#DMApproveId").val();
  $.ajax({
                type: 'POST',
                url: './studentPaymentApprove', 
                data :{approveId:approveId},          
                dataType: 'json',
                success: function( data ){
                    swal({
                    title: "Payment Approval is completed successfully",
                    text: "Success",
                    icon: "success",
                    });
                    setTimeout(function(){
                    location.reload();
                    }, 500);
                },
                error: function( data ){
                    // Handle error
                    //alert(data);
                    console.log(data);
                }
        });
}

  

</script>