@extends('layouts.xcatering-restaurant')
@section('content')
<section class="banner-section about-banner">
    <div class="auto-container">     
    <div class="col-md-12">       
        <div class="banner-header-text1" >
                <h1>Register</h1>
                <h2>Home <i class="fa fa-arrow-right"></i>Register</h2>
        </div>      
    </div>
    </div>
</section>
<section class="banner-section" style="background:linear-gradient( #b26f27 , #e2ae7b ); padding:15px">
    <div class="auto-container">     
       <div class="col-md-12">    
            <h1 style="text-align: center;color:#0a0b43;font-size:35px;font-weight: 900;">X-group Catering Register</h1>  
       </div>
    </div>
</section>

    <!-- Login Page Section -->
    <section class="login-page-section" style="background-image: url({{ asset('xcatering-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('xcatering.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('xcatering.login') }}">Login</a></div>
                            </div>

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

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

@endsection