@extends('layouts.front')
@push('css')
@endpush
@section('content')
<!-- breadcrumb area start -->
<div class="bb-breadcrumb-area">
<div class="container">
<div class="row wow fadeInUp">
<div class="col-12">
<div class="breadcrumb-contents">
<h2 class="bread-title mb-16">@lang('Register')</h2>
<ul>
<li><a class="link-title" href="{{route("front.index")}}">@lang('Home')</a></li>
<li><span class="link-title active">@lang('Register')</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- breadcrumb area end -->
<!-- login section start -->
<div class="bb-login-section py-110">
<div class="container">
<div class="row justify-content-center mb-40 wow fadeInUp">
<div class="col-lg-9">
<div class="bread-contents">
<h2 class="bread-title text-center">
@lang('Open Your Account Today and Enjoy Exclusive Benefits!')
</h2>
</div>
</div>
</div>
<div class="row gy-4 wow fadeInUp">
<div class="col-lg-4">
<img class="w-100 position-sticky top-90" src="{{ asset('assets/images/' . $gs->register_banner) }}"
alt="img">
</div>
<div class="col-lg-8">
<div class="login-form-wrapper">
<div class="mb-20">
<p class="text-primary-color-2">@lang('Sign Up')</p>
<h3 class="text-primary-color-2 font-weight-bold fw-700">@lang('Create Account Now')</h3>
</div>
<form id="registerform" action="{{ route('user.register.submit') }}" method="post">
@includeIf('includes.user.form-both')
@csrf
<div class="row gy-4 mb-40">
<div class="col-md-12">
<div class="bn-input-wrapper">
<label for="hero-input-4177" class="form-label">@lang('Enter Your Name')*</label>
<input type="text" name="name" class="bn-input" id="hero-input-4177"
placeholder="@lang('Enter Your Name')">
</div>
</div>
<div class="col-md-6">
<div class="bn-input-wrapper">
<label for="hero-input-414" class="form-label">@lang('Enter Your Email')*</label>
<input type="email" name="email" class="bn-input" id="hero-input-414"
placeholder="@lang('Enter Your Email')">
</div>
</div>
<div class="col-md-6">
<div class="bn-input-wrapper">
<label for="hero-input-415" class="form-label">@lang('Enter Your Phone')*</label>
<input type="text" name="phone" class="bn-input" id="hero-input-415"
placeholder="@lang('Enter Your Phone')">
</div>
</div>
<div class="col-md-6">
<div class="bn-input-wrapper">
<label for="hero-input-42" class="form-label">@lang('Enter Your Password')*</label>
<input type="password" name="password" class="bn-input" id="hero-input-42"
placeholder="@lang('Enter Your Password')">
</div>
</div>
<div class="col-md-6">
<div class="bn-input-wrapper">
<label for="hero-input-4231" class="form-label">@lang('Confirm Password')*</label>
<input type="password" name="password_confirmation" class="bn-input"
id="hero-input-4231" placeholder="@lang('Confirm Password')">
</div>
</div>
</div>
<button type="submit" class="template-btn primary-btn mb-16">@lang('Submit')</button>
<div class="d-flex flex-column flex-md-row justify-content-end">
<p><a class="link-clss" href="{{ route('user.login') }}">@lang('Already have an account?')</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- login section end -->
@endsection
@push('js')
@endpush