<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sign Up</title>
{{ encore_entry_link_tags('userMain') }}
</head>
<body>
<div class="auth-page-wrapper pt-5">
<!-- auth page bg -->
<div class="auth-one-bg-position auth-one-bg" id="auth-particles">
<div class="bg-overlay"></div>
<div class="shape">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 120">
<path d="M 0,36 C 144,53.6 432,123.2 720,124 C 1008,124.8 1296,56.8 1440,40L1440 140L0 140z"></path>
</svg>
</div>
</div>
<!-- auth page content -->
<div class="auth-page-content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center mt-sm-5 mb-4 text-white-50">
<div>
<a href="/" class="d-inline-block auth-logo">
<img class="loginLogo" src="{{ asset('app/assets/images/logo-light.png') }}" alt="" height="80">
</a>
</div>
<p class="mt-3 fs-15 fw-medium">Api Creation Service</p>
</div>
</div>
</div>
<!-- end row -->
<div class="row justify-content-center">
<div class="col-md-8 col-lg-6 col-xl-5">
<div class="card mt-4">
<div class="card-body p-4">
<div class="text-center mt-2">
<h5 class="text-primary">Create New Account</h5>
<p class="text-muted">Get your free Searchapi account now</p>
</div>
<div class="p-2 mt-4">
{{ form_start(registrationForm, {'attr': {'novalidate': true, 'class':'needs-validation'}} ) }}
{% if form_errors(registrationForm.plainPassword) or
form_errors(registrationForm.email) or
form_errors(registrationForm.name) or
form_errors(registrationForm.agreeTerms)
%}
<div class="alert alert-danger alert-border-left alert-dismissible fade show mb-xl-0" style="margin-bottom: 15px !important; font-size: 12px;" role="alert">
<i class="ri-error-warning-line me-3 align-middle fs-16"></i><strong>Error</strong>
{{ form_errors(registrationForm.plainPassword) }}
{{ form_errors(registrationForm.email) }}
{{ form_errors(registrationForm.name) }}
{{ form_errors(registrationForm.agreeTerms) }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endif %}
<div class="row">
<div class="col-xxl-12 col-md-12 mb-3">
{{ form_label(registrationForm.email) }}<span class="text-danger">*</span>
{{ form_widget(registrationForm.email) }}
{{ form_help(registrationForm.email) }}
<div class="invalid-feedback">
Please enter valid a email
</div>
</div>
<div class="col-xxl-6 col-md-6 mb-3">
{{ form_label(registrationForm.companyName) }}<span class="text-danger">*</span>
{{ form_widget(registrationForm.companyName) }}
{{ form_help(registrationForm.companyName) }}
<div class="invalid-feedback">
Please enter a company name
</div>
</div>
<div class="col-xxl-6 col-md-6 mb-3">
{{ form_label(registrationForm.phone) }}<span class="text-danger">*</span>
{{ form_widget(registrationForm.phone) }}
{{ form_help(registrationForm.phone) }}
<div class="invalid-feedback">
Please enter a phone
</div>
</div>
<div class="col-xxl-6 col-md-6 mb-3">
{{ form_label(registrationForm.name) }}<span class="text-danger">*</span>
{{ form_widget(registrationForm.name) }}
{{ form_help(registrationForm.name) }}
<div class="invalid-feedback">
Please enter a name
</div>
</div>
<div class="col-xxl-6 col-md-6 mb-3">
{{ form_label(registrationForm.surname) }}<span class="text-danger">*</span>
{{ form_widget(registrationForm.surname) }}
{{ form_help(registrationForm.surname) }}
<div class="invalid-feedback">
Please enter a surname
</div>
</div>
<div class="col-xxl-12 col-md-12 mb-3"><span class="text-danger">*</span>
{{ form_label(registrationForm.plainPassword) }}
{{ form_widget(registrationForm.plainPassword) }}
<div class="invalid-feedback">
Password is required and your password should be at least 6 characters.
</div>
</div>
<div class="col-xxl-12 col-md-12 mb-3">
<div class="form-check mb-3">
{{ form_label(registrationForm.agreeTerms) }}<span class="text-danger">*</span>
{{ form_widget(registrationForm.agreeTerms) }}
{{ form_help(registrationForm.agreeTerms) }}
<div class="invalid-feedback">
You should agree to our terms.
</div>
</div>
</div>
</div>
<button class="btn btn-success w-100" type="submit">Sign Up</button>
{{ form_end(registrationForm) }}
</div>
</div>
<!-- end card body -->
</div>
<!-- end card -->
<div class="mt-4 text-center">
<p class="mb-0">Already have an account ? <a href="{{ path('login') }}" class="fw-semibold text-primary text-decoration-underline"> Signin </a> </p>
</div>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<!-- end auth page content -->
<!-- footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<p class="mb-0 text-muted">© <script>document.write(new Date().getFullYear())</script> Searchapi.net.</p>
</div>
</div>
</div>
</div>
</footer>
<!-- end Footer -->
</div>
<!-- end auth-page-wrapper -->
{{ encore_entry_script_tags('userMain') }}
{{ encore_entry_script_tags('userLogin') }}
</body>
</html>