@extends('layouts.guest')

@section('content')
<section class="login-block">
    <!-- Container-fluid starts -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <!-- Authentication card start -->
                <form class="md-float-material form-material" method="POST" action="{{ route('register') }}">
                    @csrf
                    <div class="text-center">
                        <img src="{{ asset('images/furnit_logo_grey.png') }}" alt="logo.png">
                    </div>
                    <div class="auth-box card">
                        <div class="card-block">
                            <div class="row m-b-20">
                                <div class="col-md-12">
                                    <h3 class="text-center txt-primary">Sign up</h3>
                                </div>
                            </div>
                            {{-- <div class="row m-b-20">
                                <div class="col-md-6">
                                    <div class="d-grid">
                                        <a href="#!" class="btn btn-facebook m-b-20 waves-effect waves-light">
                                            <i class="icofont icofont-social-facebook"></i>facebook
                                        </a>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="d-grid">
                                        <a href="#!" class="btn btn-twitter m-b-0 waves-effect waves-light">
                                            <i class="icofont icofont-social-twitter"></i>twitter
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <p class="text-muted text-center p-b-5">Sign up with your regular account</p> --}}
                            <div class="form-group form-primary">
                                <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name') }}" required="" autocomplete="name">
                                <span class="form-bar"></span>
                                <label class="form-label float-label">{{ __('Name') }}</label>
                                
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group form-primary">
                                <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required="" autocomplete="email">
                                <span class="form-bar"></span>
                                <label class="form-label float-label">{{ __('Email Address') }}</label>
                                
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group form-primary">
                                        <input type="password" name="password" id="password" class="form-control @error('password') is-invalid @enderror" required="" autocomplete="new-password">
                                        <span class="form-bar"></span>
                                        <label class="form-label float-label">{{ __('Password') }}</label>
                                        
                                        @error('password')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group form-primary">
                                        <input type="password" name="password_confirmation" id="password-confirm" class="form-control" required="" autocomplete="new-password">
                                        <span class="form-bar"></span>
                                        <label class="form-label float-label">{{ __('Confirm Password') }}</label>
                                    </div>
                                </div>
                            </div>
                            <div class="row m-t-25 text-start">
                                <div class="col-md-12">
                                    <div class="checkbox-fade fade-in-primary">
                                        <label class="form-label">
                                            <input type="checkbox" value="">
                                            <span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                                            <span class="text-inverse">I read and accept <a href="#">Terms &amp; Conditions.</a></span>
                                        </label>
                                    </div>
                                </div>
                                {{-- <div class="col-md-12">
                                    <div class="checkbox-fade fade-in-primary">
                                        <label class="form-label">
                                            <input type="checkbox" value="">
                                            <span class="cr"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                                            <span class="text-inverse">Send me the <a href="">Newsletter</a> weekly.</span>
                                        </label>
                                    </div>
                                </div> --}}
                            </div>
                            <div class="row m-t-30">
                                <div class="col-md-12">
                                    <div class="d-grid">
                                        <button type="submit" class="btn btn-primary btn-md waves-effect text-center m-b-20">
                                            {{ __('Register') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <hr/>
                            <div class="row">
                                <div class="col-md-10">
                                    <p class="text-inverse text-start m-b-0">{{ __('Thank you') }}</p>
                                    <p class="text-inverse text-start"><a href="{{ route('home') }}"><b>{{ __('Back to website') }}</b></a></p>
                                </div>
                                {{-- <div class="col-md-2">
                                    <img src="{{ asset('images/auth/Logo-small-bottom.png') }}" alt="small-logo.png">
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </form>
                <!-- Authentication card end -->
            </div>
            <!-- end of col-sm-12 -->
        </div>
        <!-- end of row -->
    </div>
    <!-- end of container-fluid -->
</section>
<!-- Warning Section Starts -->
<!-- Older IE warning message -->
<!--[if lt IE 10]>
<div class="ie-warning">
<h1>Warning!!</h1>
<p>You are using an outdated version of Internet Explorer, please upgrade <br/>to any of the following web browsers to access this website.</p>
<div class="iew-container">
    <ul class="iew-download">
        <li>
            <a href="http://www.google.com/chrome/">
                <img src="../files/assets/images/browser/chrome.png" alt="Chrome">
                <div>Chrome</div>
            </a>
        </li>
        <li>
            <a href="https://www.mozilla.org/en-US/firefox/new/">
                <img src="../files/assets/images/browser/firefox.png" alt="Firefox">
                <div>Firefox</div>
            </a>
        </li>
        <li>
            <a href="http://www.opera.com">
                <img src="../files/assets/images/browser/opera.png" alt="Opera">
                <div>Opera</div>
            </a>
        </li>
        <li>
            <a href="https://www.apple.com/safari/">
                <img src="../files/assets/images/browser/safari.png" alt="Safari">
                <div>Safari</div>
            </a>
        </li>
        <li>
            <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                <img src="../files/assets/images/browser/ie.png" alt="">
                <div>IE (9 & above)</div>
            </a>
        </li>
    </ul>
</div>
<p>Sorry for the inconvenience!</p>
</div>
<![endif]-->
<!-- Warning Section Ends -->
@endsection