arcadiasuite/plus/resources/views/representantes/_forms.blade.php

289 lines
8.9 KiB
PHP

@section('css')
<style type="text/css">
input[type="file"] {
display: none;
}
.file-certificado label {
padding: 8px 8px;
width: 100%;
background-color: #8833FF;
color: #FFF;
text-transform: uppercase;
text-align: center;
display: block;
margin-top: 20px;
cursor: pointer;
border-radius: 5px;
}
</style>
@endsection
<div class="row g-2">
<div class="col-md-2">
{!!Form::tel('cpf_cnpj', 'CPF/CNPJ')
->attrs(['class' => 'form-control cpf_cnpj', 'o'])
->required()
!!}
</div>
<div class="col-md-4">
{!!Form::text('nome', 'Nome')
->attrs(['class' => 'form-control'])
->required()
!!}
</div>
<div class="col-md-4">
{!!Form::text('nome_fantasia', 'Nome Fantasia')
->attrs(['class' => 'form-control'])
->required()
!!}
</div>
<div class="col-md-2">
{!!Form::tel('ie', 'IE')
->attrs(['data-mask' => '0000000000'])
->required()
!!}
</div>
<hr>
<div class="col-md-4">
{!!Form::text('rua', 'Rua')
->attrs(['class' => ''])
->required()
!!}
</div>
<div class="col-md-2">
{!!Form::tel('numero', 'Número')
->attrs(['class' => ''])
->required()
!!}
</div>
<div class="col-md-3">
{!!Form::text('bairro', 'Bairro')
->attrs(['class' => ''])
->required()
!!}
</div>
<div class="col-md-3">
{!!Form::text('complemento', 'Complemento')
->attrs(['class' => ''])
!!}
</div>
<div class="col-md-3">
@isset($item)
{!!Form::select('cidade_id', 'Cidade')
->attrs(['class' => 'select2'])
->options($item != null ? [$item->cidade_id => $item->cidade->info] : [])
->required()
!!}
@else
{!!Form::select('cidade_id', 'Cidade')
->attrs(['class' => 'select2'])
->required()
!!}
@endisset
</div>
<div class="col-md-2">
{!!Form::tel('cep', 'CEP')
->attrs(['class' => 'cep'])
->required()
!!}
</div>
<div class="col-md-3">
{!!Form::text('email_empresa', 'Email')
->attrs(['class' => ''])
->value(isset($item) ? $item->email : '')
!!}
</div>
<div class="col-md-2">
{!!Form::tel('celular', 'Telefone')
->attrs(['class' => 'fone'])
->required()
!!}
</div>
<div class="col-md-2">
{!!Form::select('status', 'Status', [1 => 'Ativo', 0 => 'Desativado'])
->attrs(['class' => 'form-select'])
!!}
</div>
@if(__isMaster())
@if(!isset($item))
<hr class="mt-4">
<h5>Dados de Acesso</h5>
<div class="col-md-2">
{!!Form::text('usuario', 'Nome')
->attrs(['class' => ''])
->required()
!!}
</div>
<div class="col-md-3">
{!!Form::text('email', 'Email')
->attrs(['class' => ''])
->required()
!!}
</div>
<div class="col-md-2">
<div class="col-md-12">
<label class="required" for="">Senha</label>
<div class="input-group" id="show_hide_password">
<input required type="password" class="form-control" name="password" autocomplete="off" @if(isset($senhaCookie)) value="{{$senhaCookie}}" @endif>
<a class="input-group-text"><i class='ri-eye-line'></i></a>
</div>
</div>
</div>
<div class="col-md-2">
<div class="col-md-12">
<label class="required" for="">Repetir Senha</label>
<div class="input-group" id="show_hide_password_r">
<input required type="password" class="form-control" name="password_confirmation" autocomplete="off">
<a class="input-group-text"><i class='ri-eye-line'></i></a>
</div>
</div>
</div>
@endif
<hr class="mt-4">
<h5>Dados do Representante</h5>
<div class="col-md-2">
{!!Form::text('percentual_comissao', '% Comissão')
->attrs(['class' => 'comissao'])
->value(isset($item) ? __moeda($item->percentual_comissao) : '')
->required()
!!}
</div>
<div class="col-md-2">
{!!Form::text('limite_cadastro_empresas', 'Limite cadastro de empresas')
->attrs(['data-mask' => '0000'])
->required()
!!}
</div>
<div class="col-md-2">
{!!Form::select('tipo_contador', 'Tipo contador', [0 => 'Não', 1 => 'Sim'])
->attrs(['class' => 'form-select'])
!!}
</div>
@endif
<hr class="mt-4">
<div class="col-12" style="text-align: right;">
<button type="submit" class="btn btn-success px-5" id="btn-store">Salvar</button>
</div>
</div>
@section('js')
<script>
$(document).ready(function() {
$("#show_hide_password a").on('click', function(event) {
event.preventDefault();
if ($('#show_hide_password input').attr("type") == "text") {
$('#show_hide_password input').attr('type', 'password');
$('#show_hide_password i').addClass("bx-hide");
$('#show_hide_password i').removeClass("bx-show");
} else if ($('#show_hide_password input').attr("type") == "password") {
$('#show_hide_password input').attr('type', 'text');
$('#show_hide_password i').removeClass("bx-hide");
$('#show_hide_password i').addClass("bx-show");
}
});
$("#show_hide_password_r a").on('click', function(event) {
event.preventDefault();
if ($('#show_hide_password_r input').attr("type") == "text") {
$('#show_hide_password_r input').attr('type', 'password');
$('#show_hide_password_r i').addClass("bx-hide");
$('#show_hide_password_r i').removeClass("bx-show");
} else if ($('#show_hide_password_r input').attr("type") == "password") {
$('#show_hide_password_r input').attr('type', 'text');
$('#show_hide_password_r i').removeClass("bx-hide");
$('#show_hide_password_r i').addClass("bx-show");
}
});
});
$('#btn_token').click(() => {
let token = generate_token(25);
swal({
title: "Atenção",
text: "Esse token é o responsavel pela comunicação com a API, tenha atenção!!",
icon: "warning",
buttons: true,
dangerMode: true
}).then((confirmed) => {
if (confirmed) {
$('#api_token').val(token)
}
});
})
function generate_token(length) {
var a = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890".split("");
var b = [];
for (var i = 0; i < length; i++) {
var j = (Math.random() * (a.length - 1)).toFixed(0);
b[i] = a[j];
}
return b.join("");
}
$(document).on("blur", "#inp-cpf_cnpj", function () {
let cpf_cnpj = $(this).val().replace(/[^0-9]/g,'')
if(cpf_cnpj.length == 14){
$.get('https://publica.cnpj.ws/cnpj/' + cpf_cnpj)
.done((data) => {
if (data!= null) {
let ie = ''
if (data.estabelecimento.inscricoes_estaduais.length > 0) {
ie = data.estabelecimento.inscricoes_estaduais[0].inscricao_estadual
}
$('#inp-ie').val(ie)
$('#inp-nome').val(data.razao_social)
$('#inp-nome_fantasia').val(data.estabelecimento.nome_fantasia)
$("#inp-rua").val(data.estabelecimento.tipo_logradouro + " " + data.estabelecimento.logradouro)
$('#inp-numero').val(data.estabelecimento.numero)
$("#inp-bairro").val(data.estabelecimento.bairro);
let cep = data.estabelecimento.cep.replace(/[^\d]+/g, '');
$('#inp-cep').val(cep.substring(0, 5) + '-' + cep.substring(5, 9))
$('#inp-email').val(data.estabelecimento.email)
$('#inp-celular').val(data.estabelecimento.telefone1)
findCidade(data.estabelecimento.cidade.ibge_id)
}
})
.fail((err) => {
console.log(err)
// swal("Algo errado", err.responseJSON['detalhes'], "warning")
})
}
})
function findCidade(codigo_ibge){
$.get(path_url + "api/cidadePorCodigoIbge/" + codigo_ibge)
.done((res) => {
var newOption = new Option(res.info, res.id, false, false);
$('#inp-cidade_id').append(newOption).trigger('change');
})
.fail((err) => {
console.log(err)
})
}
</script>
@endsection