{{-- @include('frontend.layout.header') --}}
@extends('frontend.layouts.guest', ['title' => 'Register'])

@section('content')
    <div class="sign-inup">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-5">
                    <div class="sign-form">
                        <div class="sign-inner">
                            {{-- <div class="sign-logo" id="logo">
                                <a href="{{ route('index') }}"><img
                                        src="{{ asset('assets/frontend/images/logo/Breeze-Logo.png') }}" alt=""></a>
                            </div> --}}
                            <div class="form-dt">
                                <div class="form-inpts checout-address-step">


                                    @if (session()->has('success'))
                                        <p>
                                            {{ session()->get('success') }}
                                        </p>
                                    @endif

                                    @if ($errors->any())
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    @endif
                                    <div class="sign-logo" id="logo">
                                        <a href="{{ route('index') }}"><img
                                            src="{{ asset('assets/frontend/images/logo/Breeze-Logo.png') }}" alt=""></a>
                                    </div>

                                    <form action="{{ route('customer.register') }}" method="POST"
                                        id="customer-register-form">
                                        @csrf
                                        <div class="form-title">
                                            <h6>Sign Up</h6>
                                        </div>
                                        <div class="form-group pos_rel mb-3">
                                            <input id="name" name="name" type="text" placeholder="Full name"
                                                class="form-control lgn_input">
                                            <i class="uil uil-user-circle lgn_icon"></i>
                                        </div>
                                        <div class="form-group pos_rel mb-3">
                                            <input id="email" name="email" type="email" placeholder="Email Address"
                                                class="form-control lgn_input">
                                            <i class="uil uil-envelope lgn_icon"></i>
                                        </div>
                                        <div class="form-group pos_rel mb-3">
                                            <input id="user_phone" name="user_phone" type="text"
                                                placeholder="Phone Number" class="form-control lgn_input">
                                            <i class="uil uil-mobile-android-alt lgn_icon"></i>
                                        </div>
                                        {{-- <div class="form-group pos_rel mb-3">
											<label class="control-label">Enter Code</label>
											<ul class="code-alrt-inputs signup-code-list">
												<li>
													<input id="code[1]" name="otp_value" type="text" placeholder="" class="form-control input-md" required="">
												</li>
												<li>
													<input id="code[2]" name="otp_value" type="text" placeholder="" class="form-control input-md" required="">
												</li>
												<li>
													<input id="code[3]" name="otp_value" type="text" placeholder="" class="form-control input-md" required="">
												</li>
												<li>
													<input id="code[4]" name="otp_value" type="text" placeholder="" class="form-control input-md" required="">
												</li>
												<li>
													<a class="chck-btn hover-btn code-btn145"  href="#">Send</a>
												</li>
											</ul>
											<a type="button"  href="#" class="resend-link">Resend Code</a>
										</div>
										<div class="form-group pos_rel mb-3">we
											<input id="password1" name="password1" type="password" placeholder="New Password" class="form-control lgn_input" required="">
											<i class="uil uil-padlock lgn_icon"></i>
										</div> --}}
                                        <div class="login-btn">
                                        <button class="hover-btn" type="submit">Sign Up Now</button>
                                    </div>
                                    </form>
                                </div>
                                <div class="signup-link">
                                    <p>I have an account? - <a href="{{ route('customer.login.index') }}">Sign In Now</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{-- <div class="copyright-text text-center mt-4">
                        <i class="uil uil-copyright"></i>Copyright 2025 <b>Reina Appliances</b> . All rights reserved
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
    @push('scripts')
        {!! JsValidator::formRequest('App\Http\Requests\Frontend\Auth\SignUpRequest', '#customer-register-form') !!}
    @endpush
@endsection