<!-- Button trigger modal -->
<a href="{{ route('task.show', $row->id) }}" class="btn btn-sm btn-dark" title="show"><i class="fa fa-eye"></i></a>
<a href="{{ route('task.edit', $row->id) }}" class="btn btn-sm btn-dark" title="Edit"><i class="fa fa-pencil-alt"></i></a>

<button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#delete{{ $row->id }}">
    <i class="fa fa-trash-alt"></i>
</button>

<!-- Modal -->
<div class="modal fade" id="delete{{ $row->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">{{ $row->name }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>This will delete this task permanently</p>
                <p>Are you sure?</p>
            </div>
            <div class="modal-footer">
                <form method="POST" action="{{ route('task.destroy', $row->id) }}">
                    <!-- CSRF Token -->
                    @csrf

                    <!-- Hidden input to simulate DELETE method -->
                    <input type="hidden" name="_method" value="DELETE">
                    <button type="submit" class="btn btn-danger" id="delete_btn" data-id="' . $row->id . '">Yes,
                        Delete</button>
                </form>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success mt-2">
    <input 
        type="checkbox" 
        class="custom-control-input toggle-status" 
        id="switch{{ $row->id }}" 
        data-id="{{ $row->id }}" 
        {{ $row->payment_status ? 'checked' : '' }}>
    <label class="custom-control-label" for="switch{{ $row->id }}">
        {{ $row->payment_status ? 'Payment Done' : 'Mark as Done' }}
    </label>
</div>