@extends('layouts.dashboardnew')

@section('content')


{{-- filtro por fecha --}}
@include('usuario.componentes.filtroPorFecha', ['ruta' => 'buscarpersonalorder', 'form' => ''])


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                        <table class="table table-striped table-bordered zero-configuration">
                            <thead>
                                <th class="text-center">Orden</th>
                                <th class="text-center">Fecha</th>
                                <th class="text-center">Concepto</th>
                                <th class="text-center">Dirección</th>
                                @if($ivas)
                                <th class="text-center">Iva</th>
                                @endif
                                @if($departamento->isNotEmpty())
                                <th class="text-center">Costo</th>
                                @endif
                                <th class="text-center">Total</th>
                                <th class="text-center">Estado</th>
                                <th class="text-center">Acciones</th>
                            </thead>
                            <tbody>
                                @foreach($compras as $compra)
                                <tr>
                                  <td class="text-center">{{$compra['ordenID']}}</td>
                                  <td class="text-center">{{date('d-m-Y', strtotime($compra['fechaOrden']))}}</td>
                                  <td class="text-center">{{$compra['items']}}</td>
                                  <td class="text-center">{{$compra['direccion']}}</td>

                                  @if($ivas)
                                  <td class="text-center">
                                    @if ($moneda->mostrar_a_d)
                                        {{$moneda->simbolo}} {{$compra['iva']}}
                                    @else
                                        {{$compra['iva']}} {{$moneda->simbolo}}
                                    @endif
                                   </td>
                                  @endif
          
                                  @if($departamento->isNotEmpty())
                                  <td class="text-center">
                                     @if ($moneda->mostrar_a_d)
                                        {{$moneda->simbolo}} {{$compra['costo']}}
                                     @else
                                        {{$compra['costo']}} {{$moneda->simbolo}}
                                     @endif
                                  </td>
                                  @endif

                                  <td class="text-center">
                                     @if ($moneda->mostrar_a_d)
                                        {{$moneda->simbolo}} {{$compra['total']}}
                                     @else
                                        {{$compra['total']}} {{$moneda->simbolo}}
                                     @endif
                                  </td>

                                  <td class="text-center">
                                    @if($compra['estadoCompra'] == 'Completado')
                                      <span class="badge badge-success px-2 text-white">{{$compra['estadoCompra']}}</span>
                                    @elseif($compra['estadoCompra'] == 'En Espera')
                                      <span class="badge badge-warning px-2 text-white">{{$compra['estadoCompra']}}</span>
                                    @elseif($compra['estadoCompra'] == 'Cancelado')
                                      <span class="badge badge-danger px-2 text-white">{{$compra['estadoCompra']}}</span>
                                    @endif
                                  </td>
                        
                                  <td class="text-center">
                
                                 @if($compra['estadoCompra'] == 'Completado')
                                   <a href="{{route('carrito-recibo', $compra['ordenID'])}}" class="btn btn-info"> <i class="fa fa-file-pdf-o"></i> </a>
                                 @endif
              
                                   <a class="btn btn-info text-white" data-toggle="modal" data-target="#desglose" onclick="desgloseGeneral('{{$compra['ordenID']}}','{{$moneda->simbolo}}','{{date('d-m-Y', strtotime($compra['fechaOrden']))}}', '{{$compra['nombreUsuario']}}')"> <i class="fa fa-braille"></i> </a>

                                   </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                  
                </div>
            </div>
        </div>
    </div>
</div>


{{-- Desglose modal --}}
@include('transacciones.modal.desglose')


@endsection

@include('usuario.componentes.scripBotones') 

@push('script')
<script type="text/javascript">

 function desgloseGeneral(idcompra, simbolo, fecha, nombreusuario){
    
    $('.left-fecha').empty();
    $('.right-nombre').empty();
    $('.left-fecha').append('Fecha de Compra: '+ fecha);
    $('.right-nombre').append('Usuario: '+ nombreusuario);
    
    $('.text-encabezado').text('{{$settings->name}} Compra '+idcompra);
    $('#tienda').empty();
    
    var totalgeneral = 0;
    var totalcosto = 0;
    var totaliva = 0;
    var totaldescuento = 0;
    
    $.get('{{request()->root()}}/tienda/desglosecompra/'+idcompra, function (response) {
        compra = JSON.parse(response)
            
            compra.forEach(item => {
                
                $('#totalgeneral').empty();
                $('#totalcosto').empty();
                $('#totaliva').empty();
                $('#totaldescuento').empty();
                
                   totalgeneral += parseFloat(item.precio);
                   totalcosto = parseFloat(item.costo);
                   totaliva = parseFloat(item.iva);
                   totaldescuento += parseFloat(item.descuento);
                   
                   $('#tienda').append(
                    '<tr>' +
                      '<td class="text-center">'+ item.producto +'</td>'+
                      '<td class="text-center">'+ item.cantidad +'</td>'+
                      '<td class="text-center">'+ simbolo +' '+ item.precio +'</td>'+
                      '<td class="text-center">'+ simbolo +' '+ item.descuento +'</td>'+
                    '</tr>'
                   );
                   
                   $('#totalgeneral').append('Total '+simbolo +' '+ (parseFloat(totalgeneral.toFixed(2)) + parseFloat(totalcosto) + parseFloat(totaliva)));
                   $('#totalcosto').append('Costo '+simbolo +' '+ totalcosto);
                   $('#totaliva').append('IVA '+simbolo +' '+ totaliva);
                   $('#totaldescuento').append('Descuento '+simbolo +' '+ (parseFloat(totaldescuento.toFixed(2))));
                
            });
    });
 }

</script>
@endpush