@extends('layouts.index')
@section('contenido')
<style>
    .datatable-basic tr p{
        padding-top: 19px;
    }

    .x-flex {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .xend-flex {
      display: flex;
      align-items: end;
      justify-content: end;
    }

</style>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<input type="hidden" id="c_logitud">
<input type="hidden" id="c_latitud">
<div class="content">
    @if(session()->has('message'))
        <div class="alert alert-success">
            {{ session()->get('message') }}
        </div>
    @endif
	<div class="card">
		<div class="card-header header-elements-inline">
            <input id="id_visita" type="hidden" value="{{$status_visita??''}}">
			<h5 class="card-title">FICHA SOCIO: {{$socio->primer_nombre_socio}} {{$socio->segundo_nombre_socio}} {{$socio->primer_apellido_socio}} {{$socio->segundo_apellido_socio}}</h5>
			<div class="header-elements">
                @if ($visita==null)
                    @if ($status_visita)
                        <button id="empezarVisita" type="button" class="btn btn-success"><i class="icon-comment-discussion mr-2"></i> TERMINAR VISITA</button>
                    @else
                        <button id="empezarVisita" type="button" class="btn btn-danger"><i class="icon-comment-discussion mr-2"></i> EMPEZAR VISITA</button>
                    @endif
                @else
                    @if ($visita->status==1)
                    <button id="empezarVisita" type="button" class="btn btn-success"><i class="icon-comment-discussion mr-2"></i> TERMINAR VISITA</button>
                    @endif
                @endif
			</div>
		</div>
    </div>
    <div class="row">
		<div class="col">
            <div class="card border-left-3 border-left-danger rounded-left-0">
                <div class="card-body">
                    <div class="row row-cols-2">
                        <div class="col p-1 text-end">Nombres</div>
                        <div class="col p-1 xend-flex">{{$socio->primer_apellido_socio}}</div>
                        <div class="col p-1 text-end">Apellidos</div>
                        <div class="col p-1 xend-flex">{{$socio->primer_nombre_socio}}</div>
                        <div class="col p-1 text-end">Dirección</div>
                        <div class="col p-1 xend-flex">{{$socio->direccion}}</div>
                        <div class="col p-1 text-end">Horario</div>
                        <div class="col p-1 xend-flex">{{$socio->horario}}</div>
                        <div class="col p-1 text-end">Teléfono</div>
                        <div class="col p-1 xend-flex">{{$socio->telefono_oficina_socio}}</div>
                        <div class="col p-1 text-end">Celular</div>
                        <div class="col p-1 xend-flex">{{$socio->telefono_movil_socio}}</div>
                        <div class="col p-1 text-end">Fecha de cumpleaños</div>
                        <div class="col p-1 xend-flex">15-03-2025</div>
                        <div class="col p-1 text-end">Especialidad</div>
                        <div class="col p-1 xend-flex">{{$socio->tipoSocio['descripcion_tipo_socio']}}</div>
                        <div class="col p-1 text-end">Clasificación</div>
                        <div class="col p-1 xend-flex">
                                                    </div>
                        <div class="col p-1"></div>
                        <div class="col p-1 xend-flex"><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#updateMedico">Actualizar datos</button></div>
                    </div>
                </div>
                
                <!-- Modal -->
                <div class="modal fade" id="updateMedico" tabindex="-1" aria-labelledby="updateMedicoLabel" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h3 class="modal-title fs-5" id="updateMedicoLabel">Editar socio:</h3>
                        <button type="button" class="btn" data-bs-dismiss="modal"><i class="bi bi-x-lg"></i></button>
                      </div>
                        <div class="modal-body">
                            <div class="p-2">
                                <form action="{{ route('update_socio_apm') }}" method="POST">
                                    @csrf
                                    <div class="p-2 row row-cols-md-2 rol-cols-1">
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Nombres:</label>
                                          <input name="name_up" type="text" class="form-control" value="{{$socio->primer_apellido_socio}}">
                                          <input type="hidden" value="{{$socio->id}}" name="socio_id">
                                        </div>
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Apellidos:</label>
                                          <input name="lastname_up" type="text" class="form-control" value="{{$socio->primer_nombre_socio}}">
                                        </div>
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Teléfono:</label>
                                          <input name="phone_up" type="text" class="form-control" value="{{$socio->telefono_oficina_socio}}">
                                        </div>
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Celular:</label>
                                          <input name="cel_up" type="tel" class="form-control" value="{{$socio->telefono_movil_socio}}">
                                        </div>
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Horario:</label>
                                          <input name="horario_up" type="text" class="form-control" value="{{$socio->horario}}">
                                        </div>
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Dirección:</label>
                                          <input name="direction_up" type="text" class="form-control" value="{{$socio->direccion}}">
                                        </div>
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Cumpleaños:</label>
                                          <input name="birthday_up" type="date" class="form-control" value="{{$socio->fecha_cumpleanos}}">
                                        </div>
                                        <div class="mb-3 p-1">
                                          <label for="" class="form-label">Clasificación:</label>
                                          <select class="form-control" name="clasificacion_up">
                                            <option selected value="{{$socio->id_clasificacion }}">  </option>
                                                                                        
                                          </select>
                                        </div>
                                    </div>
                                    
                                    <div class="modal-footer">
                                        <a class="btn btn-secondary" data-bs-dismiss="modal">Cancelar</a>
                                        <button type="submit" class="btn btn-primary">Guardar cambios</button>
                                      </div>
                                </form>
                            </div>
                        </div>

                    </div>
                  </div>
                </div>

                <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                    <span>
                        <span class="badge badge-mark border-danger mr-2"></span>
                        Fecha de Inscripción:
                        <span class="font-weight-semibold">{{$socio->created_at}}</span>
                    </span>
                </div>
            </div>
        </div>

    </div>
            <!-- Conversaciones -->
    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 id="conComentarios" class="card-title">COMENTARIOS VISITAS ANTERIORES</h5>
            <div class="header-elements">
                <div class="list-icons">
                    <a href="#conComentarios" class="list-icons-item" data-action="collapse"></a>
                </div>
            </div>
        </div>

        <div class="card-body">
            <ul class="media-list media-chat media-chat-scrollable mb-3">
                @foreach ($comentarios as $comentario)
                    <li class="media">
                        <div class="media-body">
                            <div class="media-chat-item">{{$comentario['comentario']}}</div>
                            <div class="font-size-sm text-muted mt-2">{{$comentario['updated_at']}}</div>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>
    <!-- Tabs -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header header-elements-inline">
                    
                    
                    <div class="row">
                        <div class="col-md-12">
                            <h5 class="card-title">ÚLTIMA COMPRA</h5>
                        </div>
                        <div class="col-md-12">
                            @if ($ultimo_pedido)
                            <h3>Pedido #{{$ultimo_pedido->id}}</h3>
                            <p>{{$ultimo_pedido->comentario??''}}</p>
                            <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">Cantidad</th>
                                    <th scope="col">Producto</th>
                                    <th scope="col">Laboratorio</th>
                                    <th scope="col">Precio</th>
                                    <th scope="col">Bonificación</th>
                                    <th scope="col">Total</th>
                                  </tr>
                                </thead>
                                <tbody>
                                                                        @foreach ($ultimo_pedido->pedido_visita as $producto)
                                    <tr>
                                        <td>{{ $loop->index+1 }}</td>
                                        <td>{{ $producto->cantidad }}</td>
                                        <td>{{ $producto->producto->nombre??'' }}</td>
                                        <td>{{ $producto->producto->laboratorio['nombre']??'' }}</td>
                                        <td>{{ $producto->precio }}</td>
                                        <td>
                                            @if ($producto->bonificacion)
                                                {{$producto->bonificacion['nombre']??''}}
                                            @endif
                                        </td>
                                        <td>{{floatval($producto->precio)*$producto->cantidad}}</td>
                                                                            </tr>
                                  @endforeach
                                  <tr>
                                    <td colspan="6">TOTAL</td>
                                    <td>
                                        0                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            @endif
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Parrilla -->
    <div class="card">
        <div class="card-header header-elements-inline">
            <div class="row">
                <div class="col-md-12">
                    <h5 class="card-title">PARRILLA PROMOCIONAL: {{$parrillas?$parrillas['nombre']:''}} <a href="{{ $parrillas->documento_promocional ?? '' }}"
                        target='_blank'><i style="    font-size: 27px;" class="icon-newspaper"></i>
                    </a></h5>
                </div>
                <div class="col-md-12">
                    <img class="img-fluid" src="{{ asset('images/Screenshot_1.png') }}" alt="">
                </div>
            </div>
            
            <div class="header-elements">
                <div class="list-icons">
                    <a class="list-icons-item" data-action="collapse"></a>
                </div>
            </div>
        </div>
        <!-- 
        <div class="card-body">
                    <table class="table datatable-basic">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Producto Presentar</th>
                                <th>Observaciones</th>
                                <th>Tipo Recurso</th>
                                <th>Nombre</th>
                                <th>Cantidad</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($parrillas)
                                @foreach ($parrillas->parrilla_presentacion as $parrilla)
                                    @foreach ($parrilla->parrilla_presentacion_producto as $p_p_producto)
                                    <tr>
                                        <td>{{$parrilla['orden']}}</td>
                                        <td>{{$parrilla->producto['nombre']}}</td>
                                        <td>{{$parrilla['descripcion']}}</td>
                                        <td>{{$p_p_producto['tipo_recurso']==1 ? 'Muestra Médica':'Promoción'}}</td>
                                        @if ($p_p_producto['tipo_recurso']==2)
                                            @foreach ($productoPromocionales as $promocional)
                                                @if ($p_p_producto['id_producto']==$promocional['id'])
                                                <td>{{$promocional['nombre']}}</td>
                                                @endif
                                            @endforeach
                                        @else
                                            <td>{{$p_p_producto->producto['nombre']}}</td>
                                        @endif
                                        <td><input class="cantidadParrilla" data-id="{{$p_p_producto['id']}}" name="cantidadParrilla[]" type="number" value="{{$p_p_producto['cantidad']}}"></td>
                                    </tr>
                                    @endforeach
                                @endforeach

                            @endif

                        </tbody>
                    </table>
                    <button id="actualizarParrilla" style="width: 200px" type="submit" class="btn btn-primary">Actualizar Parrilla</button>
        </div>
 -->
    </div>
    <!-- Pedidos -->
    <!-- Tabs -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">PEDIDOS</h5>
                    <div class="header-elements">
                        <div class="list-icons">
                            <a class="list-icons-item" data-action="collapse"></a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <ul class="nav nav-tabs nav-tabs-highlight nav-justified">
                        <li class="nav-item"><a href="#justified-left-tab11" class="nav-link active" data-toggle="tab"><i class="icon-menu7 mr-2"></i>  Pedidos</a></li>
                        <li style="display: none" class="nav-item hidden"><a href="#justified-left-tab22" class="nav-link" data-toggle="tab"><i class="icon-newspaper mr-2"></i> Eva</a></li>
                        <li class="nav-item"><a href="#justified-left-tab33" class="nav-link" data-toggle="tab"><i class="icon-folder2 mr-2"></i> Promociones</a></li>
                    </ul>

                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="justified-left-tab11">
                            <h5>Pedido</h5>
                            <table id="tablaJS" class="table tablaPedidos">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Laboratorio</th>
                                        <th>Producto</th>
                                        <th>Unidad</th>
                                        <th>Precio Médico</th>
                                        <th>Bonificación</th>
                                        <th style="display: none;">Precio piso</th>
                                        <th>Subtotal</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><a class='eliminarFila' onclick="eliminarFila(this)"><i class="icon-trash"></i></a></td>
                                        <td>
                                            <select class="form-control listadoLaboratorios2" onchange="nuevaLista(this)" name="id_laboratorio[]">
                                                <option value="0">Seleccione un laboratorio</option>
                                                @foreach ($laboratorios as $laboratorio)
                                                    <option value="{{$laboratorio['id']}}">
                                                        {{$laboratorio['nombre']}}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <select class="form-control listadoProductoPedido" name="id_producto[]">
                                                <option value="0">Seleccione un producto</option>
                                            </select>
                                        </td>

                                        <td><input style="width: 50px" class="cantidadPedido" type="number" value="1" name="cantidadPedido[]"></td>
                                        <td><p class="precioPedido">0.00</p></td>
                                        <td>
                                            <select class="form-control bonificacionesPedido" name="id_bonificacion[]">
                                                <option value="0">Sin bonificación</option>
                                            </select>
                                        </td>
                                        <td style="display: none;"><input class="precioPisoPedido" type="text"  name="precioPedido[]"></td>
                                        <td style="text-align: right"><p class="subTotalPedido">0.00</p></td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>Total</strong>
                                </div>
                                <div class="col-md-6">
                                    <p class="totalTP" style="text-align: right;margin-right: 10px;">0.00</p>
                                </div>
                            </div>

                            <button id="nuevoProducto2" type="button" class="btn btn-success">Nuevo producto</button>
                            <br><br>
                            <textarea id="observacionesPedido" name="observacionesPedido" class="form-control mb-3" rows="3" cols="1" placeholder="Este pedido requiere alguna autorizacion especial"></textarea>
                            <br>
                            
                            <button id="realizarPedido" style="width: 200px" type="submit" class="btn btn-primary">Realizar Pedido</button>
                            <br>
                            <div id="mensajePedidos">
                                
                            </div>
                        </div>

                        <div style="display: none;" class="tab-pane hidden fade" id="justified-left-tab22">
                            <h5>EVA</h5>
                            <br>
                            <table id="" class="table">
                                <thead>
                                    <tr>
                                        <th></th>
                                        <th>Producto</th>
                                        <th>Cantidad</th>
                                        <th>Precio Piso</th>
                                        <th>Precio</th>
                                        <th>% EVA</th>
                                        <th>Bonificación</th>
                                        <th>Margen compra EVA</th>
                                        <th>Total EVA</th>
                                        <th>Total Venta</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td><a class='eliminarFila' onclick="eliminarFila(this)"><i class="icon-trash"></i></a></td>
                                        <td>
                                            @if ($listado)
                                            <select class="form-control listadoProductoPedidoEVA" name="id_productoEVA[]">
                                                <option value="0">Seleccione un producto</option>

                                                @foreach ($listado->listado_precios as $productoL)
                                                    <option
                                                        
                                                        data-precio="{{$productoL['precio_base']}}"
                                                        data-precio_piso="{{$productoL['precio_piso']}}"
                                                        data-porcentaje_eva="{{$productoL['porcentaje_eva']}}"
                                                        @foreach ($productoL->bonificaciones as $bonificacion)
                                                        
                                                        @endforeach
                                                        data-bonificacion="{{json_encode($contenedorB??'')}}"
                                                                                                                value="{{$productoL['id']}}"
                                                    >
                                                        {{$productoL->producto['nombre']??''}}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @endif
                                        </td>
                                        <td><input style="width: 50px" class="cantidadPedidoEVA" type="number" value="1" name="cantidadPedidoEVA[]"></td>
                                        <td><p style="width: 90px" class="precioPedidoEVA"></p></td>
                                        <td><input style="width: 90px" class="precioPisoEVA" type="text"  name="precioPedidoEVA[]"></td>
                                        <td><input class="porcentajeEVA" name="porcentajeEVA[]" style="width: 50px" type="number" value="0"></td>
                                        <td>
                                            <select class="form-control bonificacion_eva" name="id_bonificacion_eva[]">
                                                <option value="0">Sin bonificación</option>
                                            </select>
                                        </td>
                                        <td><p class="margenEVA">0.00</p></td>
                                        <td><p class="totalEVA">0.00</p></td>
                                        <td><p  class="totalVentaEVA">0.00</p></td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="row">
                                <div class="col-md-6">
                                    <strong>Total</strong>
                                </div>
                                <div class="col-md-6">
                                    <p class="totalTEva" style="text-align: right;margin-right: 30px;">0.00</p>
                                </div>
                            </div>
                            <button id="nuevoProductoEVA" type="button" class="btn btn-success">Nuevo producto</button>
                            <br><br>
                            <textarea id="infoEVA" name="evaSolicitar" class="form-control mb-3" rows="3" cols="1" placeholder="EVA a solicitar"></textarea>
                            <button id="realizarPedidoEVA" style="width: 200px" type="submit" class="btn btn-primary">Realizar Pedido EVA</button>
                            <br>
                            <div id="mensajePedidosEVA">
                                
                            </div>
                        </div>

                        <div class="tab-pane fade" id="justified-left-tab33">
                            <h5>Oferta de precio para médicos:</h5>

                            <div class="card-group-control card-group-control-right" id="">
                            <table class="table table-hover">
                            <thead>
                                <tr>
                                  <th class="bold" scope="col">Producto</th>
                                  <th class="bold" scope="col">Descripción</th>
                                  <th class="bold" scope="col">Precio</th>
                                  <th class="bold" scope="col">Precio Público</th>
                                </tr>
                              </thead>
                              <tbody>
                                <tr>
                                  <th>LOSATOP</th>
                                  <td>1+1</td>
                                  <td>Q 75.69</td>
                                  <td>Q 282.64</td>
                                </tr>
                                <tr>
                                  <th>LOSATOP H</th>
                                  <td>1+1</td>
                                  <td>Q 84.67</td>
                                  <td>Q 324.63</td>
                                </tr>
                                <tr>
                                  <th>CLAVUTOP</th>
                                  <td>10+5</td>
                                  <td>Q 93.33</td>
                                  <td>Q 282.35</td>
                                </tr>
                                <tr>
                                  <th>ESOMAG</th>
                                  <td>Compra 1 caja de 30 cápsulas más 1 caja de 15 cápsulas</td>
                                  <td>Q 6.97 (por capsula)</td>
                                  <td>Q 18.00 (por capsula)</td>
                                </tr>
                                <tr>
                                  <th>SOLOCIN Simple</th>
                                  <td>Compran 10 más 5 cajas</td>
                                  <td>Q 94.94</td>
                                  <td>Q 211.71</td>
                                </tr>
                                <tr>
                                  <th>SOLOCIN Plus</th>
                                  <td></td>
                                  <td>Q 109.34</td>
                                  <td>Q 230.62</td>
                                </tr>
                                <tr>
                                  <th>DEXLANZOTOP</th>
                                  <td>Comprar 10 cajas de 28 cápsulas más | 5 cajas de 14 cápsulas</td>
                                  <td>Q 12.49</td>
                                  <td>Q 22.01</td>
                                </tr>
                                <tr>
                                  <th>CIPROTOP LP</th>
                                  <td>7+1</td>
                                  <td>Q 265.8</td>
                                  <td>Q 448.02</td>
                                </tr>
  
                              </tbody>
                            </table>
                            </div>

                        </div>

                    </div>
                </div>

                <br><br>
            </div>

        </div>
    </div>
    <!-- Comentario visita -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header header-elements-inline">
                    <h5 class="card-title">COMENTARIO VISITA ACTUAL</h5>
                    <div class="row">

                    </div>


                    <div class="header-elements">
                        <div class="list-icons">
                            <a class="list-icons-item" data-action="collapse"></a>
                        </div>
                    </div>
                </div>

                <div class="card-body">
                    <div class="form-group">
                        <label>¿Tipo de visita?</label>
                        <select multiple="multiple" class="form-control select" name="id_envios[]">
                            <option value="1">Negociación</option>
                            <option value="2">Seguimiento</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Acciones</label>
                        <select multiple="multiple" class="form-control select" name="id_envios[]">
                            <option value="1">Administrativo</option>
                            <option value="2">Gerente de línea</option>
                        </select>
                    </div>
                    <textarea id="cometario_final_visita" name="cometario_final_visita" class="form-control mb-3" rows="3" cols="1" placeholder="Ingrese su comentario de la visita..."></textarea>
                    <div class="d-flex align-items-center">
                        <button id="guardarComentarioVisita" type="button" class="btn bg-teal-400 btn-labeled btn-labeled-right ml-auto"><b><i class="icon-paperplane"></i></b> Guardar comentario</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="tituloModal"></h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div id="infoListadoProductos" class="modal-body">
            
        </div>
      </div>
    </div>
  </div>
@endsection

@section('javascript')
<script>
    var map;
    var listadoProductosJson={!! $listadoJson !!};
    var bonificacionesJson={!! $bonificacionesJson !!};

    var options = {
        enableHighAccuracy: true,
        timeout: 5000,
        maximumAge: 0
    };
    function success(pos) {
        var crd = pos.coords;
        jQuery( document ).ready(function() {
            $('#c_logitud').val(crd.longitude);
            $('#c_latitud').val(crd.latitude);
        })
    };
    function error(err) {
        alert('ERROR(' + err.code + '): ' + err.message);
    };
    navigator.geolocation.getCurrentPosition(success, error, options);
    function eliminarFila(elemento){
        var parentElem = elemento.parentElement;
        var eliminarElemento=parentElem.parentElement;
        eliminarElemento.parentNode.removeChild(eliminarElemento);
    }
    function nuevaLista(elemento){
        console.log('Entro cambio de producto 1',elemento.value);
        var idLaboratorio=parseFloat(elemento.value);
        var buscarPadre=elemento.parentElement.parentElement;
        var htmlOptionListado='<option value="0">Seleccione un producto</option>';
        console.log('listado precios',listadoProductosJson);
        $.each(listadoProductosJson, function( index, value ) {
                if(value.producto){
                    if(parseFloat(value.producto.id_tipo)==1 && idLaboratorio==parseFloat(value.producto.id_laboratorio) ){
                        htmlOptionListado+='<option data-precio="'+value.precio_base+'"';
                        htmlOptionListado+=' data-precio_piso_alert="'+value.precio_piso+'"';
                        htmlOptionListado+=' data-precio_piso="0"';
                        var arregloBonificaciones=[];
                        $.each(value.bonificaciones, function( j, valuek ) {
                            arregloBonificaciones[j]=valuek.id_bonificacion;
                        })
                        htmlOptionListado+=' data-bonificacion="'+JSON.stringify(arregloBonificaciones)+'"';
                        htmlOptionListado+=' value="'+value.id_producto+'">';
                        htmlOptionListado+=value.producto.nombre+'</option>';

                    }
                }
               
        });
        $(buscarPadre).find('.listadoProductoPedido').empty().append(htmlOptionListado);
    }
    
    jQuery( document ).ready(function() {
        
        $('.select').select2();
        

        $('#empezarVisita').on('click',function(){
            var idVisita=$('#id_visita').val();
            var token = '{{ csrf_token() }}';
            if(idVisita>0){
                var txt;
                var r = confirm("Desea terminar la visita?");
                if (r == true) {
                   
                    
                    $.ajax({
                        type:'POST',
                        url:'{{ route('socio.terminar_visita') }}',
                        headers: {'X-CSRF-TOKEN': token},
                        data:{
                            idVisita:idVisita,
                        },
                        success:function(data){
                            window.location.href = '{{ route('apm.calendario') }}';
                        }
                    });
                } 
                return false;
            }
            
            var idDistribucion='{{$idDistribucion}}';
            var idSocio='{{$socio->id}}';
            var idParrilla='{{$parrillas->id??0}}';
            var logitud=$('#c_logitud').val();
            var latitud=$('#c_latitud').val();
            $(this).removeClass('btn-danger').addClass('btn-success');
            $.ajax({
                type:'POST',
                url:'{{ route('socio.nueva_cita') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    idSocio:idSocio,
                    idDistribucion:idDistribucion,
                    idParrilla:idParrilla,
                    logitud:logitud,
                    latitud:latitud
                },
                success:function(data){
                    console.log(data);
                    $('#id_visita').val(data.idVisita);
                    Swal.fire({
                        position: 'top-end',
                        title: data.message,
                        showConfirmButton: false,
                        timer: 1500
                    })
                    $('#empezarVisita').text('TERMINAR VISITA');
                }
            });
        })
        $('#actualizarParrilla').on('click',function(){

            var token = '{{ csrf_token() }}';
            var idSocio='{{$socio->id}}';
            var idParrilla='{{$parrillas->id??''}}';
            var idVisita=$('#id_visita').val();

            var valuesCantidadParrilla = $("input[name='cantidadParrilla[]']").map(function(){return $(this).val();}).get();
            var idCantidadParrilla = $("input[name='cantidadParrilla[]']").map(function(){return $(this).attr('data-id');}).get();


            $(this).removeClass('btn-danger').addClass('btn-success');
            $.ajax({
                type:'POST',
                url:'{{ route('socio.actualizar_parrilla') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    idSocio:idSocio,
                    idParrilla:idParrilla,
                    idVisita:idVisita,
                    cantidadesParrilla:valuesCantidadParrilla,
                    idCantidaesParrilla:idCantidadParrilla
                },
                success:function(data){
                    Swal.fire({
                        position: 'top-end',
                        title: data.message,
                        showConfirmButton: false,
                        timer: 1500
                    })
                }
            });
        })
        //Duplicar fila de pedidos
        $('#nuevoProducto2').on('click',function(){
            var targetTable=$(this).parent().find('table').find('tbody');
           
            let  $inputIniciales=$( targetTable ).find('tr').first().clone();
            $($inputIniciales).appendTo(targetTable).find('input').val('');
            $($inputIniciales).appendTo(targetTable).find('p').text('0.00');
            $($inputIniciales).appendTo(targetTable).find('.cantidadPedido').val(1);
            $($inputIniciales).appendTo(targetTable).find('.laboratorioPredido').text('');
            //Cargar los precios
            $('.listadoProductoPedido').on('change',function(){
                //var precioBase=parseFloat($(this).find('option:selected').attr('data-precio'));
                var precioBase=parseFloat($(this).find('option:selected').attr('data-precio'));
                var precioPiso=parseFloat($(this).find('option:selected').attr('data-precio_piso'));
                var precioPisoMedico=parseFloat($(this).find('option:selected').attr('data-precio_piso_alert'));
                var buscarPadre=$(this).parent().parent();

                var cantidad=parseFloat($(buscarPadre).find('.cantidadPedido').val());
                var subTotal=precioPisoMedico*cantidad;
                $(buscarPadre).find('td .precioPedido').text(precioPisoMedico);
                $(buscarPadre).find('td .precioPisoPedido').val(precioPisoMedico);
                $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));
            })
            //Multiplica la cantidad
            $('.cantidadPedido').on('change',function(){
                var cantidad=parseFloat($(this).val());
                var buscarPadre=$(this).parent().parent();
                var precioBase=parseFloat($(buscarPadre).find('.precioPisoPedido').val());
                var subTotal=precioBase*cantidad;
                $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));
                console.log('Pureba 8');
                var totalPeido=0;
                $('.subTotalPedido').each(function(){
                    totalPeido+=parseFloat($(this).text());
                })
                $('.totalTP').text(totalPeido.toFixed(2));
            })
            $('.precioPisoPedido').on('change',function(){
                var cantidad=parseFloat($(this).val());
                var buscarPadre=$(this).parent().parent();
                //Verificar el precio piso
                var verificarPrecioPiso=parseFloat($(buscarPadre).find('.listadoProductoPedido option:selected').attr('data-precio_piso_alert'));
                if(cantidad<verificarPrecioPiso){
                    alert('No se puede ingresar un precio menor al precio piso');
                    cantidad=verificarPrecioPiso;
                    $(this).val(verificarPrecioPiso);
                }

                var precioBase=parseFloat($(buscarPadre).find('.cantidadPedido').val());
                var subTotal=precioBase*cantidad;
                $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));

                var totalPeido=0;
                $('.subTotalPedido').each(function(){
                    totalPeido+=parseFloat($(this).text());
                })
                $('.totalTP').text(totalPeido.toFixed(2));
                console.log('Cambio 1');

            })
            //Bonificacion
            $('.bonificacionesPedido').on('change',function(){
                var bonificacionV=$(this).val();
                var buscarPadre=$(this).parent().parent();
                //var precioBase=parseFloat($(buscarPadre).find('td .listadoProductoPedido').find('option:selected').attr('data-precio'));
                var precioBase=parseFloat($(buscarPadre).find('td .listadoProductoPedido').find('option:selected').attr('data-precio_piso_alert'));
                var cantidad=parseFloat($(buscarPadre).find('.cantidadPedido').val());
                var subTotal=precioBase*cantidad;

                if(bonificacionV>0){

                    //Bloqueo de precio base
                    var prueba=$(buscarPadre).find('.precioPisoPedido').attr('readonly', true).val(0);
                    //Data de la bonificacion
                    var cantidad_base=parseFloat($(this).find('option:selected').attr('data-cantidad_base'));
                    var bonificacion=parseFloat($(this).find('option:selected').attr('data-bonificacion'));
                    var porcentaje=bonificacion/(cantidad_base+bonificacion);
                    //Subtotal
                    var descuento=subTotal-(subTotal*porcentaje);
                    $(buscarPadre).find('td .subTotalPedido').text(descuento.toFixed(2));

                    var totalPeido=0;
                    $('.subTotalPedido').each(function(){
                        totalPeido+=parseFloat($(this).text());
                    })
                    $('.totalTP').text(totalPeido.toFixed(2));
                    console.log('Cambio 3');
                }else{
                    var precioBaseO=$(buscarPadre).find('.precioPisoPedido').removeAttr('readonly').val();
                    var subTotalO=precioBaseO*cantidad;
                    $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));
                }
            })
        })
        //Cargar productos segun laboratorio
       

        //Cargar los precios
        $('.listadoProductoPedido').on('change',function(){
            var precioBase=parseFloat($(this).find('option:selected').attr('data-precio'));
            var precioPiso=parseFloat($(this).find('option:selected').attr('data-precio_piso'));
            var precioPisoMedico=parseFloat($(this).find('option:selected').attr('data-precio_piso_alert'));
            var bonificaciones=JSON.parse($(this).find('option:selected').attr('data-bonificacion'));

            var buscarPadre=$(this).parent().parent();

            var cantidad=parseFloat($(buscarPadre).find('.cantidadPedido').val());
            var subTotal=precioPisoMedico*cantidad;
            $(buscarPadre).find('td .precioPedido').text(precioPisoMedico);
            $(buscarPadre).find('td .precioPisoPedido').val(precioPisoMedico);
            $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));
            //Agregar bonificaciones
            var htmlOption="";
            htmlOption+='<option value="0">Sin bonificación</option>';
            for (let index = 0; index < bonificaciones.length; index++) {
                var idBonificacion = parseFloat(bonificaciones[index]);
                $.each(bonificacionesJson, function( jj, value ) {
                    var idBonifiaciones=parseFloat(value.id);
                    if(idBonificacion==idBonifiaciones){
                        htmlOption+='<option value="'+idBonifiaciones+'" data-cantidad_base="'+value.cantidad_base+'" data-bonificacion="'+value.bonificacion+'">'+value.nombre+'</option>';
                    }
                })

            }
            $(buscarPadre).find('.bonificacionesPedido').empty().append(htmlOption);

        })
        //Multiplica la cantidad
        $('.cantidadPedido').on('change',function(){
            var cantidad=parseFloat($(this).val());
            var buscarPadre=$(this).parent().parent();
            var precioBase=parseFloat($(buscarPadre).find('.precioPisoPedido').val());
            var subTotal=precioBase*cantidad;
            $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));

            var totalPeido=0;
            $('.subTotalPedido').each(function(){
                totalPeido+=parseFloat($(this).text());
             })
            $('.totalTP').text(totalPeido.toFixed(2));
            console.log('Cambio 4');
        })
        $('.precioPisoPedido').on('change',function(){
            var cantidad=parseFloat($(this).val());
            var buscarPadre=$(this).parent().parent();
             //Verificar el precio piso
            var verificarPrecioPiso=parseFloat($(buscarPadre).find('.listadoProductoPedido option:selected').attr('data-precio_piso_alert'));
            if(cantidad<verificarPrecioPiso){
                alert('No se puede ingresar un precio menor al precio piso');
                cantidad=verificarPrecioPiso;
                $(this).val(verificarPrecioPiso);
            }
            var precioBase=parseFloat($(buscarPadre).find('.cantidadPedido').val());
            var subTotal=precioBase*cantidad;
            $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));
            var totalPeido=0;
            $('.subTotalPedido').each(function(){
                totalPeido+=parseFloat($(this).text());
            })
            $('.totalTP').text(totalPeido.toFixed(2));
            console.log('Cambio 2');
        })
        //Bonificacion
        $('.bonificacionesPedido').on('change',function(){
            var bonificacionV=$(this).val();
            var buscarPadre=$(this).parent().parent();
            var precioBase=parseFloat($(buscarPadre).find('td .listadoProductoPedido').find('option:selected').attr('data-precio'));
            var cantidad=parseFloat($(buscarPadre).find('.cantidadPedido').val());
            var subTotal=precioBase*cantidad;

            if(bonificacionV>0){

                //Bloqueo de precio base
                var prueba=$(buscarPadre).find('.precioPisoPedido').attr('readonly', true).val('0');
                //Data de la bonificacion
                var cantidad_base=parseFloat($(this).find('option:selected').attr('data-cantidad_base'));
                var bonificacion=parseFloat($(this).find('option:selected').attr('data-bonificacion'));
                var porcentaje=bonificacion/(cantidad_base+bonificacion);
                //Subtotal
                var descuento=subTotal-(subTotal*porcentaje);
                $(buscarPadre).find('td .subTotalPedido').text(descuento.toFixed(2));

                var totalPeido=0;
                $('.subTotalPedido').each(function(){
                    totalPeido+=parseFloat($(this).text());
                })
                $('.totalTP').text(totalPeido.toFixed(2));
                console.log('Cambio 5');
            }else{
                var precioBaseO=$(buscarPadre).find('.precioPisoPedido').removeAttr('readonly').val();
                var subTotalO=precioBaseO*cantidad;
                $(buscarPadre).find('td .subTotalPedido').text(subTotal.toFixed(2));
                console.log('Cambio 7');
            }
        })
        //Guardar comentario
        $('#guardarComentarioVisita').on('click',function(){
            var token = '{{ csrf_token() }}';
            var idVisita=$('#id_visita').val();
            var comentario=$('#cometario_final_visita').val();
            if(idVisita==0){
                alert('Debes iniciar la visita para realizar el pedido');
                return false;
            }
            $.ajax({
                type:'POST',
                url:'{{ route('socio.guardar_comentario') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    idVisita:idVisita,
                    comentario:comentario,
                },
                success:function(data){
                    //Todo ok
                    $('.cantidad_combo').each(function(){
                        $(this).val(0);
                    })
                    Swal.fire({
                        position: 'top-end',
                        title: data.message,
                        showConfirmButton: false,
                        timer: 2500
                    })
                }
            });
        })

        //Realizar Combo
        $('#realizarPedidoCombo').on('click',function(){
            var token = '{{ csrf_token() }}';
            var idVisita=$('#id_visita').val();
            var idSocio='{{$socio->id}}';
            if(idVisita==0){
                alert('Debes iniciar la visita para realizar el pedido');
                return false;
            }

            var id_cantidad = $("input[name='cantidad_combo[]']").map(function(){return $(this).val();}).get();
            var id_combo = $("input[name='id_combo[]']").map(function(){return $(this).val();}).get();
            $.ajax({
                type:'POST',
                url:'{{ route('socio.guardar_pedido_combo') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    idSocio:idSocio,
                    idVisita:idVisita,
                    id_combo:id_combo,
                    id_cantidad:id_cantidad,
                },
                success:function(data){
                    //Todo ok
                    $('.cantidad_combo').each(function(){
                        $(this).val(0);
                    })
                    Swal.fire({
                        position: 'top-end',
                        title: data.message,
                        showConfirmButton: false,
                        timer: 2500
                    })
                }
            });
        })
        //Realizar pedido
        $('#realizarPedido').on('click',function(){
            var token = '{{ csrf_token() }}';
            var idSocio='{{$socio->id}}';
            var idVisita=$('#id_visita').val();
            if(idVisita==0){
                alert('Debes iniciar la visita para realizar el pedido');
                return false;
            }

            var idProductos = $("select[name='id_producto[]']").map(function(){return $(this).val();}).get();
            var cantidadPedido = $("input[name='cantidadPedido[]']").map(function(){return $(this).val();}).get();
            var precioPedido = $("input[name='precioPedido[]']").map(function(){return $(this).val();}).get();
            var idBonificacion = $("select[name='id_bonificacion[]']").map(function(){return $(this).val();}).get();
            var comentario = $("#observacionesPedido").val();
            console.log(cantidadPedido);
            $.ajax({
                type:'POST',
                url:'{{ route('socio.guardar_pedido') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    idSocio:idSocio,
                    idVisita:idVisita,
                    idProductos:idProductos,
                    precioPedido:precioPedido,
                    idBonificacion:idBonificacion,
                    comentario:comentario,
                    cantidadPedido:cantidadPedido
                },
                success:function(data){
                    //Todo ok
                    var jj=1;
                    $('.tablaPedidos tbody tr').each(function(){
                        if(jj==1){
                            $(this).find('.listadoProductoPedido option:eq(0)').attr('selected', 'selected');
                            $(this).find('.laboratorioPredido').text('');
                            $(this).find('.cantidadPedido').val(1);
                            $(this).find('.precioPisoPedido').val('0');
                            $(this).find('.bonificacionesPedido option:eq(0)').attr('selected', 'selected');
                            $(this).find('.precioPisoPedido').text('0.00');
                            $(this).find('.subTotalPedido').text('0.00');
                            $('#observacionesPedido').val('');
                        }else{
                            $(this).empty();
                        }
                        jj++;
                    })
                    $('#mensajePedidos').append('<span data-toggle="modal" data-target="#exampleModal" class="badge badge-pill bg-blue ml-auto verPedido" data-id_pedido="'+data.id_pedido+'">Pedido correcto ID='+data.id_pedido+'</span>');
                    Swal.fire({
                        position: 'top-end',
                        title: data.message,
                        showConfirmButton: false,
                        timer: 2500
                    })
                    $('.verPedido').on('click',function(){
                        var token = '{{ csrf_token() }}';
                        var idVisita=$(this).attr('data-id_pedido');
                        $.ajax({
                            type:'POST',
                            url:'{{ route('socio.mostrar_pedido') }}',
                            headers: {'X-CSRF-TOKEN': token},
                            data:{
                                idVisita:idVisita
                            },
                            success:function(data){
                                if(data.message){
                                    $('#infoListadoProductos').html(data.html)
                                }
                                console.log(data);
                            }
                        });
                    })
                }
            });
        })
        /**************************** EVA **********************************************/

        //Duplicar fila de pedidos
        $('#nuevoProductoEVA').on('click',function(){
            var targetTable=$(this).parent().find('table').find('tbody');
            let  $inputIniciales=$( targetTable ).find('tr').first().clone();
            $($inputIniciales).appendTo(targetTable).find('input').val('').attr('readonly', false);
            $($inputIniciales).appendTo(targetTable).find('p').text('0.00');
            $($inputIniciales).appendTo(targetTable).find('.cantidadPedidoEVA').val(1);
            $($inputIniciales).appendTo(targetTable).find('.porcentajeEVA').val(0);
            //Cargar los precios
            $('.listadoProductoPedidoEVA').on('change',function(){
               
                var precioBase=parseFloat($(this).find('option:selected').attr('data-precio'));
                var precioPiso=parseFloat($(this).find('option:selected').attr('data-precio_piso'));
                var porcentaje_eva=parseFloat($(this).find('option:selected').attr('data-porcentaje_eva'));
                var bonificacion_eva=JSON.parse($(this).find('option:selected').attr('data-bonificacion'));
                var buscarPadre=$(this).parent().parent();
                var cantidad=parseFloat($(buscarPadre).find('.cantidadPedidoEVA').val());
                var bonificacion=0;
                console.log('EVA Cambio 1',precioPiso);
                $(buscarPadre).find('td .precioPedidoEVA').text(precioPiso);
                $(buscarPadre).find('td .porcentajeEVA').val(porcentaje_eva).attr('readonly', true);
                
                //Agregar bonificaciones
                var htmlOption="";
                for (let index = 0; index < bonificacion_eva.length; index++) {
                    var idBonificacion = parseFloat(bonificacion_eva[index]);
                    $.each(bonificacionesJson, function( jj, value ) {
                        var idBonifiaciones=parseFloat(value.id);
                        
                        if(idBonificacion==idBonifiaciones){
                            bonificacion=value.cantidad_base/(value.cantidad_base+value.bonificacion);
                            htmlOption+='<option value="'+idBonifiaciones+'" data-cantidad_base="'+value.cantidad_base+'" data-bonificacion="'+value.bonificacion+'">'+value.nombre+'</option>';
                        }
                    })

                }
            
               
                $(buscarPadre).find('td .precioPedidoEVA').text(precioPiso.toFixed(2));
                $(buscarPadre).find('.bonificacion_eva').empty().append(htmlOption);

                
                var margenEVA=precioBase*(porcentaje_eva/100);
                var subTotalEVA=margenEVA*cantidad;
                var subTotal=precioBase*cantidad;
                $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                console.log('Eva 2');
                var subTotales=0;
                $('.totalVentaEVA').each(function(){
                    subTotales=parseFloat($(this).text())+subTotales;
                })
                $('.totalTEva').text(subTotales.toFixed(2));

            })
            //Multiplica la cantidad EVA
            $('.cantidadPedidoEVA').on('change',function(){
                console.log('Cantidad');
                var cantidad=parseFloat($(this).val());
                var buscarPadre=$(this).parent().parent();
                var precioBase=parseFloat($(buscarPadre).find('.precioPedidoEVA').text());
                var precioPiso=parseFloat($(buscarPadre).find('.precioPisoEVA').val());

                //Ver porcentaje
                var bonificacionV=parseFloat($('.porcentajeEVA').val());

                if(bonificacionV==0){
                    var subTotal=precioBase*cantidad;
                    var margenEVA=(precioBase-precioPiso);
                    var subTotalEVA=(precioBase-precioPiso)*cantidad;

                    $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                    $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                    $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                }else{
                    if(precioPiso){
                        var margenEVA=(precioPiso-precioBase);
                        var subTotalEVA=margenEVA*cantidad;
                        var subTotal=precioPiso*cantidad;


                        $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                        $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                        $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                    }else{
                        var porcentaje=bonificacionV/100;
                        //Subtotal
                        var margenEVA=precioBase*porcentaje;
                        var subTotalEVA=margenEVA*cantidad;
                        var subTotal=precioBase*cantidad;

                    
                        $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                        $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                        $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                    }

                }
                var subTotales=0;
                $('.totalVentaEVA').each(function(){
                    subTotales=parseFloat($(this).text())+subTotales;
                })
                $('.totalTEva').text(subTotales.toFixed(2));
            })
            $('.precioPisoEVA').on('change',function(){
                console.log('Entro precio Eva1');
                var buscarPadre=$(this).parent().parent();
                var precioPisoU=parseFloat($(this).val());
                var precioPiso=parseFloat($(buscarPadre).find('.precioPedidoEVA').text());

                var precioBase=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-precio_piso'));
                var procentajeEVA=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-porcentaje_eva'));
                var cantidad=parseFloat($(buscarPadre).find('.cantidadPedidoEVA').val());
                if((precioPisoU-precioBase)<0 && precioPisoU!=0 ){
                    alert('El precio no puede ser menor de '+precioBase);
                    return false;
                }
                //Verificar si el precio piso es 0 entonces Calcular EVA
                if(precioPisoU>0){
                    $(buscarPadre).find('.porcentajeEVA').val(0).attr('readonly', true);
                    console.log(precioPisoU);
                    console.log(precioPiso);
                    var margenEVA=(precioPisoU-precioPiso);
                    var subTotal=precioPisoU*cantidad;
                    var subTotalEVA=margenEVA*cantidad;

                    $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                    $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                    $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                    
                }else{
                    //Calcular porcentaje eva
                    $(buscarPadre).find('.porcentajeEVA').val(procentajeEVA);
                    var margenEVA=precioPiso*(procentajeEVA/100);
                    var subTotal=precioPiso*cantidad;
                    var subTotalEVA=margenEVA*cantidad;

                    
                    $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                    $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                    $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                }
                $('.totalVentaEVA').each(function(){
                    subTotales=parseFloat($(this).text())+subTotales;
                })
                $('.totalTEva').text(subTotales.toFixed(2));
            })
            //Bonificacion
            $('.bonificacion_eva').on('change',function(){
                var bonificacionV=parseFloat($(this).val());
                var buscarPadre=$(this).parent().parent();
                var precioBase=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-precio'));
                var procentajeEVA=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-porcentaje_eva'));
                var cantidad=parseFloat($(buscarPadre).find('.cantidadPedidoEVA').val());
                var subTotal=precioBase*cantidad;

                if(bonificacionV>0){

                    //Bloqueo de precio base
                    $(buscarPadre).find('.precioPisoEVA').attr('readonly', true).val('0');
                    $(buscarPadre).find('.porcentajeEVA').attr('readonly', true);
                    //Data de la bonificacion
                    var cantidad_base=parseFloat($(this).find('option:selected').attr('data-cantidad_base'));
                    var bonificacion=parseFloat($(this).find('option:selected').attr('data-bonificacion'));
                    var porcentaje=bonificacion/(cantidad_base+bonificacion);
                    //Subtotal
                    var descuento=subTotal-(subTotal*porcentaje);
                    var subTotal=descuento;
                    var margenEVA=precioBase*porcentaje;
                    var subTotalEVA=margenEVA*cantidad;
                    console.log('Bonificacion ',descuento,subTotal,porcentaje);

                    $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                    $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                    $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                }else{
                    $(buscarPadre).find('.precioPisoEVA').attr('readonly', false).val('0');
                    $(buscarPadre).find('.porcentajeEVA').attr('readonly', false);
                    $(buscarPadre).find('.porcentajeEVA').val(procentajeEVA).attr('readonly', false);

                    var margenEVA=precioBase*(procentajeEVA/100);
                    var subTotal=precioBase*cantidad*((100-procentajeEVA)/100);
                    var subTotalEVA=margenEVA*cantidad;

                    $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                    $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                    $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));

                }
            })
        })


        //Cargar los precios
        $('.listadoProductoPedidoEVA').on('change',function(){
            var precioBase=parseFloat($(this).find('option:selected').attr('data-precio'));
            var precioPiso=parseFloat($(this).find('option:selected').attr('data-precio_piso'));
            var porcentaje_eva=parseFloat($(this).find('option:selected').attr('data-porcentaje_eva'));
            var bonificacion_eva=JSON.parse($(this).find('option:selected').attr('data-bonificacion'));
            var buscarPadre=$(this).parent().parent();
            var cantidad=parseFloat($(buscarPadre).find('.cantidadPedidoEVA').val());
            var bonificacion=0;
            console.log('EVA Cambio 2');
            $(buscarPadre).find('td .precioPisoEVA').val(0);
            $(buscarPadre).find('td .porcentajeEVA').val(porcentaje_eva).attr('readonly', true);
            
            //Agregar bonificaciones
            var htmlOption="";
            for (let index = 0; index < bonificacion_eva.length; index++) {
                var idBonificacion = parseFloat(bonificacion_eva[index]);
                $.each(bonificacionesJson, function( jj, value ) {
                    var idBonifiaciones=parseFloat(value.id);
                    
                    if(idBonificacion==idBonifiaciones){
                        bonificacion=value.cantidad_base/(value.cantidad_base+value.bonificacion);
                        htmlOption+='<option value="'+idBonifiaciones+'" data-cantidad_base="'+value.cantidad_base+'" data-bonificacion="'+value.bonificacion+'">'+value.nombre+'</option>';
                    }
                })

            }
           
            $(buscarPadre).find('td .precioPedidoEVA').text(precioPiso.toFixed(2));
            $(buscarPadre).find('.bonificacion_eva').empty().append(htmlOption);

            
            var margenEVA=precioBase*(porcentaje_eva/100);
            var subTotalEVA=margenEVA*cantidad;
            var subTotal=precioBase*cantidad;
            $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
            $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
            $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
            //Buscar todos los subtotales
            var subTotales=0;
            $('.totalVentaEVA').each(function(){
                subTotales=parseFloat($(this).text())+subTotales;
            })
            $('.totalTEva').text(subTotales.toFixed(2));

        })
        //Multiplica la cantidad EVA
        $('.cantidadPedidoEVA').on('change',function(){
            console.log('Cantidad');
            var cantidad=parseFloat($(this).val());
            var buscarPadre=$(this).parent().parent();
            var precioBase=parseFloat($(buscarPadre).find('.precioPedidoEVA').text());
            var precioPiso=parseFloat($(buscarPadre).find('.precioPisoEVA').val());

            //Ver porcentaje
            var bonificacionV=parseFloat($('.porcentajeEVA').val());

            if(bonificacionV==0){
                var subTotal=precioBase*cantidad;
                var margenEVA=(precioBase-precioPiso);
                var subTotalEVA=(precioBase-precioPiso)*cantidad;

                $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
            }else{
                if(precioPiso){
                    var margenEVA=(precioPiso-precioBase);
                    var subTotalEVA=margenEVA*cantidad;
                    var subTotal=precioPiso*cantidad;


                    $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                    $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                    $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                }else{
                    var porcentaje=bonificacionV/100;
                    //Subtotal
                    var margenEVA=precioBase*porcentaje;
                    var subTotalEVA=margenEVA*cantidad;
                    var subTotal=precioBase*cantidad;

                   
                    $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                    $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                    $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                }

            }
            var subTotales=0;
            $('.totalVentaEVA').each(function(){
                subTotales=parseFloat($(this).text())+subTotales;
            })
            $('.totalTEva').text(subTotales.toFixed(2));
        })
        $('.precioPisoEVA').on('change',function(){
            var buscarPadre=$(this).parent().parent();
            var precioPisoU=parseFloat($(this).val());
            var precioPiso=parseFloat($(buscarPadre).find('.precioPedidoEVA').text());

            var precioBase=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-precio_piso'));
            var procentajeEVA=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-porcentaje_eva'));
            var cantidad=parseFloat($(buscarPadre).find('.cantidadPedidoEVA').val());
            if((precioPisoU-precioBase)<0 && precioPisoU!=0 ){
                alert('El precio no puede ser menor de '+precioBase);
                return false;
            }
            //Verificar si el precio piso es 0 entonces Calcular EVA
            if(precioPisoU>0){
                $(buscarPadre).find('.porcentajeEVA').val(0).attr('readonly', true);
                console.log('EVA2',precioPisoU);
                console.log(precioPiso);
                var margenEVA=(precioPisoU-precioPiso);
                var subTotal=precioPisoU*cantidad;
                var subTotalEVA=margenEVA*cantidad;

                $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                
            }else{
                //Calcular porcentaje eva
                $(buscarPadre).find('.porcentajeEVA').val(procentajeEVA);
                var margenEVA=precioPiso*(procentajeEVA/100);
                var subTotal=precioPiso*cantidad;
                var subTotalEVA=margenEVA*cantidad;

                
                $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
            }
            var subTotales=0;
            $('.totalVentaEVA').each(function(){
                subTotales=parseFloat($(this).text())+subTotales;
            })
            $('.totalTEva').text(subTotales.toFixed(2));

        })
        //Bonificacion
        $('.bonificacion_eva').on('change',function(){
            var bonificacionV=parseFloat($(this).val());
            var buscarPadre=$(this).parent().parent();
            var precioBase=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-precio'));
            var procentajeEVA=parseFloat($(buscarPadre).find('td .listadoProductoPedidoEVA').find('option:selected').attr('data-porcentaje_eva'));
            var cantidad=parseFloat($(buscarPadre).find('.cantidadPedidoEVA').val());
            var subTotal=precioBase*cantidad;

            if(bonificacionV>0){

                //Bloqueo de precio base
                $(buscarPadre).find('.precioPisoEVA').attr('readonly', true).val('0');
                $(buscarPadre).find('.porcentajeEVA').attr('readonly', true);
                //Data de la bonificacion
                var cantidad_base=parseFloat($(this).find('option:selected').attr('data-cantidad_base'));
                var bonificacion=parseFloat($(this).find('option:selected').attr('data-bonificacion'));
                var porcentaje=bonificacion/(cantidad_base+bonificacion);
                //Subtotal
                var descuento=subTotal-(subTotal*porcentaje);
                var subTotal=descuento;
                var margenEVA=precioBase*porcentaje;
                var subTotalEVA=margenEVA*cantidad;
                console.log('Bonificacion ',descuento,subTotal,porcentaje);

                $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));
                $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
            }else{
                $(buscarPadre).find('.precioPisoEVA').attr('readonly', false).val('0');
                $(buscarPadre).find('.porcentajeEVA').attr('readonly', false);
                $(buscarPadre).find('.porcentajeEVA').val(procentajeEVA).attr('readonly', false);

                var margenEVA=precioBase*(procentajeEVA/100);
                var subTotal=precioBase*cantidad*((100-procentajeEVA)/100);
                var subTotalEVA=margenEVA*cantidad;

                $(buscarPadre).find('td .totalVentaEVA').text(subTotal.toFixed(2));
                $(buscarPadre).find('td .margenEVA').text(margenEVA.toFixed(2));
                $(buscarPadre).find('td .totalEVA').text(subTotalEVA.toFixed(2));

            }
        })
        //Realizar EVA
        $('#realizarPedidoEVA').on('click',function(){
            console.log('entro realizar pedido');
            var token = '{{ csrf_token() }}';
            var idSocio='{{$socio->id}}';
            var idVisita=$('#id_visita').val();

            var idProductos = $("select[name='id_productoEVA[]']").map(function(){return $(this).val();}).get();
            var buscarVacios=idProductos.find(element => element == 0);
            if(buscarVacios==0){
                alert ('Debes seleccionar un producto');
                return false;
            }
            var cantidadPedido = $("input[name='cantidadPedidoEVA[]']").map(function(){return $(this).val();}).get();
            var precioPedido = $("input[name='precioPedidoEVA[]']").map(function(){return $(this).val();}).get();
            var porcentaje = $("input[name='porcentajeEVA[]']").map(function(){return $(this).val();}).get();
            var idBonificacion = $("select[name='id_bonificacion_eva[]']").map(function(){return $(this).val();}).get();
            var comentario = $("#infoEVA").val();
            console.log('entro',idBonificacion);
            if(idVisita==0){
                alert('Debes iniciar la visita para realizar el pedido');
                return false;
            }

            $.ajax({
                type:'POST',
                url:'{{ route('socio.guardar_eva') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    idSocio:idSocio,
                    idVisita:idVisita,
                    idProductos:idProductos,
                    precioPedido:precioPedido,
                    porcentaje:porcentaje,
                    idBonificacion:idBonificacion,
                    comentario:comentario,
                    cantidadPedido:cantidadPedido
                },
                success:function(data){
                    //Todo ok
                    var jj=1;
                    $('.tablaPedidos tbody tr').each(function(){
                        if(jj==1){
                            $(this).find('.listadoProductoPedidoEVA option:eq(0)').attr('selected', 'selected');
                            $(this).find('.cantidadPedidoEVA').val(1);
                            $(this).find('.precioPedidoEVA').val('');
                            $(this).find('.precioPisoEVA').text('0.00');
                            $(this).find('.porcentajeEVA').val(0);
                            $(this).find('.margenEVA').text('0.00');
                            $(this).find('.totalEVA').text('0.00');
                            $(this).find('.totalVentaEVA').text('0.00');
                            $('#infoEVA').val('');
                        }else{
                            $(this).empty();
                        }
                        jj++;
                    })
                    console.log(data);
                    $('#mensajePedidosEVA').append('<span data-toggle="modal" data-target="#exampleModal" class="badge badge-pill bg-blue ml-auto verPedidoEVA" data-id_pedido="'+data.id_pedido+'">Pedido EVA correcto ID='+data.id_pedido+'</span>');
                    $('.verPedidoEVA').on('click',function(){
                        var token = '{{ csrf_token() }}';
                        var idVisita=$(this).attr('data-id_pedido');
                        $.ajax({
                            type:'POST',
                            url:'{{ route('socio.mostrar_pedidoEVA') }}',
                            headers: {'X-CSRF-TOKEN': token},
                            data:{
                                idVisita:idVisita
                            },
                            success:function(data){
                                if(data.message){
                                    $('#infoListadoProductos').html(data.html)
                                }
                                console.log(data);
                            }
                        });
                    })
                    Swal.fire({
                        position: 'top-end',
                        title: data.message,
                        showConfirmButton: false,
                        timer: 2500
                    })
                }
            });
        })
        /************************************* DATOS DE COMPRA ***********************************/

        $('.verFactura').on('click',function(){
            var serie=$( this ).attr('data-serie');
            var factura=$( this ).attr('data-numero');
            var codigoDiamante='{{$socio->cod_diamante}}';
            $('.facturaSerie').empty().text(serie+'-'+factura);
            var token = '{{ csrf_token() }}';

            $.ajax({
                type:'POST',
                url:'{{ route('socio.consulta_factura') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    serie:serie,
                    factura:factura,
                    codigoDiamante:codigoDiamante
                },
                success:function(data){
                    var htmlTabla="";
                    $('.facturaMostrar').empty();
                    $.each( data, function( key, value ) {
                        htmlTabla+="<tr>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.nombre_producto;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.total_articulos;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.precio_unitario;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.total_factura;
                            htmlTabla+="</td>";
                        htmlTabla+="</td>";
                    });

                    $('.facturaMostrar').append(htmlTabla);
                }
            });

        })
        $('.verFactura2').on('click',function(){
            var serie=$( this ).attr('data-serie');
            var factura=$( this ).attr('data-numero');
            var codigoDiamante='{{$socio->cod_diamante}}';
            var token = '{{ csrf_token() }}';

            $.ajax({
                type:'POST',
                url:'{{ route('socio.consulta_producto') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    serie:serie,
                    factura:factura,
                    codigoDiamante:codigoDiamante
                },
                success:function(data){
                    var htmlTabla="";
                    $('.facturaMostrar').empty();
                    $.each( data, function( key, value ) {
                        htmlTabla+="<tr>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.nombre_producto;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.total_articulos;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.precio_unitario;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.total_factura;
                            htmlTabla+="</td>";
                        htmlTabla+="</td>";
                    });

                    $('.facturaMostrar').append(htmlTabla);
                }
            });

        })

        $('.verProducto2').on('click',function(){
            var producto=$( this ).attr('data-codigo');
            var codigoDiamante='{{$socio->cod_diamante}}';
            var token = '{{ csrf_token() }}';

            $.ajax({
                type:'POST',
                url:'{{ route('socio.productos_facturas') }}',
                headers: {'X-CSRF-TOKEN': token},
                data:{
                    producto:producto,
                    codigoDiamante:codigoDiamante
                },
                success:function(data){
                    var htmlTabla="";
                    $('.mostrarInfoFacturas').empty();
                    $.each( data, function( key, value ) {
                        htmlTabla+="<tr>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.fecha_documento;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.serie_docu;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.numero_doc;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.total_articulos;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.precio_unitario;
                            htmlTabla+="</td>";
                            htmlTabla+="<td>";
                                htmlTabla+=value.total_factura;
                            htmlTabla+="</td>";
                        htmlTabla+="</td>";
                    });

                    $('.mostrarInfoFacturas').append(htmlTabla);
                }
            });

        })
        var table =$('#tablaProducto1').DataTable({
            pageLength: 5,
            lengthMenu: [5,10, 20]
        });
        var table2 =$('#tablaProducto2').DataTable( );
    });
</script>
@endsection