@php 
    $count = 1;
@endphp    

@foreach ($data as $value)
<tr id="tr{{ $count }}">
    <td class="text-center">{{ $count}}</td>
    <td class="text-center">{{$value->name}}</td>
    <td class="text-center">{{$value->debit_credit == 1 ? 'Debit' : 'Credit'}}</td>
        <td class="text-center">
            <div class="dropdown">
                <button class="drop-bt dropdown-toggle"
                        type="button" data-toggle="dropdown"
                        aria-expanded="false">
                    ...
                </button>
                <ul class="dropdown-menu">
                    <li>
                      
                        <a href="{{route('CashFlowHead.edit', $value->id)}}"  class="btn btn-sm btn-warning " target="_blank"><i class="fa fa-pencil" aria-hidden="true"></i> Edit</a>
                        <a onclick="delete_row('#tr{{ $count++ }}' , {{$value->id }})"  href="#" class="btn btn-sm btn-danger"><i class="fa fa-trash-o" aria-hidden="true"></i> Delete</a>
                    </li>
                </ul>
            </div>
        </td>
    </tr>
@endforeach


<script>
    function delete_row(tr, id)
    {
        $.ajax({
                url: '/Finance/CashFlowHead/delete/' + id,
                type: 'Get',
                data: {
                        id:id,
                    },
                success: function (response) {
                    $(tr).remove();
                }   
            });
    }

</script>