$(function () {
    PegaCategorias();

    $(".DropCategorias").empty();
    $(".DropCategorias").append('<option value="0">Selecione uma Categoria</option>');
    $(".DropProdutos").append('<option value="0">Selecione um Produto</option>');
    $(".DropModelos").append('<option value="0">Selecione um Modelo</option>');

    //Retorna o select das categorias para o dropdown1
    function PegaCategorias() {
        $.ajax({
            type: "get",
            url: "Handlers/DropDow/AjaxDropDow.ashx",
            contentType: "application/json",
            data: ({}),
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    //Insere os resultados da consulta no dropdown1
                    $(".DropCategorias").append('<option value="' + data[i].idcat + '" >' + data[i].idcategorias + '</option>');
                }
            },
            Error: function () {
                alert("Ocorreu um Erro");
            }
        });
    }

    //Executa a função "PegaValor" quando é selecionado um valor no DropCategorias
    $("select:.DropCategorias").change(PegaValor);

    function PegaValor() {
        //Limpa o DropProdutos
        $(".DropProdutos").empty();

        //limpa o DropModelos
        $(".DropModelos").empty();

        //Insere a linha selecione um produto ao DropProdutos
        $(".DropProdutos").append('<option value="0">Selecione um Produto</option>');

        //Insere a linha selecione um modelo ao DropModelos
        $(".DropModelos").append('<option value="0">Selecione um Modelo</option>');

        //Pega o valor selecionado no DropCategorias
        var valor = $(".dc-slick-content .DropCategorias :selected").val();

        //passa o valor selecionado para função pegacategorias
        pegasubcategorias(valor);
    }

    //recebe o valor do DropCategorias inserido em outra variável
    function pegasubcategorias(idcategoria) {
        $.ajax({
            type: "get",
            url: "Handlers/DropDow/AjaxDropDow.ashx/Modelos",
            contentType: "application/json",
            data: ({ idsecao: idcategoria }),
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    //Insere os resultados da consulta no DropProdutos
                    $(".DropProdutos").append('<option value="' + data[i].idmod + '" >' + data[i].idmodelos + '</option>');
                }
            },

            Error: function () {
                alert("s");
            }
        });
    }

    $("select:.DropProdutos").change(PegaValorDropProdutos);
    function PegaValorDropProdutos() {
        //Limpa o DropModelos
        $(".DropModelos").empty();

        //Insere a linha selecione um produto ao DropProdutos
        $(".DropModelos").append('<option value="0">Selecione um Modelo</option>');
        var valorProd = $(".dc-slick-content .DropProdutos :selected").val();
        var valorcat = $(".dc-slick-content .DropCategorias :selected").val();
        //passa o valor selecionado para função pegacategorias
        pegaproduto(valorProd, valorcat);
    }

    function pegaproduto(idsubcat, idsec) {
        $.ajax({
            type: "get",
            url: "Handlers/DropDow/AjaxDropDow.ashx/Produtos",
            contentType: "application/json",
            data: ({ subcat: idsubcat, idsecao: idsec }),
            success: function (data) {
                for (var i = 0; i < data.length; i++) {
                    $(".DropModelos").append('<option value="' + data[i].idproduto + '" >' + data[i].codigoproduto + '</option>');
                }
            },
            Error: function () {
                alert("s");
            }
        });
    }

    $("select:.DropModelos").change(valorproduto);
    function valorproduto(valorproduto, valorcategoria, valormodelo) {
        var sec = $(".DropCategorias :selected").val();
        var subcate = $(".DropProdutos :selected").val();
        var produt = $(".DropModelos :selected").val();

        var valorproduto = $(".dc-slick-content .DropProdutos :selected").val();
        var valorcategoria = $(".dc-slick-content .DropCategorias :selected").val();
        var valormodelo = $(".dc-slick-content .DropModelos :selected").val();

        window.location = ("Caracteristicas.aspx?ID_Sub_Categoria=" + valorproduto + "&ID=" + valormodelo + "");
        selectproduto(sec, subcate, produt);
    }

    function selectproduto(sec, subcate, produt) {
        $.ajax({
            type: "get",
            url: "Handlers/DropDow/AjaxDropDow.ashx/caracteristicas",
            contentType: "application/json",
            data: ({ idsecao: sec, subcat: subcate, idprod: produt }),
            success: function (data) {

            },
            Error: function () {
                alert("Erro");
            }
        });
    }
});