@extends('layouts.front-layout')
@section('content')

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{asset('images/innerbnrgry.png')}}" class="w-100" alt="">

    </div>
    <!-- End: Main Slider -->



    <section class="accountform">
        <div class="container">
            <form action="{{route('front.register.form')}}" method="post" class="formone" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-md-12">
                        <h2>Create Account</h2>
                        <div class="accounttype">
                            <label>You are a:</label>
                            <div class="checkbtn">
                                <label>
                                    <input type="radio" name="user_type" value="type_buyer" required>
                                    <span>Buyer</span>
                                </label>
                                <label>
                                    <input type="radio" name="user_type" value="type_seller" required>
                                    <span>Seller</span>
                                </label>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">User Id:</label>
                            <input type="email" name="email" class="form-control" placeholder="Email Required">
                        </div>
                        <span class="text-danger">@error('email') {{ $message }} @enderror</span>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Password:</label>
                            <input type="password" name="password" class="form-control"
                                   placeholder="Use Alphanumeric And Special Characters...">
                        </div>
                        <span class="text-danger">@error('password') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Re-Enter Password: </label>
                            <input type="password" class="form-control" placeholder="Required"
                                   name="password_confirmation">
                        </div>
                        <span class="text-danger">@error('password_confirmation') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Title:</label>
                            <input type="text" name="title" class="form-control"
                                   placeholder="Mr., Mrs., Dr., Prof., Etc.  {Optional}">
                        </div>
                        <span class="text-danger">@error('title') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">First Name: </label>
                            <input type="text" name="first_name" class="form-control" placeholder="Required">
                        </div>
                        <span class="text-danger">@error('first_name') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Middle Name: </label>
                            <input type="text" name="middle_name" class="form-control" placeholder="Optional">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Last Name: </label>
                            <input type="text" name="last_name" class="form-control" placeholder="Required">
                        </div>
                        <span class="text-danger">@error('last_name') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">How Would You Like To Be Addressed? </label>
                            <input type="text" name="address" class="form-control" placeholder="Optional">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Email To Use: </label>
                            <input type="text" name="second_email" class="form-control" placeholder="Required">
                        </div>
                        <span class="text-danger">@error('second_email') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="">Cell Phone: </label>
                            <input type="text" name="phone" class="form-control"
                                   placeholder="Required  {Country Code} {Area Code} {Number}">
                        </div>
                        <span class="text-danger">@error('phone') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-12">
                        <div class="form-group">
                            <label for="">Upload Photo:</label>
                            <input type="file" name="image" class="form-control" placeholder="Required">
                        </div>
                        <span class="text-danger">@error('image') {{ $message }} @enderror</span>

                    </div>
                    <div class="col-md-12 row align-items-end">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Address For Shipping: </label>
                                <input type="text" name="shopping_address" class="form-control"
                                       placeholder="Street Required ">
                            </div>
                            <span class="text-danger">@error('shopping_address') {{ $message }} @enderror</span>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="city" class="form-control" placeholder="City Required">
                            </div>
                            <span class="text-danger">@error('city') {{ $message }} @enderror</span>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="state" class="form-control"
                                       placeholder="State / Province  Required">
                            </div>
                            <span class="text-danger">@error('state') {{ $message }} @enderror</span>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="country" class="form-control" placeholder="Country Required">
                            </div>
                            <span class="text-danger">@error('country') {{ $message }} @enderror</span>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="post_code" class="form-control"
                                       placeholder="Postal Code  Required">
                            </div>
                            <span class="text-danger">@error('post_code') {{ $message }} @enderror</span>

                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="accounttype">
                            <label>Billing Address Same As Shipping Address: </label>
                            <div class="checkbtn">
                                <label for="ff"> <input type="checkbox" name="b_account_type" id="ff"> <span>Check If Yes</span></label>
                            </div>

                        </div>
                    </div>
                    <div class="col-md-12 row align-items-end">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="">Billing Address: </label>
                                <input type="text" name="billing_address" class="form-control"
                                       placeholder="Street Required">
                            </div>
                            <span class="text-danger">@error('billing_address') {{ $message }} @enderror</span>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="b_city" class="form-control" placeholder="City  Required">
                            </div>

                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="b_state" class="form-control"
                                       placeholder="State / Province  Required">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="b_country" class="form-control" placeholder="Country Required">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <input type="text" name="b_postal" class="form-control"
                                       placeholder="Postal Code  Required">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="creatbtn">
                            {{--                            <input type="submit" value="Submit Now" class="formBtn">--}}
                                                    <button type="submit" class="formBtn">Submit Now</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </section>



@endsection