<table class="table table-striped table-hover" id="editar-precios-table">
    <thead>
        <tr>
            <th width="30%"></th>
            <th>Precio 1 <span class="text-danger">*<span></th>
            <th>Precio 2</th>
            <th>Precio 3</th>
            <th>Precio 4</th>
            <th>Precio 5</th>
        </tr>
    </thead>
    <tbody>
    <?php if($presentaciones): foreach($presentaciones as $presentacion):
        $costoEquivalente =  round($costoPrimario * $presentacion->unidades_representativas, 4);
        
        $utilidad1 = round(round(($presentacion->precios[0]->precio_presentacion / 1.13), 4) - $costoEquivalente, 4);    
        $margen1 = round(($utilidad1 / $costoEquivalente) * 100, 2);
        $tendenciaColor1 = $utilidad1 == 0 ? '' : ($utilidad1 < 0 ? 'danger' : 'success'); 

        $utilidad2 = $presentacion->precios[1]->precio_presentacion != "" ? round(round(($presentacion->precios[1]->precio_presentacion / 1.13), 4) - $costoEquivalente, 4) : null;    
        $margen2 = $utilidad2 ? round(($utilidad2 / $costoEquivalente) * 100, 2) : null;
        $tendenciaColor2 = $utilidad2 == 0 ? '' : ($utilidad2 < 0 ? 'danger' : 'success'); 

        $utilidad3 = $presentacion->precios[2]->precio_presentacion != "" ? round(round(($presentacion->precios[2]->precio_presentacion / 1.13), 4) - $costoEquivalente, 4) : null;    
        $margen3 = $utilidad3 ? round(($utilidad3 / $costoEquivalente) * 100, 2) : null;
        $tendenciaColor3 = $utilidad3 == 0 ? '' : ($utilidad3 < 0 ? 'danger' : 'success'); 

        $utilidad4 = $presentacion->precios[3]->precio_presentacion != "" ? round(round(($presentacion->precios[3]->precio_presentacion / 1.13), 4) - $costoEquivalente, 4) : null;    
        $margen4 = $utilidad4 ? round(($utilidad4 / $costoEquivalente) * 100, 2) : null;
        $tendenciaColor4 = $utilidad4 == 0 ? '' : ($utilidad4 < 0 ? 'danger' : 'success');

        $utilidad5 = $presentacion->precios[4]->precio_presentacion != "" ? round(round(($presentacion->precios[4]->precio_presentacion / 1.13), 4) - $costoEquivalente, 4) : null;    
        $margen5 = $utilidad5 ? round(($utilidad5 / $costoEquivalente) * 100, 2) : null;
        $tendenciaColor5 = $utilidad5 == 0 ? '' : ($utilidad5 < 0 ? 'danger' : 'success');
    ?>
        <tr data-pre="<?php echo $presentacion->id_presentacion;?>">
            <td>
                <b><?php echo $presentacion->desc_presentacion;?></b><br>
                <span class="text-muted">Costo: $<?php echo number_format($costoEquivalente,4);?></span>
            </td>
            <td class="precio-item precio-1">
                <input type="text" class="form-control" value="<?php  echo ($presentacion->precios[0]->precio_presentacion && $presentacion->precios[0]->precio_presentacion > 0 ? $presentacion->precios[0]->precio_presentacion : ""); ?>">
                <!--<p class="<?php echo $utilidad1 == null ? 'hidden' : '';?>">
                    *Util: <span class="text-<?php echo $tendenciaColor1;?>"><?php echo "$ ".number_format($utilidad1, 4);?></span>
                    <small>Margen: <span class="text-<?php echo $tendenciaColor1;?>"><?php echo $margen1;?>%</span><small>
                </p>-->
            </td>
            <td class="precio-item precio-2">
                <input type="text" class="form-control" value="<?php  echo ($presentacion->precios[0]->precio_presentacion && $presentacion->precios[1]->precio_presentacion > 0 ? $presentacion->precios[1]->precio_presentacion : ""); ?>">
                <!--<p class="<?php echo $utilidad2 == null ? 'hidden' : ''?>">
                    *Util: <span class="text-<?php echo $tendenciaColor2;?>"><?php echo "$ ".number_format($utilidad2, 4);?></span>
                    <small>Margen: <span class="text-<?php echo $tendenciaColor2;?>"><?php echo $margen2;?>%</span><small>
                </p>-->
            </td>
            <td class="precio-item precio-3">
                <input type="text" class="form-control" value="<?php  echo ($presentacion->precios[0]->precio_presentacion && $presentacion->precios[2]->precio_presentacion > 0 ? $presentacion->precios[2]->precio_presentacion : ""); ?>">
                <!--<p class="<?php echo $utilidad3 == null ? 'hidden' : ''?>">
                    *Util: <span class="text-<?php echo $tendenciaColor3;?>"><?php echo "$ ".number_format($utilidad3, 4);?></span>
                    <small>Margen: <span class="text-<?php echo $tendenciaColor3;?>"><?php echo $margen3;?>%</span><small>
                </p>-->
            </td>
            <td class="precio-item precio-4">
                <input type="text" class="form-control" value="<?php  echo ($presentacion->precios[0]->precio_presentacion && $presentacion->precios[3]->precio_presentacion > 0 ? $presentacion->precios[3]->precio_presentacion : ""); ?>">
                <!--<p class="<?php echo $utilidad4 == null ? 'hidden' : ''?>">
                    *Util: <span class="text-<?php echo $tendenciaColor4;?>"><?php echo "$ ".number_format($utilidad4, 4);?></span>
                    <small>Margen: <span class="text-<?php echo $tendenciaColor4;?>"><?php echo $margen4;?>%</span><small>
                </p>-->
            </td>
            <td class="precio-item precio-5">
                <input type="text" class="form-control" value="<?php  echo ($presentacion->precios[0]->precio_presentacion && $presentacion->precios[4]->precio_presentacion > 0 ? $presentacion->precios[4]->precio_presentacion : ""); ?>">
                <!--<p class="<?php echo $utilidad5 == null ? 'hidden' : ''?>">
                    *Util: <span class="text-<?php echo $tendenciaColor5;?>"><?php echo "$ ".number_format($utilidad4, 4);?></span>
                    <small>Margen: <span class="text-<?php echo $tendenciaColor5;?>"><?php echo $margen4;?>%</span><small>
                </p>-->
            </td>
        </tr>
    <?php endforeach; endif;?>
    </tbody>
