@extends('fragments.fullTemplate')
@php
    $id_usuario = session('id_usuario');
    if (! session('id_usuario')) {
            header('location: /');
            die();
    }
@endphp
@section('contenido')
    <div class="ui big breadcrumb">
        <div class="section">SEATSA Internacional</div>
        <i class="right chevron icon divider"></i>
        <div class="active section">SECOMSA</div>
    </div>

    <div class="ui divider"></div>
    <div data-module-notifications-anchor></div>
    <div class="content">
        <div class="col-lg-12 col-md-12 col-sm-12">
            @if(session()->has('success'))
                <div class="alert alert-success text-center">
                    <strong>{{ session()->get('success') }}</strong>
                </div>
            @endif
            @if (count($errors) > 0)
            <div class="alert alert-danger">
                <strong>¡Error!</strong> Revise los campos obligatorios.<br><br>
                <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
                </ul>
            </div>
            @endif
        </div>
    </div>
    @include('Requisicion_compra.Notificacion.notificacion_requisicion_modal')
    @include('Control_documentos.Notificacion.notificacion_documento_version')
    @include('Modificaciones.notificacion_modificacion')
    @include('Modificaciones.Notificacion.notificacion_modificacion_firma_modal')
    {{--
    <div class="ui segment">
        <form class="ui form" action="usuarioSearch" method="get">
            <div class="inline fields sx-remove-margin">
                <div class="twelve wide field">
                    <input type="search" name="search" id="search" placeholder="Nombre del usuario…">
                </div>
                <div class="four wide field">
                    <input class="ui button" type="submit" name="" value="Buscar usuario">
                </div>
            </div>
        </form>
    </div>
    --}}
	@if ($permisos->crear == 1)
    <button class="ui button fluid primary nueva_solicitud_pruebas_modal">
        <i class="pencil alternate icon"></i> Nuevo cobro
    </button>    
	@endif
    <div class="ui divider"></div>

    <div class="sx-autorender">
        <div class="sx-scroll-x">
            <p class="text-center" >{{ $servicios_reportes->count() }}</strong> resultados en esta página</p>
            <table id="lang-dt" class="ui celled table unstackable">
                <thead>
                    <tr>
                        <th>Cliente Factura</th>
                        <th>Cliente Informe</th>
                        <th>Contacto</th>
                        <th>Fecha</th>
                        
                        <th class="collapsing">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @if($servicios_reportes->count())
                    @foreach ($servicios_reportes as $reporte)
                        @php
                            $datos_contactos = datos_contactos($reporte->id_int_otro_servicio_reporte);
                        @endphp
                        <tr>
                            <td>{{$reporte->nombre_cliente_factura}}</td>
                            <td>{{$reporte->nombre_cliente_informe}}</td>
                            <td>
                                <table>
                                    <tbody>
                                        @foreach ($datos_contactos as $dato_contacto)
                                            <tr>
                                                <td>{{$dato_contacto->nombre_contacto}}</td>
                                                <td>Tel. {{$dato_contacto->telefono}}</td>
                                            </tr>  
                                        @endforeach
                                    </tbody>
                                </table>
                            </td>
                            
                            <td>{{date("d-m-Y",strtotime($reporte->fecha))}}</td>
                            <td>
                                <div class="ui tiny icon buttons">
                                    <a href="internacional_otros_servicios/detalles/{{$reporte->id_int_otro_servicio_reporte}}" class="ui button orange edit" title="Detalles">
                                        <i class="right arrow icon"></i>
                                    </a>
                                  @if ($permisos->actualizar == 1)
                                    <!-- Editar -->                                    
                                    <a class="ui button green edit_cobro_servicios_modal" 
                                       title="Modifica" 
                                       id="usuario{{--$usuario->id_usuario--}}"
                                       
                                       data-id_reporte="{{$reporte->id_int_otro_servicio_reporte}}">
                                        <i class="pencil alternate icon"></i>
                                    </a>
                                  @endif
                                    <!-- Eliminar -->
                                    {{--<form action="{{action('usuarios@destroy', $usuario->id_usuario)}}" method="post">
                                        {{csrf_field()}}
                                        <input name="_method" type="hidden" value="DELETE">
                                        <button class="ui button red" type="submit">
                                            <i class="trash alternate icon"></i>
                                        </button>
                                    </form>--}}
                                  @if ($permisos->eliminar == 1)
                                    <button class="ui button red eliminarReporte" data-id_int_otro_servicio_reporte="{{$reporte->id_int_otro_servicio_reporte}}">
                                        <i class="trash alternate icon"></i>
                                    </button>
                                  @endif
                                    
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8">No se encontraron registros</td>
                    </tr>
                    @endif
                </tbody>
            </table>
            {{-- $usuarios->links("pagination::bootstrap-4") --}}
        </div>
    </div>
    @include('Internacional_otros_servicios.create_modal')
    <script>
        
        $(document).on('change','.select_servicio',function(){
            
            id_servicio = $(this).val();
            number_row = $(this).closest('tr').data('number_row');
  
            //alert(number_row);
            //console.log(id_empresa);
            $.ajax({
                url:"show_select_servicio",
                method:"POST",
                data:{'id_servicio': id_servicio, '_token': _token = $('input[name="_token"]').val()},
                    success:function(response){
                        
                        //alert(response);
                        result = JSON.parse(response); 
                        resultData = result.data;
                        
                        console.log(resultData);
                        html_option = "";
                        //html_option += "<select id='"+id_programacion_muestra+"_debe_decir_producto_"+count_row+"' name='"+id_programacion_muestra+"_debe_decir_producto_"+count_row+"' class='liveSearchJquery form-control'>";
                        
                        if (resultData.length > 0) {
                            $.each(resultData, function(key, value) {
                                console.log(value);
                                html_option +="<option value="+value['id_precio']+">"+value['tipo_producto']+"</option>";
                            });
                        }else{
                            html_option +="<option selected disabled>--Seleccione--</option>";
                        }
                        html_option += "</select>";
                       
                        $('#select_servicio_producto_'+number_row).html(html_option);

                        id_precio = $('#select_servicio_producto_'+number_row).val();
                        $.ajax({
                            url:"{{url('show_select_servicio_producto')}}",
                            method:"POST",
                            data:{'id_precio': id_precio, '_token': _token = $('input[name="_token"]').val()},
                                success:function(response){
                                    
                                    //alert(response);
                                    result = JSON.parse(response); 
                                    resultData = result.data;
                                    precio_unitario = resultData['precio_unitario'];
                                    $('#precio_unitario_'+number_row).val(precio_unitario);

                                    cantidad = $('#cantidad_'+number_row).val();
                                    
                                    subtotal = cantidad*precio_unitario;
                                    
                                    $('#subtotal_'+number_row).val(subtotal);
                                    calculo_total();
                                },
                        });
                        

                        $('.liveSearchJquery').select2({  width: '100%' });
                    },

                });
                
            });

            $(document).on('change','.select_servicio_producto',function(){
            
                id_precio = $(this).val();
                number_row = $(this).closest('tr').data('number_row');
  
                //alert(id_precio);

                $.ajax({
                    url:"{{url('show_select_servicio_producto')}}",
                    method:"POST",
                    data:{'id_precio': id_precio, '_token': _token = $('input[name="_token"]').val()},
                        success:function(response){
                            result = JSON.parse(response); 
                            resultData = result.data;
                            
                            console.log(resultData);
                            $('#precio_unitario_'+number_row).val(resultData['precio_unitario']);
                        },
                });
            });
    </script>
    <script type="text/javascript">
        $('.liveSearchJquery').select2({  width: '100%' });    
    </script>
    <script>
        $(document).on('keyup change','.calculo_subtotal',function(){
            
            number_row = $(this).closest('tr').data('number_row');
            calculo_subtotal(number_row);
            
                
            
        });

        function calculo_subtotal(number_row) {
            cantidad = $('#cantidad_'+number_row).val();
            precio_unitario = $('#precio_unitario_'+number_row).val();
                                        
            subtotal = cantidad*precio_unitario;
            subtotal = parseFloat(subtotal).toFixed(2);
            $('#subtotal_'+number_row).val(subtotal);
        }
        $(document).on('keyup change','.calculo_total',function(){
            calculo_total();
        });
        function calculo_total(){
            subtotal = 0;
            total = 0;
            //number_row = 0;
            total_html = "";

            $('#tbody_muestras tr').each(function(index, tr) { 
                //number_row++;
                number_row = $(this).closest('tr').data('number_row');
                subtotal = $('#subtotal_'+number_row).val();
                subtotal = parseFloat(subtotal);
                total += subtotal;
            });
            total = parseFloat(total).toFixed(2);
            
            total_html += "<h5>TOTAL: <u>$"+addCommas(total)+"</u></h5>";
            $('#total_tbody').html(total_html);
        }
        function addCommas(nStr){
            nStr += '';
            x = nStr.split('.');
            x1 = x[0];
            x2 = x.length > 1 ? '.' + x[1] : '';
            var rgx = /(\d+)(\d{3})/;
            while (rgx.test(x1)) {
                x1 = x1.replace(rgx, '$1' + ',' + '$2');
            }
            return x1 + x2;
        }
    
    </script>
    <script>
        $(document).on('change','.descuento_checkbox',function(){
                
                descuento = $("#descuento_cliente").data('descuento');
                number_row = $(this).closest('tr').data('number_row');
                
                precio_unitario = $("#precio_unitario_"+number_row).val();
                cantidad = $("#cantidad_"+number_row).val();
                precio_unitario = parseFloat(precio_unitario);

                descuento = parseFloat(descuento/100);
    
                if(this.checked) {
                    precio = precio_unitario*cantidad;
                    descuento = precio*descuento;

                    precio_con_descuento = precio-descuento;
                    
                    //$("#precio_unitario_"+number_row).val(precio_con_descuento);
                    $('#subtotal_'+number_row).val(precio_con_descuento);
                    //calculo_subtotal(number_row);
                    calculo_total();
                    
                }else{

                    id_precio = $("#select_servicio_producto_"+number_row).val();
                    
                    $.ajax({
                        url:"{{url('show_select_servicio_producto')}}",
                        method:"POST",
                        data:{'id_precio': id_precio, '_token': _token = $('input[name="_token"]').val()},
                            success:function(response){
                                result = JSON.parse(response); 
                                resultData = result.data;
                                
                                console.log(resultData);
                                $('#precio_unitario_'+number_row).val(resultData['precio_unitario']);
                                calculo_subtotal(number_row);
                                calculo_total();
                            },
                    });
    
                }
                 
        });
    </script>
    <script>
        $(document).on('click','.delete_servicio',function(){

            number_row = $(this).closest('tr').data('number_row');

            $('#tr_servicios_'+number_row).remove();
            calculo_subtotal(number_row);
            calculo_total();
            
        });
    </script>
    @include('Internacional_otros_servicios.modify_modal')

    @include('Internacional_otros_servicios.delete_modal')
    <script>
        $(document).on('click','.eliminarReporte',function(){
        
            id_int_otro_servicio_reporte=$(this).attr('data-id_int_otro_servicio_reporte');
            
            $('#id_int_otro_servicio_reporte_del').val(id_int_otro_servicio_reporte);
            
            $('#delete_reporte_modal').modal('show'); 
        });
    </script>
    @php
    use App\Int_Otros_Servicios_Contacto;

        function datos_contactos($id_reporte){
            $datos_contactos = Int_Otros_Servicios_Contacto::select()
            ->join('cliente_contacto_facturas','int_otros_servicios_contactos.id_cliente_contacto_factura','=','cliente_contacto_facturas.id_cliente_contacto_factura')
            ->where('cliente_contacto_facturas.delete', 1)
            ->where('id_int_otro_servicio_reporte',$id_reporte)
            ->get();
    
            return $datos_contactos;
        }
         
    @endphp
@endsection