@extends('layouts.app')

@push('css')

<style>
    .btn_touchspin{
        padding: 0px 14px;
        height: 30px;
        width: auto;
        text-align: center;
        background-color: #0b5cd7;
        border: none;
        color: #fff;
        font-family: "SKFSans-Medium";
        font-size: 12px;
    }
</style>
@endpush

@section('content')
    <div class="container ml-0 mr-0 pl-0 pr-0 row">
        <div class="animate__animated animate__fadeInUp container tarjetas tarjeta-gris p-3 p-sm-2 p-md-3 p-lg-5 p-xl-5 col-12">
            <div class="row row-bottom">
               <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                   <h3 class="texto-obscuro">Visualización de producto</h3>
                   <nav class="breadcrumb"><a class="breadcrumb-item" href="{{ url('productos') }}">Productos</a><span class="breadcrumb-item active">Visualización de producto</span></nav>
               </div>
           </div>
           <div class="empty-space-10"></div>
           <div class="row">
            @include('productos.show_fields')
           </div>
           <div class="empty-space-50"></div>
           {{-- <div class="row botonera-inferior">
                <div class="col-12 p-0 m-0 text-right botonera-formulario">
                    <a href="{{ url('productos') }}" class="btn btn-secundario text-white width-250" style="margin-right: 0px;">Regresar <span><-</span></a>
                </div>
            </div> --}}
           <div class="empty-space-50"></div>
       </div>
    </div>
@endsection

@push('scripts')
    <script>
        var url_publica = "{{ url('/') }}";
        @if($agregado != null)
        var validacion = false;
        @else
        var validacion = true;
        @endif
        $(".updatebutton").click(function(){

            var id = $(this).data('id');
            var tipo = $(this).data('tipo');
            var cantidad = parseInt($("#cantidad_"+id).text());

            if(tipo == "menos")
            {
                cantidad = cantidad - 1;
                if(cantidad <= 0)
                {
                    cantidad = 0;
                }
            }else{
                cantidad = cantidad + 1;
            }
            $("#cantidad_"+id).text(cantidad);

            if(cantidad == 1)
            {
                if(validacion)
                {
                    var aux = parseInt($("#contador_carrito").text());
                    $("#contador_carrito").html(aux + 1);   
                    $("#contador_carrito_movil").html(aux + 1);   
                    validacion = false;
                }
            }else if(cantidad == 0){
                if(!validacion)
                {
                    var aux = parseInt($("#contador_carrito").text());
                    $("#contador_carrito").html(aux - 1); 
                    $("#contador_carrito_movil").html(aux - 1); 
                    validacion = true;
                }
            }

            $.ajax({                
                url: url_publica+"/actualizar_carrito/"+id+"/"+cantidad,
                success: function(respuesta) {
                    
                },
                error: function() {
                    console.log("No se ha podido obtener la información");
                }
            });
        });
        $("#guardar-cambios").click(function(){
            $("#btn-mas").click();
        });
    </script>
@endpush