<div id="adicionarNotaModal" class="modal-demo modal-lg">
    <button type="button" class="close" onclick="Custombox.close();">
        <span>&times;</span><span class="sr-only">Close</span>
    </button>
    <h4 class="custom-modal-title">Cadastrar Nota</h4>
    <div class="custom-modal-text">

        <form action="<?php echo base_url(); ?>manutencao/adicionarNota" method="post" name="formAddPreventiva"
              id="formAddPreventiva"
              class="floating-labels m-t-40">
            <div class="form-body">
                <!--                <input type="hidden" id="idVeiculo" name="idVeiculo">-->
                <div class="row p-t-20 "  >
                    <div class="form-group col-lg-4">
                        <input type="text" class="form-control text-center" id="pedido" name="pedido" required
                               onblur="busca_manutencoes_por_tipo(this.value)"
                        >
                        <span class="bar"></span>
                        <label for="input1"><span id="textoPedido">Consulta Pedido</span>  <span style="color: red">*</span></label>
                    </div>

                    <div class="form-group col-lg-4">
                        <input type="text" class="form-control text-left inputmask" id="currency" name="currency"
                               required
                               data-inputmask="'alias': 'numeric', 'groupSeparator': '', 'autoGroup': true, 'digits': 2, 'digitsOptional': false, 'prefix': '', 'placeholder': '0'">

                        <!--                        <input class="form-control" data-inputmask="'alias': 'currency'" style="text-align: right;">-->
                        <span class="bar"></span>
                        <label for="input1">Valor R$ <span style="color: red">*</span></label>
                    </div>

                    <div class="form-group col-lg-4">
                        <input type="checkbox" checked class="form-control text-center" id="isAVista"
                               name="isAVista"
                        >
                        <span class="bar"></span>
                        <label for="input1">Avista ? <span style="color: red">*</span></label>
                    </div>
                </div>
                <div class="row p-t-20 " id="dadosPedido">




                    <div class="form-group col-lg-8">
                        <input type="text" class="form-control" id="nomecliente" name="nomecliente" required
                        >
                        <span class="bar"></span>
                        <label for="input1">Nome do Cliente <span style="color: red">*</span>
                            <!--                            <i class="fa fa-search"></i>-->
                        </label>
                    </div>

                    <div class="form-group col-lg-4">
                        <input type="text" class="form-control" id="cpfcnpj" name="cpfcnpj" maxlength="15"
                        >
                        <!--                        <span class="bar"></span>-->
                        <label for="input1">CPF/CNPJ
                            <!--                            <i class="fa fa-search"></i>-->
                        </label>
                    </div>



                    <div class="form-group col-lg-12">
                        <input type="text" class="form-control" id="nomeproduto" name="nomeproduto" required
                        >
                        <span class="bar"></span>
                        <label for="input1">Nome do Produto <span style="color: red">*</span>
                            <!--                            <i class="fa fa-search"></i>-->
                        </label>
                    </div>







                    <div class="form-group col-lg-4">
                        <select name="vendedor" id="vendedor" class="form-control" required>
                            <option value="ESMAR" selected>ESMAR</option>
                            <option value="LUCIANA">LUCIANA</option>
                            <option value="PEDRO">PEDRO</option>
                            <option value="MARIANO">MARIANO</option>
                        </select>
                        <span class="bar"></span>
                        <label for="input1">Vendedor <span style="color: red">*</span></label>
                    </div>

                    <div class="form-group col-lg-4">
                        <input type="date" class="form-control text-center" id="dataPreventiva" required
                               name="dataPreventiva"
                               value="<?php echo date('Y-m-d') ?>"
                        >
                        <span class="bar"></span>
                        <label for="input1">Data da Venda <span style="color: red">*</span></label>
                    </div>



                    <div class="form-group col-lg-4" id="dataPrevisao">
                        <input type="date" class="form-control text-center" id="dataprevisaopgto"
                               name="dataprevisaopgto"

                        >
                        <span class="bar"></span>
                        <label for="input1">Previsão <span style="color: red">*</span></label>
                    </div>
                </div>

                </div>

            </div>
            <div class="modal-footer">
                <a onclick="Custombox.close();" class="btn btn-default"><i
                            class="icon-arrow-left"></i> Voltar</a>

                <button type="submit" id="btnCadastarPedido" class="btn btn-success"><i class="fa fa-save"></i>
                    Cadastrar
                </button>
            </div>
        </form>
    </div>
<!--</div>-->


<script>
    $("#prefixo").autocomplete({
        source: "<?php echo base_url(); ?>veiculos/autoCompleteVeiculo",
        minLength: 3,
        select: function (event, ui) {
            $("#proprietario_id").val(ui.item.id);

            $("#placa").val(ui.item.placa);
            $("#garagem").val(ui.item.garagem);
            $("#idVeiculo").val(ui.item.idVeiculo);
            $("#teste").html(ui.item.idVeiculo);

            if (ui.item.idVeiculo) {
                $("#btnCadastarPedido").prop("disabled", false);
            }
        }
    });


    function busca_manutencoes_por_tipo(numeroPedidoBuscar) {

       // var numeroPedidoBuscar = $(this).attr('pedido')
        // document.getElementById('pedido')
        console.log(numeroPedidoBuscar)

        $.ajax({
            type: "POST",
            data: {numeroPedidoBuscar: numeroPedidoBuscar},
            dataType: "json",
            url: "<?php echo base_url();?>manutencao/buscarpedidospornumero",
            success: function (data) {
                console.log(data);
                if (data != null && data.NU_PEDIDO != null) {
                    $("#adicionarNotaModal").attr({"style":"display: none;"});
                    $('#adicionarNotaModal').modal('hide');
                    swal({
                        title: "Pedido Já Cadastrado",
                        text: "Pedido com Número: " + numeroPedidoBuscar +
                            "<br/>Cliente:" + data.CLIENTE_ID +
                            "<br/>Valor:" + data.VL_PEDIDO +
                            "<br/>Data Pedido:" + data.DT_NOTA +
                            "<br/>  <span style='font-size: large' class='label label-warning'>Já está Cadastrado</span>",
                        type: "success",
                        showCancelButton: true,
                        confirmButtonText: "Visualizar, Pedido!",

                    }).then(function (result) {
                        window.location.href = '<?php echo base_url();?>manutencao/editarNotasDetalhado/' + data.ID_NOTA;

                    }, function (dismiss) {
                        window.location.href = '<?php echo base_url();?>manutencao/';
                    });
                }else{
                    $('#dadosPedido').show();
                    $("#btnCadastarPedido").prop("disabled", false);
                    console.log('ok')
                }
            }
        });

    }

</script>

<script>
    $(document).ready(function () {
        document.getElementById("pedido").focus();
        // $('#pedido').focus();
        $('#dataPrevisao').hide();
        $('#textoPedido').text('Numero Pedido');
        $('#dadosPedido').hide();
        $("#btnCadastarPedido").prop("disabled", true);
    });
    $('#isAVista').click(function (e) {
        var checkbox = $('#isAVista:checked').length;
        if (checkbox) {
            $('#dataPrevisao').hide();
        }else{
            $('#dataPrevisao').show();
        }
    })
</script>