@extends('padrao')
@section('content')
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <strong>@yield('tipo')</strong> Transportadora
                </h2>
            </div>
            <div class="body">
                <form id="form_validation" method="POST" @yield('action')>
                    {{ csrf_field() }}
                    <div class="row clearfix">
                        <div class="col-sm-1">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" readonly name="id" class="form-control"
                                        value="{{ old('id',(isset($transportadora)) ? $transportadora->id : '') }}">
                                    <label class="form-label">ID</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input style="display:inline; width: calc(100% - 40px)" type="text" name="cpf_cnpj"
                                        class="form-control cpfcnpj" id="cpf_cnpj"
                                        value="{{ old('cpf_cnpj', (isset($transportadora)) ? $transportadora->cpf_cnpj : '') }}"
                                        required title="Esse campo é obrigatório">
                                    <label class="form-label">CNPJ / CPF</label>
                                    <button type="button" id="btn_busca_cnpj"
                                        class="btn btn-primary btn-circle waves-effect waves-circle waves-float">
                                        <i class="material-icons">search</i>
                                    </button>
                                </div>
                            </div>

                        </div>
                        <div class="col-sm-5">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="razao_nome" class="form-control" id="razao_nome"
                                        value="{{ old('razao_nome', (isset($transportadora)) ? $transportadora->razao_nome : '') }}"
                                        required title="Esse campo é obrigatório">
                                    <label class="form-label">Razão Social / Nome</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="nome_fantasia" class="form-control" id="nome_fantasia"
                                        value="{{ old('nome_fantasia', (isset($transportadora)) ? $transportadora->nome_fantasia : '') }}">
                                    <label class="form-label">Nome Fantasia</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="ie" class="form-control"
                                        value="{{ old('ie', (isset($transportadora)) ? $transportadora->ie : '') }}">
                                    <label class="form-label">Inscrição Estadual (IE)</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="cep" class="form-control cep" id="cep"
                                        value="{{ old('cep', (isset($transportadora)) ? $transportadora->cep : '') }}" required
                                        title="Esse campo é obrigatório">
                                    <label class="form-label">CEP</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float ">
                                <div class="form-line">
                                    <select tabindex="-1">
                                        <option value="1028">Brasil</option>
                                    </select>
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Pais</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <select tabindex="-1" name="id_uf" id="id_if">
                                        <option value="" disabled="" selected="">---Selecione---</option>
                                        @if (isset($estados))
                                        @foreach($estados as $estado)
                                        <option value="{{$estado->id}}" data-foo="{{$estado->sigla}}"
                                            @if(isset($transportadora)){{{$estado->id == old('id_uf', (isset($transportadora)) ? $transportadora->id_uf : '') ? 'selected' : '' }}}
                                            @endif>{{$estado->nome}}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Estado</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <select tabindex="-1" name="id_municipio" id="id_municipio">
                                        <option value="" disabled="" selected="">---Selecione---</option>
                                        @if (isset($municipios))
                                        @foreach($municipios as $municipio)
                                        <option value="{{$municipio->id}}"
                                            @if(isset($transportadora)){{{$municipio->id == old('id_municipio', (isset($transportadora)) ? $transportadora->id_municipio : '') ? 'selected' : '' }}}
                                            @endif>{{$municipio->nome}}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                    <label class="form-label"
                                        style="top: -10px;left: 0;font-size: 12px;">Município</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="bairro" class="form-control" id="bairro"
                                        value="{{ old('bairro', (isset($transportadora)) ? $transportadora->bairro : '') }}" required
                                        title="Esse campo é obrigatório">
                                    <label class="form-label">Bairro</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-5">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="endereco" class="form-control" id="endereco"
                                        value="{{ old('endereco', (isset($transportadora)) ? $transportadora->endereco : '') }}"
                                        required title="Esse campo é obrigatório">
                                    <label class="form-label">Endereço</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="complemento" class="form-control" id="complemento"
                                        value="{{ old('complemento', (isset($transportadora)) ? $transportadora->complemento : '') }}">
                                    <label class="form-label">Complemento</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="numero" class="form-control" id="numero"
                                        value="{{ old('numero', (isset($transportadora)) ? $transportadora->numero : '') }}" required
                                        title="Esse campo é obrigatório">
                                    <label class="form-label">Número</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="celular" class="form-control tel"
                                        value="{{ old('celular', (isset($transportadora)) ? $transportadora->celular : '')  }}">
                                    <label class="form-label">Celular</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="email" name="email" class="form-control" id="email"
                                        value="{{ old('email', (isset($transportadora)) ? $transportadora->email : '') }}"
                                        title="E-mail inválido!">
                                    <label class="form-label">E-mail</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="placa" class="form-control"
                                        value="{{ old('placa', (isset($transportadora)) ? $transportadora->placa : '')  }}">
                                    <label class="form-label">Placa Veículo</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <select tabindex="-1" name="id_uf_veiculo">
                                        <option value="" disabled="" selected="">---Selecione---</option>
                                        @if (isset($estados))
                                        @foreach($estados as $estado)
                                        <option value="{{$estado->id}}" data-foo="{{$estado->sigla}}"
                                            @if(isset($transportadora)){{{$estado->id == old('id_uf_veiculo', (isset($transportadora)) ? $transportadora->id_uf_veiculo : '') ? 'selected' : '' }}}
                                            @endif>{{$estado->nome}}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                    <label class="form-label" style="top: -10px;left: 0;font-size: 12px;">Estado do veículo</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group form-float">
                                <div class="form-line">
                                    <input type="text" name="rntc" class="form-control"
                                        value="{{ old('rntc', (isset($transportadora)) ? $transportadora->rntc : '')  }}">
                                    <label class="form-label">RNTC/ANTT</label>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="pull-right">
                        @yield('botoes')
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('js')
<script>
$('#id_if').on('change', function() {
    if ($(this).val()) {
        let estado = $(this).val();
        $.getJSON('{{route('busca_cidades')}}?id_uf=' + estado).done(function(response) {
            let options = '';
            options += '<option value="" disabled="" selected="">---Selecione---</option>';
            for (let i = 0; i < response.html.length; i++) {
                options += '<option value="' + response.html[i].id + '">' + response.html[i]
                    .nome + '</option>';
            }
            $('#id_municipio').html(options);
            $("#id_municipio").formSelect();
        });
    } else {
        $('#municipio').html(
            '<option value="">Estado</option>'
        );
    }
});



