@extends('layout.template')
@section('contenido')
    <div class="row">
        <div class="card">
            <header class="card-header">
                <h3 class="card-title">Gestionar valores predeterminados</h3>
            </header>
            <div class="card-body">
                <form class="form-horizontal" action="{{url('app/mercadolibre/integracion')}}" name="form-config" id="form-config" method="post">
                    @csrf
                    <div class="form-group">
                        <label class="control-label col-4">Estado Publicación</label>
                        <select id="estado_publicacion" name="config[ml_estado_producto]" class="form-control form-control-border form-control-sm  system_validador_vacio">
                            <option value="">Seleccione</option>
                            <option value="new">Nuevo</option>
                            <option value="used">Usado</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">Tipo de Publicación</label>
                        <select id="tipo_publicacion" name="config[ml_tipo_publicacion]" class="form-control form-control-border form-control-sm  system_validador_vacio">
                            <option value="">Seleccione</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">Metodo de Pago</label>
                        <select id="metodo_pago" name="config[ml_metodo_pago]" class="form-control form-control-border form-control-sm  system_validador_vacio">
                            <option value="">Seleccione</option>
                            <option value="mercado_pago">Mercado Pago</option>
                            <option value="acordado_vendedor">Acordado con el Vendedor</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">Servicio de retirar en local</label>
                        <select id="retirar_en_local" name="config[ml_retirar_en_local]" class="form-control form-control-border form-control-sm  system_validador_vacio">
                            <option value="">Seleccione</option>
                            <option value="true">Si</option>
                            <option value="false">No</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">¿Envío gratis?</label>
                        <select id="envio_gratis" name="config[ml_envio_gratis]" class="form-control form-control-border form-control-sm system_validador_vacio">
                            <option value="">Seleccione</option>
                            <option value="true">Si</option>
                            <option value="false">No</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">Predecir Categoría <i data-toggle="tooltip" data-placement="top" title="Si activa esta opción, el sistema tomara la categoria que predice Mercadolibre." class="fas fa-question-circle ayuda-tooltip"></i></label>
                        <select id="ml_predecir_categoria" name="config[ml_predecir_categoria]" class="form-control form-control-border form-control-sm system_validador_vacio">
                            <option value="">Seleccione</option>
                            <option value="true">Si</option>
                            <option value="false">No</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">Recortar Titulo <i data-toggle="tooltip" data-placement="top" title="Si activa esta opción, el sistema recortará automáticamente los titulos a los caracteres permitidos." class="fas fa-question-circle ayuda-tooltip"></i></label>
                        <select id="ml_recortar_titulo" name="config[ml_recortar_titulo]" class="form-control form-control-border form-control-sm system_validador_vacio">
                            <option value="">Seleccione</option>
                            <option value="true">Si</option>
                            <option value="false">No</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">Porcentaje al Precio <i data-toggle="tooltip" data-placement="top" title="Aumenta el precio de venta en Mercadolibre según en el porcentaje indicado." class="fas fa-question-circle ayuda-tooltip"></i></label>
                        <input type="text" value="{{ $Conf['ml_porcentaje_aumento'] ?? '0' }}" id="ml_porcentaje_aumento" name="config[ml_porcentaje_aumento]" class="form-control form-control-border form-control-sm system_validador_vacio system_validador_numerico">
                    </div>

                    <div class="form-group">
                        <label class="control-label col-4">Porcentaje de seguridad <i data-toggle="tooltip" data-placement="top" title="Porcentaje de seguridad para evitar que los productos tengas precios muy bajos. Para inactivar, dejar en cero" class="fas fa-question-circle ayuda-tooltip"></i></label>
                        <input type="text" value="{{ $Conf['ml_precio_dif_porcentaje'] ?? '0' }}" id="ml_precio_dif_porcentaje" name="config[ml_precio_dif_porcentaje]" class="form-control form-control-border form-control-sm system_validador_vacio system_validador_numerico">
                    </div>

                    <div class="form-group">
                        <label class="control-label">Garantía</label>
                        <textarea maxlength="250" id="garantia" name="config[ml_garantia]" rows="5" cols="50" class="form-control form-control-border">{{ $Conf['ml_garantia'] ?? '' }}</textarea>
                    </div>
                </form>
            </div>
            <div class="card-footer">
                <button type="button" id="btn-guardar" class="btn btn-sm btn-primary">Guardar</button>
            </div>
        </div>
    </div>
    <script>
        jQuery('.ayuda-tooltip').tooltip({boundary: 'window'})
        jQuery(document).ready(function() {
            jQuery("#metodo_pago").val("{{ $Conf['ml_metodo_pago'] ?? '' }}").change();
            jQuery("#estado_publicacion").val("{{ $Conf['ml_estado_producto'] ?? '' }}").change();
            jQuery("#retirar_en_local").val("{{ $Conf['ml_retirar_en_local'] ?? '' }}").change();
            jQuery("#envio_gratis").val("{{ $Conf['ml_envio_gratis'] ?? '' }}").change();
            jQuery("#ml_predecir_categoria").val("{{ $Conf['ml_predecir_categoria'] ?? '' }}").change();
            jQuery("#ml_recortar_titulo").val("{{ $Conf['ml_recortar_titulo'] ?? '' }}").change();
        });

        jQuery(document).on('click', '#btn-guardar', function() {
            if (system_validarcampos("form-config")) {
                axios.post('cuenta/gestionar-atributos', getDataJson("form-config")).then(function(resp) {
                    if (resp.data.error === 0) {
                        Swal.fire('Configuracion guardada.', '', 'success').then(function() {
                            window.location.reload();
                        });
                    } else {
                        notificarUsuario(resp.data.mensaje);
                    }
                });
            }
        });

        setTimeout(function() {
            CargarMetodosEnvio();
            CargarMetodosPublicacion();
        }, 2000);

        var CargarMetodosEnvio = function() {
            axios({
                method: "GET",
                responseType: "json",
                url: "https://api.mercadolibre.com/sites/MCO/shipping_methods",
            }).then(function(response) {
                Object.entries(response.data).forEach(entry => {
                    const [key, transportadora] = entry;
                    if (transportadora.status === "active") {
                        jQuery('#ml_metodo_envio').append(jQuery('<option>', {
                            value: transportadora.id,
                            text: transportadora.name
                        }));
                    }
                });
                jQuery("#ml_metodo_envio").val("{{ $Conf['ml_metodo_envio'] ?? '' }}").change();
            })
        };

        var CargarMetodosPublicacion = function() {
            axios({
                method: "GET",
                responseType: "json",
                url: "https://api.mercadolibre.com/sites/MCO/listing_types",
            }).then(function(response) {
                Object.entries(response.data).forEach(entry => {
                    const [key, publicacion] = entry;
                    jQuery('#tipo_publicacion').append(jQuery('<option>', {
                        value: publicacion.id,
                        text: publicacion.name
                    }));
                });
                jQuery("#tipo_publicacion").val("{{ $Conf['ml_tipo_publicacion'] ?? '' }}").change();
            });
        };
    </script>
@endsection