@extends('layouts/microfin_layout')
@section('title', '| OTS Employee Incentive Configuration')
@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('mfn/addOtsEmployeeIncentiveConfiguration/') }}" class="btn btn-info pull-right addViewBtn">
                                    <i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Configuration</a>
                            </div>
                            <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px">
                                <font color="white">OTS Employee Incentive Configuration List</font>
                            </h1>
                        </div>
                        <div class="panel-body panelBodyView">
                            
                            <table class="table table-striped table-bordered" id="viewVaultSetting" style="color:black;">
                                <thead>
                                    <tr>
                                        <th style="width: 5%;">SL#</th>
                                        <th>Effective Date</th>
                                        <th style="width: 10%;">Action</th>
                                    </tr>
                                    {{ csrf_field() }}
                                </thead>
                                <tbody>
                                    
                                                                        @foreach ($otsEmployeeIncentiveConfigurations as $otsEmployeeIncentiveConfiguration)
                                           
                                        <tr class="item{{ ($no + 1) }}">
                                            <td class="text-center slNo">{{ ++$no }}</td>

                                            <td style="padding-left: 25px; text-align: middle;">{{ date ('d-m-Y', strtotime( $otsEmployeeIncentiveConfiguration->effectiveDate)) }}</td>

                                            <td class="text-center">
                                                <a href="{!! url('mfn/viewOtsEmployeeIncentiveConfiguration/'.$otsEmployeeIncentiveConfiguration->id)!!}">
                                                    <span class="fa fa-eye"></span>
                                                </a>&nbsp;
                                                <a href="{!! url('mfn/editOtsEmployeeIncentiveConfiguration/'.$otsEmployeeIncentiveConfiguration->id)!!}">
                                                    <span class="fa fa-edit"></span>
                                                </a>&nbsp;
                                                <a href="javascript:;" class="delete-modal" bankAcRegister="{{$otsEmployeeIncentiveConfiguration->id}}">
                                                    <span class="glyphicon glyphicon-trash"></span>
                                                </a>
                                            </td>  
                                              
                                        </tr>
                                    @endforeach
                                </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; text-align:center;">Delete Configuration</h4>
                </div>
                <div class="modal-body ">
                    {!! Form::open(array('url' => '','id'=>'entryForm', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                        <div class="row" style="padding-bottom:20px;"> </div>
                        <h2 style="color: Black;">Are You Confirm to Delete This Configuration ?</h2>

                        <div class="modal-footer">
                            <input id="bankAcRegister" type="hidden"  value=""/>
                            <button type="button" class="btn btn-danger"  id="deleteBankAcRegister"  data-dismiss="modal">Delete</button>
                            <button type="button" class="btn btn-warning"  data-dismiss="modal"><span class="glyphicon glyphicon-remove" style="padding-right:4px;"></span>Close</button>
                        </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>


    <script>

        $(document).ready(function(){ 

            $(document).on('click', '.delete-modal', function(){
                $("#bankAcRegister").val($(this).attr('bankAcRegister'));
                $('#deleteModal').modal('show');
            });
            
            $("#deleteBankAcRegister").on('click',  function() {
                var bankAcRegister= $("#bankAcRegister").val();
                var csrf = "{{csrf_token()}}";
                $.ajax({
                    url:  "{{url('mfn/deleteOtsEmployeeIncentiveConfigurationItem/')}}",
                    type: 'POST',
                    dataType: 'json',
                    data: {id:bankAcRegister, _token:csrf},
                })
                .done(function(data) { 
                    location.reload();
                    window.location.href = '{{url('mfn/otsEmployeeIncentiveConfiguration/')}}';
                })
                .fail(function(){
                    console.log("error");
                })
                .always(function() {
                    console.log("complete");
                });
            });
         

           

        });  

    </script>


@endsection