@extends('layouts.app')

@section('content')

    <div class="modal-inner-pro">

        <div class="invoice-wrap">
            <div class="invoice-img" style="background-color:green; color:white;">
                <h1>NUEVA NOTA DE CRÉDITO</h1>
            </div>


            <div class="invoice-hds-pro">
                <div class="row">


                    @include('layouts.alertas')

                    <!-- BUSQUEDA DEL CLIENTE -->
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="invoice-cmp-ds ivc-to">
                            <div class="cmp-ph-em"></div>

                            <div class="invoice-frm">
                                <div class="row">


                                    <div class="col-lg-12 col-md-12 col-sm-12 col-md-12">
                                        <h5>Seleccione la factura que desea crear la nota de crédito</h5>
                                        <select class="selectpicker" id="factura_id_search" onchange="facturaSelct(this.value)"  data-live-search="true" style="width: 100%;">
                                            <option value="">Seleccione la factura</option>
                                            @foreach ($facturas as $cli)
                                                @if($cli->soft_delete == '')
                                                    <option value="{{ $cli->id }}">
                                                        Codigo factura: 
                                                        {{ str_pad($cli->id, 9, 'FAC-0000', STR_PAD_LEFT) }}

                                                        |

                                                        Tipo factura:
                                                        @if($cli->tipo_factura == 'factura')
                                                            FAC-{{$cli->numero_orden}}
                                                        @elseif($cli->tipo_factura == 'cotizacion')
                                                            COT-{{$cli->numero_orden}}
                                                        @endif

                                                        | 

                                                         @php 
                                                            $cliente = DB::table('clientes')->where('id', $cli->cliente_id)->get()->all();
                                                            $vendedor = DB::table('users')->where('id', $cli->vendedor_id)->get()->all();
                                                        @endphp

                                                        @foreach($cliente as $value_cliente)
                                                            cliente: {{$value_cliente->nombre}}
                                                        @endforeach


                                                        |

                                                        @foreach($vendedor as $value_vendedor)
                                                            vendedor: {{$value_vendedor->name}}
                                                        @endforeach

                                                        |

                                                        Fecha: {{$cli->created_at}}

                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>

                                   

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


                <!-- ROW CLOSE -->
                </div>
            </div>




            <div class="contenedor_show_details" style="display: none;">
                
                <form action="{{route('Nota.Credito.Store')}}" method="post" accept-charset="utf-8">
                    @csrf

                    <input type="hidden" name="id_factura" id="id_factura">
                    <input type="hidden" name="id_cliente" id="id_cliente">


                    <!-- AQUI PRESENTAMOS LOS DATOS DE LA COTIZACIÓN -->
                    <div class="row">
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="invoice-hs wt-inv sm-res-mg-t-30 tb-res-mg-t-30 tb-res-mg-t-0">
                                <span>Nota de credito #</span>
                                <h2 class="count_number"></h2> 
                                <input type="hidden" name="numero_orden" id="count_number" value="">
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="invoice-hs date-inv sm-res-mg-t-30 tb-res-mg-t-30 tb-res-mg-t-0">
                                <span>Fecha</span>
                                @php $todayDate = date("d-m-Y"); @endphp
                                <h2>{{ $todayDate }}</h2>   
                                <input type="hidden" name="date" value="{{ $todayDate }}">                         
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="invoice-hs">
                                <span>Vendedor</span>                            
                                <h2>OSCAR SEIJO</h2>
                                <input type="hidden" name="vendedor_id" value="{{ auth()->user()->id }}"> 
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
                            <div class="invoice-hs gdt-inv sm-res-mg-t-30 tb-res-mg-t-30 tb-res-mg-t-0">
                                <span>Total General</span>
                                <h2 id="total_venta">RD$ 0</h2>

                                <!-- aqui debemos cargar el total -->
                                <input type="hidden" id="total_finals" name="total_venta" value="0">
                            </div>
                        </div>
                    </div>






                    <!-- AQUI PRESENTAMOS LOS DATOS QUE SE TRAE DE LA TABLA -->
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <h5>Eliminar los productos que no estarán dentro de la nota de crédito:</h5>
                            <div class="invoice-sp">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th style="width: 5%;">#</th>
                                            <th style="width: 10%;">Código</th>
                                            <th style="width: 50%;">Descripción</th>
                                            <th style="width: 5%;">Cant.</th>
                                            <th style="width: 15%;">Precio U.</th>
                                            <th style="width: 15%;">Total</th>
                                            <th style="width: 5%;">Opciones </th>
                                        </tr>
                                    </thead>
                                    <tbody id="detalles">
                                    </tbody>


                                    <tfoot>
                                        <tr>
                                            <th style="width: 5%;"></th>
                                            <th style="width: 10%;"></th>
                                            <th style="width: 40%;"></th>
                                            <th style="width: 15%;"></th>
                                            <th style="width: 15%;">Devolución Total</th>
                                            <th style="width: 20%;">
                                                <h6 id="total_final" style="color: green; font-size: 20px;">0</h6>
                                            </th>
                                            <th style="width: 0%;"></th>
                                        </tr>
                                        
                                    </tfoot>

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


                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <h5>¿Por qué se creo está nota de crédito?</h5>
                            <textarea name="descripcion" style="width: 100%; min-height: 200px;" required></textarea>
                        </div>
                    </div>


                    <div class="row" style="padding-top:40px;">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="invoice-ds-int invoice-last">
                                <h2>NOTA:</h2>
                                <p class="tab-mg-b-0">Despues de los 15 de la elaboración de esta nota de credito, puede modificar los precios de los productos sin previo aviso.</p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="btn-list">
                                <button class="btn btn-primary notika-btn-primary waves-effect" id="guardar">Crear Nota de Credito</button>
                                <a href="/cotizaciones" class="btn btn-danger notika-btn-danger waves-effect">Cancelar</a>
                            </div>
                        </div>
                    </div>



                </form>
            </div>
            


        <!-- invoice-wrap -->
        </div>

    </div>


    @include('layouts.formulario_externo')


    @include('layouts.formularios_emergentes')
    @yield('form_user')

    <script>

        function facturaSelct(){
            
            var idFactura = document.getElementById('factura_id_search').value;

            $.ajax({
                type:'GET',
                url:"{{ route('Nota.Credito.Search') }}",
                data:{idFactura:idFactura},
                dataType: 'html',
                beforeSend: function(){
                   console.log('loading')
                    $("#detalles").html(''); 
                },
                success: function (mensaje) {
                    if (mensaje.length ) {
                        console.log(mensaje);

                        var result = $.parseJSON(mensaje);
                        
                        // Cargamos los datos correspondientes
                        $('.count_number').html('').append(result[0]);
                        document.getElementById("count_number").value = result[0];

                        $('#total_venta').html('').append(result[4]);
                        document.getElementById("total_finals").value = result[4];

                        // total 
                        $('#total_final').html('').append(result[4]);
                        document.getElementById("total_finals").value = result[4];
                        
                        document.getElementById("id_factura").value = result[6];
                        document.getElementById("id_cliente").value = result[1];
                        console.log(result[1]);

                        // tomamos los datos =
                        var productos = result[7];
                        //console.log(productos)
                        $("#detalles").append(productos); 


                        $('.contenedor_show_details').fadeIn(300);

                    } else{

                        // cerramos el cuadro
                        $('.contenedor_show_details').fadeOut(300)
                        alert('Ya existe una orden de crédito con está factura.');
                        //console.log('empty')
                    }  
                   
                },
                error: function (xhr, status) {
                    console.log(xhr);
                    console.log(status);
                } 
                
            });
        
        }
                
            

        


    </script>

@endsection