$("#btn_busca_cnpj").click(function() {
    if ($('#cpf_cnpj').cleanVal().length == 14) {    
        swal({
            title: "Deseja consultar esse CNPJ?",
            text: "",
            type: "info",
            showCancelButton: true,
            closeOnConfirm: false,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Sim",
            cancelButtonText: "Cancelar",
            showLoaderOnConfirm: true,
        }, function() {
            let cpf_cnpj = $('#cpf_cnpj').cleanVal();
            $.ajax({
                type: 'GET',
                url: 'https://www.receitaws.com.br/v1/cnpj/' + cpf_cnpj,
                dataType: 'jsonp',
                data: {
                    "_token": "{{ csrf_token() }}",
                },
                complete: function(xhr) {
                    response = xhr.responseJSON;
                    if (response.status == 'OK') {
                        $('#razao_nome').val(response.nome).trigger("focus");
                        $('#nome_fantasia').val(response.fantasia).trigger("focus");
                        $('#endereco').val(response.logradouro).trigger("focus");
                        $('#numero').val(response.numero).trigger("focus");
                        $('#complemento').val(response.complemento).trigger("focus");
                        $('#cep').val(response.cep).trigger("focus");
                        $('#id_if option[data-foo="' + response.uf + '"]').prop('selected',
                            true);
                        $('#id_if').formSelect();
                        let municipio = response.municipio;
                        $('#bairro').val(response.bairro).trigger("focus");
                        $('#email').val(response.email).trigger("focus");
                        $('#telefone').val(response.telefone).trigger("focus");
                        if (response.uf) {
                            $.getJSON("{{route('busca_cidades')}}?id_uf=" + $('#id_if').val()).done(function(
                                response) {
                                let options = '';
                                options +=
                                    '<option value="" disabled="" selected="">---Selecione---</option>';
                                for (let i = 0; i < response.html.length; i++) {
                                    if (response.html[i].nome.normalize('NFD').replace(/[\u0300-\u036f]/g, "")
                                    == municipio.normalize('NFD').replace(/[\u0300-\u036f]/g, "")) {
                                        options += '<option selected value="' + response
                                            .html[i].id +
                                            '">' + response.html[i]
                                            .nome + '</option>';
                                    } else {
                                        options += '<option value="' + response.html[i]
                                            .id +
                                            '">' + response.html[i]
                                            .nome + '</option>';
                                    }
                                }
                                $('#id_municipio').html(options);
                                $("#id_municipio").formSelect();
                                swal.close();
                            });
                        } else {
                            swal.close();
                        }

                    } else {
                        swal("Falha ao consultar o CNPJ", response
                            .message, "error");
                    }
                },
                error: function(request, status, error) {
                    swal("Falha ao consultar o CNPJ", request.responseText, "error");
                }
            });
        });
    } else {
        swal("Falha ao consultar", "Não é possível consultar Pessoa Física ou CNPJ inválido!", "error");
    }
});
</script>








@endsection