@extends('new-place.paint.index')

@section('page_title')
{{ "login || Antique-Art " }}
@endsection

@section('antique-wrapper')
<style>
    .btn-one {
        left: 28%;
    }

</style>
<section class="shop-page-one">
    <div class="shop-page-one_inner">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    @if(session()->has('error'))
                    <div class="alert alert-danger" id="alert">
                        <a href="#" onclick="myNewFunction()" style="color:black">
                            <i class="fa fa-times" aria-hidden="true" style="float:right; position: relative;top: -10px;right: -5px;"></i>
                        </a>
                        {{ session()->get('error') }}
                    </div>
                    @endif
                </div>
            </div>
            <div class="row">
                <div class="col-sm-1"></div>
                <div class="col-sm-4">

                    <img src="https://bea-bd.org/front_end_assets/images/login_bg.gif" alt="" style="width: 100%">
                </div>
                <div class="col-sm-6" style="margin-top: -4rem;">
                    <div class="review-form text-right-rtl">
                        <div class="title-box">
                            <h5><span>BECOME A MEMBER</span> <i class="fa fa-arrow-right"></i></h5>
                        </div>
                        <form id="review-form" action="{{ route('customer.register.create') }}" method="POST">
                            @csrf
                            <input type="hidden" name="type" id="type" value="antique">
                            <div class="row mt-3">
                                <div class="col-sm-6">
                                    <div class="input-box">
                                        <label>First Name</label>
                                        <input type="text" name="first_name" id="first_name" placeholder="" required="" class="form-control">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="input-box">
                                        <label>last Name</label>
                                        <input type="text" name="last_name" id="last_name" placeholder="" required="" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-12">
                                    <div class="input-box">
                                        <label>Email*</label>
                                        <input type="email" name="email" id="newEmail" placeholder="" required="" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-sm-6">
                                    <div class="input-box">
                                        <label>Password</label>
                                        <input type="password" name="password" id="password" placeholder="" required="" class="form-control">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="input-box">
                                        <label>Confirm Password</label>
                                        <input type="password" name="password_confirmation" id="password_confirmation" placeholder="" required="" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-sm-12">
                                    <div class="input-box">
                                        <input type="checkbox" name="terms_conditions" value="Terms and Conditions" required> Click here to indicate that you have read and agree to the terms presented in the <a href="{{ route('shop.terms_conditions') }}">Terms and Condition</a> agreement
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="margin-top: 20px">
                                <div class="col-xl-12">
                                    <div class="button-box">
                                        <div class="left">
                                            <button class="btn-one" type="submit">
                                                <span class="round"></span>
                                                <span class="txt">Become A Memeber</span>
                                            </button>
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        $('#sortOrderSelect').on('change', function() {
            $('#sortForm').submit();
        });
    });

</script>