@extends('layouts/pos_layout')
@section('title', '| Incentive Step List')
@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">
              <a href="{{url('pos/addIncentiveStep/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Incentive Step</a>
          </div>
          <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">INCENTIVE STEP LIST</font></h1>
        </div>
        <div class="panel-body panelBodyView">
        <div>
          <script type="text/javascript">
          jQuery(document).ready(function($)
          {

            $("#proGroupView").dataTable().yadcf([

            ]);
          });
          </script>
        </div>
          <table class="table table-striped table-bordered" id="proGroupView">
            <thead>
                <tr>
                    <th width="30">SL#</th>
                    <th>Step Name</th>
                    <th>Department Name</th>
                    <th>Action</th>
                </tr>
                  {{ csrf_field() }}
                </thead>
                <tbody id="tableBodySection">
                                    @if(!empty($incentiveSteps))
                    @foreach($incentiveSteps as $incentiveStep)
                      <tr class="item{{$incentiveStep->id}}">
                        <td class="text-center slNo">{{++$no}}</td>
                        <td class="text-center">{{$incentiveStep->name ?? 'N/A'}}</td>
                        <td class="text-center">{{$incentiveStep->department->name ?? 'N/A'}}</td>
                        <td class="text-center" width="100">
                            <a id="editIcone" href="{{url('pos/editIncentiveStep/'.$incentiveStep->id)}}" class="edit-modal">
                                <span class="glyphicon glyphicon-edit"></span>
                            </a>&nbsp

                            <a id="deleteIcone" href="javascript:;" class="delete-modal" data-id="{{$incentiveStep->id}}">
                                <span class="glyphicon glyphicon-trash"></span>
                            </a>
                        </td>
                      </tr>
                    @endforeach
                  @endif
                </tbody>
          </table>
        </div>
      </div>
  </div>
  </div>
</div>
</div>

@include('dataTableScript')
@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
  <script type="text/javascript">
  $( document ).ready(function() {

    //delete function
    $(document).on('click', '.delete-modal', function()
    {
        if(hasAccess('pos/deleteIncentiveStepItem')){
            Swal.fire({
                title: 'Are you sure?',
                text: "Once delete you won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#7e7979',
                confirmButtonText: 'Yes, delete it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        type: 'post',
                        url: './deleteIncentiveStepItem',
                        data: {
                            '_token': $('input[name=_token]').val(),
                            'id': $(this).data('id')
                        },
                        success: function(_response) {
                            if(_response.responseTitle == 'success') {
                            Swal.fire({
                                icon: 'success',
                                title: 'Deleted!',
                                text: 'This data has been deleted.',
                                showConfirmButton: false,
                                timer: 1500
                            })
                            setTimeout(function(){
                                window.location.reload(1);
                            }, 1000);
                            }
                            else {
                            Swal.fire({
                                icon: 'error',
                                title: 'Failed to delete!',
                                text: 'This data has not been deleted.',
                                showConfirmButton: true,
                            })
                            }
                        }
                    });
                }
            })
        }else{
            toastr.warning("Access Denied!","Warning");
        }
    });

});//ready function end
</script>