@php 
    $total_ventas_server = 0;
    $total_ventas_vendelo = 0;
@endphp
<style>
    .error{
        background-color: rgb(241 4 4 / 79%) !important;
        color: white !important;
        display: block;
        margin-bottom: 10px;
    }
</style>
<div class="col-md-6">
                <div class="card mb-4 ">
                    <div class="card-header pb-0" style="
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                ">
                      <h5>Ventas al cliente: <span class="venta_server">0.00</span></h5>
                      <button type="button" class="btn btn-success btn_exportar_cliente btn-sm" onclick="exportarResultado('table_servidor','Ventas al cliente')" style="margin-bottom: 8px;">Exportar Excel</button>
                    </div>
                    <div class="card-body px-0 pt-0 pb-2">

                        <div class="table-responsive p-0">
                            <table class="table align-items-center mb-0" id="table_servidor">
                                <thead>
                                    <tr>
    
                                        <th class="text-uppercase  text-xxs font-weight-bolder opacity-7" style="    padding-left: 19px;">
                                            Producto
                                        </th>
    
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Código Producto
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7" style="padding-left: 10px;">
                                            Cliente
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Factura
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Fecha
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Cantidad Bruta
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Cantidad Unidad
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7" style="padding-left: 10px;">
                                            Importe General
                                        </th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($ventas_server as $ventas)
                                    @php
                                        $total_ventas_server += $ventas['importeGeneral'];
                                    @endphp
                                    <tr>
                                        <td style="    padding-left: 19px;">{{$ventas['descripcionproducto']}}</td>
                                        <td>{{$ventas['codigoProducto']}}</td>
                                        <td style="padding-left: 10px;">{{$ventas['nombrecliente']}}</td>
                                        <td>{{$ventas['Factura']}}</td>
                                        <td>{{$ventas['fecha_factura']}}</td>
                                        <td>{{number_format($ventas['CantidadBruta']+$ventas['CantidadOferta'],2)}}</td>
                                        <td>{{number_format($ventas['UnidadArticulo']*($ventas['CantidadBruta']+$ventas['CantidadOferta']),2)}}</td>
                                        <td style="padding-left: 10px;">{{number_format($ventas['importeGeneral'],2)}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- segunda columna -->
            <div class="col-md-6">
                <div class="card mb-4 ">
                    <div class="card-header pb-0" style="
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                ">
                    <h5>Ventas en vendelo: <span class="venta_vendelo">0.00</span>  &nbsp;&nbsp;&nbsp;&nbsp; Porcentaje: <span class="porcentaje_vendelo">0%</span></h5>
                    <button type="button" class="btn btn-success btn_exportar_vendelo btn-sm" onclick="exportarResultado('table_vendelo','Ventas en vendelo')" style="margin-bottom: 8px;">Exportar Excel</button>
                    
                    </div>
                    <div class="card-body px-0 pt-0 pb-2">

                        <div class="table-responsive p-0">
                            <table class="table align-items-center mb-0" id="table_vendelo">
                            <thead>
                                    <tr>
    
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7" style="    padding-left: 19px;">
                                            Producto
                                        </th>
    
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Código Producto
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7" style="padding-left: 10px;">
                                            Cliente
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Factura
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Fecha
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Cantidad
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7">
                                            Cantidad Unidad
                                        </th>
                                        <th class="text-left text-uppercase  text-xxs font-weight-bolder opacity-7" style="padding-left: 10px;">
                                            Importe General
                                        </th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($ListaVentaComparacion as $ventas)
                                    @php
                                        $total_ventas_vendelo += $ventas['importeGeneral'];
                                    @endphp

                                    <tr>
                                        <td style="    padding-left: 19px;">
                                        @if(strlen($ventas['descripcionproducto']) > 40)
        {{ substr($ventas['descripcionproducto'], 0, 25) . '...' }}
    @else
        {{ $ventas['descripcionproducto'] }}
    @endif

                                        </td>
                                        <td>{{$ventas['codigoProducto']}}</td>
                                        <td style="padding-left: 10px;">
                                        @if(strlen($ventas['nombrecliente']) > 40)
        {{ substr($ventas['nombrecliente'], 0, 25) . '...' }}
    @else
        {{ $ventas['nombrecliente'] }}
    @endif

</td>
                                        <td>{{$ventas['Factura']}}</td>
                                        <td>{{$ventas['fecha']}}</td>
                                        <td>{{number_format($ventas['Cantidad'],2)}}</td>
                                        <td>{{ $ventas['unidad'] != 0 ? number_format($ventas['Cantidad'] / $ventas['unidad'], 2) : '0.00' }}
                                        </td>
                                        <td style="padding-left: 10px;">{{number_format($ventas['importeGeneral'],2)}}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- fin de segunda columna -->
            {{-- notas de productos no vendidos --}}
            <div class="col-md-12">
                <h4>Notificaciones <button type="button" class="btn btn-success btn_exportar_notificaciones btn-sm" onclick="exportarResultado('table_notificaciones','Notificaciones')" style="margin-bottom: 8px;">Exportar Excel</button>
                </h4>
                @foreach($productos_no_vendidos as $productos_no_vendido)
                    <span class="error">{{$productos_no_vendido}}</span>
                @endforeach
                <table class='hide' hidden id="table_notificaciones" >
                    <thead>
                        <tr>
                            <td>Titulo notificacion</td>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($productos_no_vendidos as $productos_no_vendido)
                        <tr>
                            <td>
                                {{$productos_no_vendido}}
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <script>
                var total_ventas_server="{{number_format($total_ventas_server,2)}}";
                var total_ventas_vendelo="{{number_format($total_ventas_vendelo,2)}}";

                // Formatear los totales con separación de comas y dos puntos decimales

$(".venta_server").html(total_ventas_server);
$(".venta_vendelo").html(total_ventas_vendelo);
            </script>