pipicar/modules/Auth/views/registerCompany.blade.php

130 lines
5.4 KiB
PHP

@extends('layouts.app')
@section('content')
@include('ajax-loader')
<div class="log-reg-container">
<div class="card">
<a href="/" class="btn btn-primary return"><i class="bi bi-arrow-left me-1"></i> Вернуться назад</a>
<div class="card-header">
<span>{{ __('Register Company') }}</span>
<img src="{{asset('img/logo-white.png')}}" alt="logo" class="logo-log">
</div>
<div class="card-body">
<form id="register-company-form" method="POST" action="{{ lurl('register_company/') }}">
@csrf
<div class="form-group">
<label for="biniin" class="col-form-label">{{ __('BIN/IIN') }}</label>
<input id="biniin" type="text" class="form-control @error('biniin') is-invalid @enderror"
name="biniin" value="{{ old('biniin') }}" required autocomplete="biniin" autofocus
oninput="checkBiniinLength(event)"
>
@error('biniin')
<div class="invalid-feedback form-text text-danger" role="alert">{{ $message }}</div>
@enderror
</div>
<div class="form-group" id="name-group" hidden>
<label for="name" class="col-form-label">{{ __('Name') }}</label>
<input id="name" type="text" class="form-control @error('name') is-invalid @enderror"
name="name" value="{{ old('name') }}" required
autocomplete="name" autofocus>
@error('name')
<div class="invalid-feedback form-text text-danger" role="alert">{{ $message }}</div>
@enderror
</div>
<div class="form-group" id="fullname-group" hidden>
<label for="fullname" class="col-form-label">{{ __('Full name') }}</label>
<input id="fullname" type="text" class="form-control @error('fullname') is-invalid @enderror"
name="fullname" value="{{ old('fullname') }}" required
autocomplete="fullname" autofocus>
@error('fullname')
<div class="invalid-feedback form-text text-danger" role="alert">{{ $message }}</div>
@enderror
</div>
<button type="submit" class="btn btn-light mt-4" id="submit-button" style="visibility: hidden">
{{ __('Register Company') }}
</button>
</form>
</div>
</div>
</div>
@endsection
@push('scripts-bottom')
<script>
document.getElementById("ajax-loader-on").click();
function checkBiniinLength(event) {
console.log(event.target.value)
let valueLength = event.target.value.length;
if (valueLength === 12) {
let form = document.getElementById('register-company-form');
binAjax(form.querySelectorAll('input[name="biniin"]')[0].value);
}
}
function binAjax(biniin) {
$.ajax({
method:'post',
type:'post',
dataType: 'json',
data: {
'biniin': biniin
},
url: '{{lurl('register_company/check_biniin_ajax')}}',
success: function(response){
if (response.status === 'error') {
alert(response.message);
}
else {
setDataToForm(response.data)
}
},
error: function(){
alert("Ошибка сервера");
}
});
}
function setDataToForm(data) {
let form = document.getElementById('register-company-form');
let biniinField = form.querySelectorAll('#biniin')[0];
let nameField = form.querySelectorAll('#name')[0];
let fullnameField = form.querySelectorAll('#fullname')[0];
let submitButton = form.querySelectorAll('#submit-button')[0];
document.getElementById('name-group').removeAttribute('hidden');
document.getElementById('fullname-group').removeAttribute('hidden');
submitButton.removeAttribute('hidden');
biniinField.value = data.biniin;
if ('name' in data) {
nameField.value = data.name;
fullnameField.value = data.fullname;
}
else {
nameField.value = '';
fullnameField.value = '';
}
if ('companyExists' in data) {
nameField.setAttribute('disabled', true);
fullnameField.setAttribute('disabled', true);
submitButton.innerHTML = '{{ __('Add Request') }}';
}
else {
nameField.removeAttribute('disabled');
fullnameField.removeAttribute('disabled');
submitButton.innerHTML = '{{ __('Register Company') }}';
}
submitButton.removeAttribute('style');
}
</script>
@endpush