</table>
<div class="text-center">
    <button class="btn btn-success" id="editar-precio-guardar-btn">Guardar precios</button>
</div>
<script>
    /**Guardar precios btn */
    $("#editar-precio-guardar-btn").click(function(){
        let valid = true;
        let preciosData = [];
        let producto = 
        $("#editar-precios-table > tbody tr").each(function(i, tr){
            let pre = $(tr).attr("data-pre");
            /*$(tr).find('td.precio-item').each(function(ii,td){
                let val = $(td).find('input').val();
                if($(td).hasClass('precio-1')){
                    
                }else{

                }
            });*/
            let precios = {
                precio1 : $.trim($(tr).find('.precio-1 > input').val()),
                precio2 : $.trim($(tr).find('.precio-2 > input').val()),
                precio3 : $.trim($(tr).find('.precio-3 > input').val()),
                precio4 : $.trim($(tr).find('.precio-4 > input').val()),
                precio5 : $.trim($(tr).find('.precio-5 > input').val())
            };
            preciosData.push({pre: pre, precios: precios});
        });
        $.get('<?php echo base_url(); ?>productos/guardarprecios',{precios: JSON.stringify(preciosData)}, function(res){
            if(parseInt(res)){
                toastr.options = {
                    "closeButton": true,
                    "progressBar": true,
                    "positionClass": "toast-top-right"
                }
                toastr['success']('Precio actualizado');

                Custombox.close();
            }
        },'text');

    });
</script>