@extends('layouts.shimanto-restaurant')
@section('content')
    <!-- Page Title -->
    <section class="page-title" style="background-image: url({{ asset('shimanto-restaurant/images/background/10.jpg') }})">
        <div class="auto-container">
            <h1>Account Register</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{ route('shimanto.index') }}">home</a></li>
                <li>Account Register</li>
            </ul>
        </div>
    </section>
    <!-- End Page Title -->

    <!-- Login Page Section -->
    <section class="login-page-section" style="background-image: url({{ asset('shimanto-restaurant/images/background/pattern-11.png') }})">
        <div class="auto-container">
            <div class="inner-container">
                <!-- Sec Title -->
                <div class="sec-title centered">
                    <div class="title">Register</div>
                    <h2>Register Now</h2>
                </div>

                <!-- Login Form -->
                <div class="styled-form">
                    <form method="post" action="{{ route('shimanto.registration-submit') }}">
                        @csrf
                        <div class="row clearfix">

                            <div class="form-group col-lg-12 col-md-6 col-sm-12">
                                <input type="text" name="name" value="" placeholder="Name" >
                                @error('name')
                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                @enderror
                            </div>

                            <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                <input type="text" name="email" value="" placeholder="Email Address" >
                                @error('email')
                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                @enderror
                            </div>
                            <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                <input type="text" name="phone" value="" placeholder="Phone Number" >
                                @error('phone')
                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                @enderror
                            </div>

                            <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                <input type="password" name="password" value="" placeholder="Password" >
                                @error('password')
                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                @enderror
                            </div>

                            <div class="form-group col-lg-6 col-md-6 col-sm-12">
                                <input type="password" name="password_confirmation" value="" placeholder="Re-Type Password *" >
                                @error('password_confirmation')
                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                @enderror
                            </div>
                            <div class="form-group col-lg-12 col-md-6 col-sm-12">
                                <input type="text" name="address" value="" placeholder="Address" >
                                @error('address')
                                <div class="invalid-feedback" style="display: block"> {{ $message }} </div>
                                @enderror
                            </div>
                            <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                <div class="check-box">
                                    <input type="checkbox" name="remember-password" id="type-1">
                                    <label for="type-1">Keep me sign in</label>
                                </div>
                            </div>

                            <div class="form-group text-center col-lg-12 col-md-12 col-sm-12">
                                <button type="submit" class="theme-btn btn-style-three"><span class="txt">Register</span></button>
                            </div>

                            <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                <div class="users">Already have a Member? <a href="{{ route('shimanto.login') }}">Login</a></div>
                            </div>

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

            </div>
        </div>
    </section>
    <!-- End Login Page Section -->

@endsection