File: /var/www/admin.javaapp.co.uk/resources/views/custom_auth/signup.blade.php
<x-app-layout>
<x-slot name="css">
<style>
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
</style>
</x-slot>
<div class="form-container Cafelogin cafeSignUp">
<div class="form-image">
<div class="l-image">
</div>
</div>
<div class="form-form">
<div class="form-form-wrap">
<div class="form-container">
<div class="">
<div class="form-content">
<h1 class="loginTitle">{{ __('auth.' . $type) }} {{ __('auth.signup') }}</h1>
{{-- <x-flash-message></x-flash-message> --}}
<form class="text-left pt-3" id="signup_form" method="POST" action="{{ $url }}">
@csrf
<input type="hidden" name="latitude" id="latitude" hidden
value="{{ isset($latitude) && $latitude != null ? $latitude : '' }}">
<input type="hidden" name="longitude" id="longitude" hidden
value="{{ isset($longitude) && $longitude != null ? $longitude : '' }}">
<div class="form">
<div id="username-field" class="field-wrapper input">
<label class="form-label">{{ __('auth.email') }}</label>
<div class="position-relative">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2">
<path
d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M22 6L12 13L2 6" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<input id="email" name="email" type="text"
class="form-control @error('email') is-invalid @enderror"
value="{{ isset($email) && $email != null ? $email : old('email') }}"
placeholder="{{ __('auth.email') }}">
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="field-wrapper input">
<label class="form-label">{{ __('auth.cafe_name') }}</label>
<div class="position-relative">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2">
<path
d="M18 8H19C20.0609 8 21.0783 8.42143 21.8284 9.17157C22.5786 9.92172 23 10.9391 23 12C23 13.0609 22.5786 14.0783 21.8284 14.8284C21.0783 15.5786 20.0609 16 19 16H18"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M2 8H18V17C18 18.0609 17.5786 19.0783 16.8284 19.8284C16.0783 20.5786 15.0609 21 14 21H6C4.93913 21 3.92172 20.5786 3.17157 19.8284C2.42143 19.0783 2 18.0609 2 17V8Z"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M6 1V4" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10 1V4" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14 1V4" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<input id="cafe_name" name="cafe_name" type="text"
class="form-control @error('cafe_name') is-invalid @enderror"
value="{{ isset($cafe_name) && $cafe_name != null ? $cafe_name : old('cafe_name') }}"
placeholder="{{ __('auth.cafe_name') }}">
@error('cafe_name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="field-wrapper input">
<label class="form-label">{{ __('auth.phone') }}</label>
<div class="position-relative">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-phone">
<path
d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
</path>
</svg>
<input id="phone" name="phone" type="text" maxlength="16"
class="form-control @error('phone') is-invalid @enderror"
value="{{ isset($phone) && $phone != null ? $phone : old('phone') }}"
placeholder="{{ __('auth.phone') }}">
@error('phone')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="field-wrapper input d-flex cafeSwtcn">
<label for="cafe_type"
class="d-inline-block mb-0"><strong>{{ __('common.cafe') }}</strong></label>
<label class="switch s-coffee-medium-light ml-3 mr-3 mb-0">
<input type="checkbox" name="cafe_type" id="cafe_type" value="1"
{{ isset($cafe_type) && $cafe_type == 1 ? 'checked=' : '' }}>
<span class="slider round"></span>
</label>
<label for="cafe_type"
class="d-inline-block mb-0"><strong>{{ __('common.mobile_cart') }}</strong></label>
@error('cafe_type')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="field-wrapper input">
<label class="form-label">{{ __('auth.address') }}</label>
<div class="position-relative">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke-width="2">
<path
d="M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z"
stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z"
stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<input id="address" name="address" type="text"
class="form-control @error('address') is-invalid @enderror"
value="{{ isset($address) && $address != null ? $address : old('address') }}"
placeholder="{{ __('auth.address') }}">
@error('address')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="field-wrapper input">
<label class="form-label">{{ __('auth.postcode') }}</label>
<div class="position-relative">
<svg width="24" height="24" viewBox="0 0 20.001 17.61"
stroke="currentColor" stroke-width="0.5">
<path id="code"
d="M11201.467,1093.611a1.635,1.635,0,0,1-1.467-1.76v-14.09a1.635,1.635,0,0,1,1.467-1.76h17.066a1.636,1.636,0,0,1,1.468,1.76v14.09a1.636,1.636,0,0,1-1.468,1.76Zm-.879-15.85v14.09a.981.981,0,0,0,.879,1.056h17.066a.981.981,0,0,0,.879-1.056v-14.09a.981.981,0,0,0-.879-1.056h-17.066A.981.981,0,0,0,11200.588,1077.761Zm17.591,14.443v-.7h.589v.7Zm-16.945,0v-.7h.585v.7Zm13.758-5.283a1.293,1.293,0,1,1,1.27,1.526A1.417,1.417,0,0,1,11214.991,1086.921Zm.586,0a.7.7,0,1,0,.684-.822A.763.763,0,0,0,11215.577,1086.921Zm-3.72,0a1.294,1.294,0,1,1,1.272,1.526A1.419,1.419,0,0,1,11211.857,1086.921Zm.588,0a.7.7,0,1,0,.685-.822A.764.764,0,0,0,11212.445,1086.921Zm-3.717,0a1.293,1.293,0,1,1,1.271,1.526A1.417,1.417,0,0,1,11208.729,1086.921Zm.586,0a.7.7,0,1,0,.685-.822A.764.764,0,0,0,11209.314,1086.921Zm-3.717,0a1.293,1.293,0,1,1,1.27,1.526A1.416,1.416,0,0,1,11205.6,1086.921Zm.586,0a.7.7,0,1,0,.684-.822A.763.763,0,0,0,11206.184,1086.921Zm-3.72,0a1.294,1.294,0,1,1,1.272,1.526A1.419,1.419,0,0,1,11202.464,1086.921Zm.588,0a.7.7,0,1,0,.685-.822A.764.764,0,0,0,11203.052,1086.921Zm.882-3.171a1.79,1.79,0,0,1,0-3.523h12.134a1.791,1.791,0,0,1,0,3.523Zm-.882-1.763a.983.983,0,0,0,.882,1.059h12.134a1.076,1.076,0,0,0,0-2.115h-12.134A.981.981,0,0,0,11203.052,1081.987Zm15.127-3.875v-.7h.589v.7Zm-16.945,0v-.7h.585v.7Z"
transform="translate(-11200 -1076.001)" />
</svg>
<input id="postcode" name="postcode" type="text"
class="form-control @error('postcode') is-invalid @enderror"
value="{{ isset($postcode) && $postcode != null ? $address : old('postcode') }}"
maxlength="10" placeholder="{{ __('auth.postcode') }}">
@error('postcode')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div id="password-field_password" class="field-wrapper input">
<label class="form-label">{{ __('auth.password') }}</label>
<div class="position-relative">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-lock">
<rect x="3" y="11" width="18" height="11"
rx="2" ry="2"></rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
</svg>
<input id="password" name="password" type="password"
class="form-control @error('password') is-invalid @enderror"
placeholder="{{ __('auth.password') }}">
<svg class="show-password password" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-eye-off">
<path
d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24">
</path>
<line x1="1" y1="1" x2="23" y2="23">
</line>
</svg>
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div id="password-field_confirm_password" class="field-wrapper input">
<label class="form-label">{{ __('auth.confirm_password') }}</label>
<div class="position-relative">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-lock">
<rect x="3" y="11" width="18" height="11"
rx="2" ry="2"></rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
</svg>
<input id="confirm_password" name="confirm_password" type="password"
class="form-control @error('confirm_password') is-invalid @enderror"
placeholder="{{ __('auth.confirm_password') }}">
<svg class="show-password confirm_password" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="feather feather-eye-off">
<path
d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24">
</path>
<line x1="1" y1="1" x2="23" y2="23">
</line>
</svg>
@error('confirm_password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<!-- <div class="d-sm-flex justify-content-between">
<div class="field-wrapper toggle-pass">
<p class="d-inline-block">{{ __('common.showPassword') }}</p>
<label class="switch s-coffee-dark">
<input type="checkbox" id="toggle-password" class="d-none">
<span class="slider round"></span>
</label>
</div>
<div class="field-wrapper">
<button type="submit" class="btn btn-primary"
value="">{{ __('auth.signupButton') }}</button>
</div>
</div> -->
<!-- <div class="field-wrapper">
<p class="text-center">Already have an account?</p>
<a href="{{ $urlLogin }}"
class="forgot-pass-link capital">{{ __('auth.login') }}</a>
</div> -->
</div>
<div class="field-wrapper loginBtnFullSize">
<button type="submit" id="SignupBtn" class="btn-login text-uppercase w-100"
value="">{{ __('auth.signupButton') }}</button>
</div>
</form>
<!-- <p class="terms-conditions">{{ __('auth.rightsReserved') }}</p> -->
</div>
<div class="field-wrapper pt-3">
<p class="text-center textLink">{{ __('auth.AlreadyHaveAnAccount?') }}
<a href="{{ $urlLogin }}"
class="forgot-pass-link capital">{{ __('auth.loginButton') }}</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<x-slot name="script">
<script src="{{ asset('assets/js/libs/jquery.validate.min.js') }}"></script>
<script src="{{ asset('assets/js/libs/additional-methods.min.js') }}"></script>
<script>
$(document).on("click", ".show-password.password", function() {
input = $(this).parent().find("input");
if (input.attr("type") == "password") {
input.next('.show-password.password').remove();
input.parent().append(
'<svg class="show-password password" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"> <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path> <circle cx="12" cy="12" r="3"></circle> </svg>'
);
input.attr("type", "text");
} else {
input.next('.show-password.password').remove();
input.parent().append(
'<svg class="show-password password" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"> <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>'
);
input.attr("type", "password");
}
});
$(document).on("click", ".show-password.confirm_password", function() {
input = $(this).parent().find("input");
if (input.attr("type") == "password") {
input.next('.show-password.confirm_password').remove();
input.parent().append(
'<svg class="show-password confirm_password" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye"> <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path> <circle cx="12" cy="12" r="3"></circle> </svg>'
);
input.attr("type", "text");
} else {
input.next('.show-password.confirm_password').remove();
input.parent().append(
'<svg class="show-password confirm_password" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-eye-off"> <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"></path><line x1="1" y1="1" x2="23" y2="23"></line></svg>'
);
input.attr("type", "password");
}
});
const validation = {};
validation.email_required = "{{ __('validation.validation.email.required') }}";
validation.email_email = "{{ __('validation.validation.email.email') }}";
validation.email_customEmail = "{{ __('validation.validation.email.customEmail') }}";
validation.cafe_name_required = "{{ __('validation.validation.cafe_name.required') }}";
validation.cafe_name_minlength = "{{ __('validation.validation.cafe_name.minlength') }}";
validation.cafe_name_maxlength = "{{ __('validation.validation.cafe_name.maxlength') }}";
validation.phone_required = "{{ __('validation.validation.phone.required') }}";
validation.phone_minlength = "{{ __('validation.validation.phone.minlength') }}";
validation.phone_maxlength = "{{ __('validation.validation.phone.maxlength') }}";
validation.phone_maxlength = "{{ __('validation.validation.phone.maxlength') }}";
validation.phone_regex = "{{ __('validation.validation.phone.regex') }}";
validation.phone_pattern = "{{ __('validation.validation.phone.pattern') }}";
validation.address_required = "{{ __('validation.validation.address.required') }}";
validation.address_minlength = "{{ __('validation.validation.address.minlength') }}";
validation.address_maxlength = "{{ __('validation.validation.address.maxlength') }}";
validation.password_required = "{{ __('validation.validation.password.required') }}";
validation.password_minlength = "{{ __('validation.validation.password.minlength') }}";
validation.password_maxlength = "{{ __('validation.validation.password.maxlength') }}";
validation.password_upperLetterPassword = "{{ __('validation.validation.password.upperLetterPassword') }}";
validation.password_lowerLetterPassword = "{{ __('validation.validation.password.lowerLetterPassword') }}";
validation.password_digitPassword = "{{ __('validation.validation.password.digitPassword') }}";
validation.password_specialLetterPassword = "{{ __('validation.validation.password.specialLetterPassword') }}";
validation.confirm_password_required = "{{ __('validation.validation.confirm_password.required') }}";
validation.confirm_password_minlength = "{{ __('validation.validation.confirm_password.minlength') }}";
validation.confirm_password_equalTo = "{{ __('validation.validation.confirm_password.equalTo') }}";
validation.postcode_required = "{{ __('validation.validation.postcode.required') }}";
validation.postcode_minlength = "{{ __('validation.validation.postcode.minlength') }}";
validation.postcode_maxlength = "{{ __('validation.validation.postcode.maxlength') }}";
</script>
<script src="{{ asset('assets/js/auth/signup.js') }}"></script>
<script type="text/javascript" src="{{ $urlGoogleAPI }}&callback=initAutocomplete" async defer></script>
<script src="{{ asset('assets/js/getLatLng.js') }}"></script>
</x-slot>
</x-app-layout>