@if($settingComision != null)
    @if($settingComision->tipocomision == 'general' || $settingComision->tipocomision == 'detallado')
        <table class="table table-striped table-bordered zero-configuration">
            <thead>
                <th class="text-center">Nivel</th>
                <th class="text-center">Bono</th>
                <th class="text-center">Acciones</th>
            </thead>
            <tbody>
                @foreach ($bonos as $bono)
                <tr>
                    <td class="text-center">{{ $bono->nivel }}</td>
                    <td class="text-center">
                        @if($settingComision->tipopago == 'porcentaje')
                            {{ ($bono->monto * 100) }} %
                        @else
                            {{ $bono->monto }}
                        @endif
                    </td>
                    <td class="text-center">
                                    
                        <a class="btn btn-info text-white" data-toggle="modal" data-target="#general" onclick="actualizarGeneral('{{$bono->id}}','{{$bono->nivel}}', @if($settingComision->tipopago == 'porcentaje') '{{ ($bono->monto * 100) }}' @else {{ $bono->monto }} @endif)">
                            <i class="fa fa-edit"></i>
                        </a>
                                    
                        <a class="btn btn-danger text-white" onclick="eliminar('{{$bono->id}}')">
                            <i class="fa fa-trash"></i>
                        </a>
                                    
                    </td>   
                </tr>
                @endforeach
            </tbody>
        </table>
        
    @elseif($settingComision->tipocomision == 'niveles')
        <table class="table table-striped table-bordered zero-configuration">
            <thead>
                <th class="text-center">Nivel</th>
                <th class="text-center">Bono</th>
                <th class="text-center">Rango</th>
                <th class="text-center">Acciones</th>
            </thead>
            <tbody>
                @foreach ($bonos as $bono)
                <tr>
                    <td class="text-center">{{ $bono->nivel }}</td>
                    <td class="text-center">
                        @if($settingComision->tipopago == 'porcentaje')
                                {{ ($bono->monto * 100) }} %
                        @else
                                {{ $bono->monto }}
                        @endif
                    </td>
                    <td class="text-center">{{ $bono->nombre }}</td>
                    <td class="text-center">
                                    
                        <a class="btn btn-info text-white" data-toggle="modal" data-target="#niveles" onclick="actualizarNiveles('{{$bono->id}}','{{$bono->nivel}}', @if($settingComision->tipopago == 'porcentaje') '{{ ($bono->monto * 100) }}' @else {{ $bono->monto }} @endif, '{{$bono->rango}}')">
                            <i class="fa fa-edit"></i>
                        </a>
                                    
                        <a class="btn btn-danger text-white" onclick="eliminar('{{$bono->id}}')">
                            <i class="fa fa-trash"></i>
                        </a>
                                    
                    </td>   
                </tr>
                @endforeach
            </tbody>
        </table>
        
    @elseif($settingComision->tipocomision == 'categoria')
        <table class="table table-striped table-bordered zero-configuration">
            <thead>
                <th class="text-center">Nivel</th>
                <th class="text-center">Bono</th>
                <th class="text-center">ID Categoría</th>
                <th class="text-center">Nombre de la Categoría</th>
                <th class="text-center">Acciones</th>
            </thead>
            <tbody>
                @foreach ($bonos as $bono)
                <tr>
                    <td class="text-center">{{ $bono->nivel }}</td>
                    <td class="text-center">
                        @if($settingComision->tipopago == 'porcentaje')
                                {{ ($bono->monto * 100) }} %
                        @else
                                {{ $bono->monto }}
                        @endif
                    </td>
                    <td class="text-center">{{ $bono->idcategoria }}</td>
                    <td class="text-center">{{ $bono->nombre }}</td>
                    <td class="text-center">
                                    
                        <a class="btn btn-info text-white" data-toggle="modal" data-target="#categoria" onclick="actualizarCategoria('{{$bono->id}}','{{$bono->nivel}}', @if($settingComision->tipopago == 'porcentaje') '{{ ($bono->monto * 100) }}' @else {{ $bono->monto }} @endif, '{{$bono->idcategoria}}')">
                            <i class="fa fa-edit"></i>
                        </a>
                                    
                        <a class="btn btn-danger text-white" onclick="eliminar('{{$bono->id}}')">
                            <i class="fa fa-trash"></i>
                        </a>
                                    
                    </td>   
                </tr>
                @endforeach
            </tbody>
        </table>
    @elseif($settingComision->tipocomision == 'producto')
        <table class="table table-striped table-bordered zero-configuration">
            <thead>
                <th class="text-center">Nivel</th>
                <th class="text-center">Bono</th>
                <th class="text-center">ID Producto</th>
                <th class="text-center">Nombre del Producto</th>
                <th class="text-center">Acciones</th>
            </thead>
            <tbody>
                @foreach ($bonos as $bono)
                <tr>
                    <td class="text-center">{{ $bono->nivel }}</td>
                    <td class="text-center">
                        @if($settingComision->tipopago == 'porcentaje')
                                {{ ($bono->monto * 100) }} %
                        @else
                                {{ $bono->monto }}
                        @endif
                    </td>
                    <td class="text-center">{{ $bono->idproducto }}</td>
                    <td class="text-center">{{ $bono->nombre }}</td>
                    <td class="text-center">
                                    
                        <a class="btn btn-info text-white" data-toggle="modal" data-target="#producto" onclick="actualizarProducto('{{$bono->id}}','{{$bono->nivel}}', @if($settingComision->tipopago == 'porcentaje') '{{ ($bono->monto * 100) }}' @else {{ $bono->monto }} @endif, '{{$bono->idproducto}}')">
                            <i class="fa fa-edit"></i>
                        </a>
                                    
                        <a class="btn btn-danger text-white" onclick="eliminar('{{$bono->id}}')">
                            <i class="fa fa-trash"></i>
                        </a>
                                    
                    </td>   
                </tr>
                @endforeach
            </tbody>
        </table>
    @elseif($settingComision->tipocomision == 'valor_comisionable')  
        <table class="table table-striped table-bordered zero-configuration">
            <thead>
                <th class="text-center">Nivel</th>
                <th class="text-center">Valor Comisionable</th>
                <th class="text-center">Porcentaje</th>
                <th class="text-center">ID Producto</th>
                <th class="text-center">Nombre del Producto</th>
                <th class="text-center">Acciones</th>
            </thead>
            <tbody>
                @foreach ($bonos as $bono)
                <tr>
                    <td class="text-center">{{ $bono->nivel }}</td>
                    <td class="text-center">{{ $bono->monto }}</td>
                    <td class="text-center">{{ ($bono->porcentaje * 100) }} %</td>
                    <td class="text-center">{{ $bono->idproducto }}</td>
                    <td class="text-center">{{ $bono->nombre }}</td>
                    <td class="text-center">
                                    
                        <a class="btn btn-info text-white" data-toggle="modal" data-target="#comisionable" onclick="actualizarComisionable('{{$bono->id}}','{{$bono->nivel}}','{{ $bono->monto }}','{{$bono->idproducto}}','{{ ($bono->porcentaje * 100) }}')">
                            <i class="fa fa-edit"></i>
                        </a>
                                    
                        <a class="btn btn-danger text-white" onclick="eliminar('{{$bono->id}}')">
                            <i class="fa fa-trash"></i>
                        </a>
                                    
                    </td>   
                </tr>
                @endforeach
            </tbody>
        </table>
    @endif
@endif