@extends('frontend.layout.updated.master')
@section('content')
    <div class="auth-wrapper">
        <div class="page-title">
            <div class="container">
                <h1>Sign Up</h1>
            </div>
        </div>
        <section class="auth-section">
            <div class="container">
                <div class="auth-inner">
                    <div class="auth-image">
                        <div class="logo-wrapper">
                            <a class="site-logo" href="/" title="Niveshaay">
                                <img src="{{asset('images/logo.png')}}" alt="Site Logo" />
                            </a>
                        </div>
                        <div class="bottom-logo">
                            <img src="{{ asset('images/auth-logo.png') }}" alt="auth-logo" />
                        </div>
                    </div>
                    <div class="auth-form-wrapper">
                        <div class="form-wrapper">
                            <div class="form-inner-wrapper">
                                <form class="" action="{{ route('user.register')}}" method="POST">
                                    @csrf
                                    <div class="form-outer-wrapper">
                                        <div class="form-group col-6">
                                            <label for="first-name">First Name</label>
                                            <div class="form-control-outer">
                                                <input id="first-name" name="first_name" type="text"
                                                    class="form-control" placeholder="Enter first name"
                                                    value="{{ old('first_name') }}">
                                                @error('first_name')
                                                    <span class="error">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="last-name">Last Name</label>
                                            <div class="form-control-outer">
                                                <input id="last-name" name="last_name" type="text"
                                                    class="form-control" placeholder="Enter last name" value="{{ old('last_name') }}">
                                                @error('last_name')
                                                    <span class="error">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="email">Email</label>
                                            <div class="form-control-outer">
                                                <input id="email" name="email" type="email" class="form-control"
                                                    placeholder="Enter your email" value="{{ old('email') }}" required="">
                                                @error('email')
                                                    <span class="error">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="contact-no">Phone</label>
                                            <div class="form-control-outer">
                                                <input class="form-control"  id="contact-no" name="phone_no" type="text"
                                                    placeholder="Enter phone number" value="{{ old('phone_no') }}">
                                                @error('phone_no')
                                                    <span class="error">{{ $message }}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="password">Password</label>
                                            <div class="form-control-outer password-control-outer">
                                                <input class="form-control" id="signup-password" name="password" type="password"
                                                    placeholder="Enter Password">
                                                    <i class="form-icon" id="toggle-password" style="cursor: pointer;">
                                                        <img id="password-eye-icon" src="{{ asset('images/eye-show.svg') }}"
                                                        alt="eye-icon"
                                                        data-password-eye-show="{{ asset('images/eye-show.svg') }}"
                                                        data-password-eye-hide="{{ asset('images/eye-hidden.svg') }}" />
                                                    </i>
                                            </div>
                                            @error('password')
                                                <span class="error">{{ $message }}</span>
                                            @enderror
                                        </div>
                                        <div class="form-group col-6">
                                            <label for="confirm-signup-password">Re-Enter Password</label>
                                            <div class="form-control-outer password-control-outer">
                                                <input id="confirm-signup-password" name="password_confirmation"
                                                class="form-control" type="password" placeholder="Re-Enter Password">
                                                <i class="form-icon" id="toggle-confirm-password" style="cursor: pointer;">
                                                    <img id="cpassword-eye-icon" src="{{ asset('images/eye-show.svg') }}"
                                                    alt="eye-icon"
                                                    data-eye-show="{{ asset('images/eye-show.svg') }}"
                                                    data-eye-hide="{{ asset('images/eye-hidden.svg') }}" />
                                                </i>
                                            </div>
                                            @error('password_confirmation')
                                                <span class="error">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="link-wrapper">
                                        <div class="checkbox-wrapper">
                                            <div class="checkbox-inner">
                                                <input type="checkbox" id="checkbox" value="1" name="subscribe_news_letter" checked="" />
                                                <label for="checkbox">Subscribe Newsletter</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-btn-wrapper">
                                        <button type="submit" class="primary-btn" title="Sign Up">
                                            Sign Up
                                        </button>
                                    </div>
                                    <div class="bottom-link">
                                        Already have an Account?
                                        <a href="#" data-link="login-modal" class="modal-link" title="Login">
                                            Login
                                        </a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection