@extends('templates.master')

@section('css-view')
@endsection

@section('js-view')
@endsection

@section('conteudo-view')
    <h1>Alteração de Fornecedores</h1>

    {!! Form::model ($fornecedor, ['route' => ['cadFornecedor.update', $fornecedor->id_fornecedor], 'name' => 'fornecedor_blade', 'method' => 'put', 'class' => 'form-padrao']) !!}
        <div id="inputs">
            <center>
                <table cellspacing=2 cellpadding=5>
                    <tr valign=top>
                        <td class=tblHdr>Nome</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'nome', 'attributes' => ['class' => 'forminput']])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>e-mail</td>
                        <td class=tblFld>
                            @include('templates.form.input',  ['label' => '', 'input' => 'email', 'attributes' => ['class' => 'forminput']])
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>CEP</td>
                        <td class=tblFld>
                            @include('templates.form.input',  ['label' => '', 'input' => 'cep', 'attributes' => ['class' => 'forminput1', 'id' => 'cep', 'onkeydown' => "javascript:doMask(this, 'cep', event);"]])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Endereço</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'endereco', 'attributes' => ['class' => 'forminput']])
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Complemento</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'complemento', 'attributes' => ['class' => 'forminput']])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Bairro</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'bairro', 'attributes' => ['class' => 'forminput']])
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Cidade</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'cidade', 'attributes' => ['class' => 'forminput']])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>UF</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'uf', 'attributes' => ['class' => 'forminput2']])
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Telefone</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'celular_1', 'attributes' => ['class' => 'forminput', 'onkeydown' => "javascript:doMask(this, 'telefone', event);"]])
                        </td>
                        <td class=tblHdr>&nbsp;&nbsp;&nbsp;</td>
                        <td class=tblHdr>Celular</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'celular_2', 'attributes' => ['class' => 'forminput', 'onkeydown' => "javascript:doMask(this, 'celular', event);"]])
                        </td>
                    </tr>
                    <tr valign=top>
                        <td class=tblHdr>Whatsapp</td>
                        <td class=tblFld>
                            @include('templates.form.input', ['label' => '', 'input' => 'whatsapp', 'attributes' => ['class' => 'forminput', 'onkeydown' => "javascript:doMask(this, 'celular', event);"]])
                        </td>
                    </tr>
                    {!! Form::hidden("codigo", $fornecedor->codigo) !!}
                    {!! Form::hidden("id_instancia", $fornecedor->id_instancia) !!}

                </table>
            </center>
        </div>
        <p></p>

        <div id="botoes">
            @include('templates.form.submit', ['input' => 'Alterar Registro'])
            &nbsp;&nbsp;
            <a href="{{ route('cadFornecedor.index') }}" class="backbutton">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Voltar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
        </div>
        {!! Form::close() !!}
        <script>
            $( "#cep" ).blur(function() {
                event.preventDefault();

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: "{{ route('cadFornecedor.cep') }}",
                    type: "post",
                    data: $(this).serialize(),
                    dataType: 'json',
                    success: function(response){
                        if (response.success === true) {
                            document.fornecedor_blade.endereco.value = response.logradouro;
                            document.fornecedor_blade.complemento.value = response.complemento;
                            document.fornecedor_blade.bairro.value = response.bairro;
                            document.fornecedor_blade.cidade.value = response.localidade;
                            document.fornecedor_blade.uf.value = response.uf;
                        } else {
                            alert('Erro: ' + response.message);
                        }
                    },
                    error: function(error){
                        alert('Erro: Erro na API, verificar o CNPJ digitado');
                    }
                });
            });
        </script>
@endsection