<x-main.header />

<section class="opposite" style="background-image: url({{ asset('storage/images/'.$banner->banner_image)}});">
    <div class="container">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">
                <div class="about About-2">
                    <h2>{{$banner->banner_heading}}</h2>
                    <div class="moral">
                        <a class="wave" href="/">HOME</a>
                        <span class="leay"><i class="fas fa-arrows-alt-h"></i></span>
                        <a class="bcc" href="registernew">{{$banner->banner_heading}}</a>
                    </div>

                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">

            </div>
        </div>
    </div>



</section>
<section class="reg">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-7 col-xxl-7">
                <div class="bank bacnk-78">
                    <form method="POST" action="{{ route('register') }}">
                    @csrf
                    <h2 style="margin-top:20px;">Registration Form </h2>
                    <div class="row mt-2">
                        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">
                            <div class="classes">
                                <h5> <label>Name</label></h5>
                                <!-- <input id="username" name="quote[Name]" minlength="52" type="text" required=""> -->
                                <input id="name" type="text" class="custom-input form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>

                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6 pe-xl-6">
                            <div class="classes">
                                <h5> <label>Email *</label></h5>
                                <!-- <input id="username" name="quote[email]" minlength="52" type="email" required=""> -->
                                <input id="email" type="email" class="custom-input form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-6 col-xxl-6 pe-xl-6">
                            <div class="classes">
                                <h5> <label>Password</label></h5>
                                <!-- <input id="username" name="quote[password]" minlength="52" type="password" required=""> -->
                                <input id="password" type="password" class="custom-input form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">

                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-6 col-xxl-6 pe-xl-6">
                            <div class="classes">
                                <h5> <label>confirm password</label></h5>
                                <!-- <input id="username" name="quote[confirm-password]" minlength="52" type="password" required=""> -->
                                <input id="password-confirm" type="password" class="custom-input form-control" name="password_confirmation" required autocomplete="new-password">
                            </div>
                        </div>
                    </div>
                    <button style="margin-bottom:20px;" class="book" type="submit">
                        submit
                        <i class="fa-solid fa-chevron-right"></i>
                    </button>
                    </form>
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-5 col-xxl-5">
                <div class="custom-img">
                    <img src="{{ asset('asset/front_asset/images/dosts.png') }}" class="img-fluid" alt="img">
                </div>
            </div>
        </div>
    </div>
</section>
<x-main.footer />