@extends('layouts.default')

@section('content')

    

    <div class="page-hd"></div>
    

    <section class="bg-img pt-180 pb-50" data-overlay="8" style="  ">

		<div class="container">

			<div class="row justify-content-center">

				<div class="col-12">

					<div class="text-center mt-20">

						<h1 class="box-title text-white mb-30">Register & Login</h1>	

					</div>

					<div class="cours-search mb-30">

						<div class="input-group">

							 

				<div class="col-lg-12 col-12">

					<div class="box box-body">

						<ul class="nav nav-tabs nav-fill" role="tablist">

							<li class="nav-item"> <a class="nav-link py-10 rounded {{ (request()->is('/') || request()->is('login')) ? 'active' : '' }}" data-bs-toggle="tab" href="#login" role="tab">Login</a> </li>

							<li class="nav-item"> <a class="nav-link py-10 rounded {{ (request()->is('register')) ? 'active' : '' }}" data-bs-toggle="tab" href="#register" role="tab">Register</a> </li>

						</ul>

					</div>

					<div class="box box-body mb-0">

						<div class="tab-content">
                            @if ($message = Session::get('success'))
                            <div class="alert alert-success alert-block">
                                <button type="button" class="close" data-dismiss="alert">×</button>    
                                <strong>{{ $message }}</strong>
                            </div>
                            @endif
                            
                            @if ($message = Session::get('error'))
                            <div class="alert alert-danger">
                                <button type="button" class="close" data-dismiss="alert">×</button>    
                                <strong>{{ $message }}</strong>
                            </div>
                            @endif

							<div class="tab-pane {{ (request()->is('/') || request()->is('login')) ? 'active' : '' }}" id="login" role="tabpanel">

								<div>				

									<div class="content-top-agile pb-0 pt-20">

										<h2 class="text-primary">Let's Get Started</h2>

										<p class="mb-0">Sign in to continue to  Order Managment.</p>							

									</div>

									<div class="p-40">

                                        @php if(isset($_COOKIE['login_email']) && isset($_COOKIE['login_pass']))
                                        {
                                            $login_email = $_COOKIE['login_email'];
                                            $login_pass  = $_COOKIE['login_pass'];
                                            $is_remember = "checked='checked'";
                                        }
                                        else{
                                            $login_email ='';
                                            $login_pass = '';
                                            $is_remember = "";
                                            }
                                        @endphp


                                        <form action="{{ route('login.post') }}" method="POST">
                                            @csrf

											<div class="form-group">

												<div class="input-group mb-15">

													<span class="input-group-text bg-transparent"><i class="ti-user"></i></span>

													<input value="{{$login_email}}" name="email" type="text" class="form-control ps-15 bg-transparent" placeholder="Email Id">

												</div>

											</div>

											<div class="form-group">

												<div class="input-group mb-15">

													<span class="input-group-text  bg-transparent"><i class="ti-lock"></i></span>

													<input value="{{$login_pass}}" name="password" type="password" class="form-control ps-15 bg-transparent" placeholder="Password">

												</div>

											</div>

											  <div class="row">

												<div class="col-6">

												  <div class="checkbox ms-5">

													<input name="remember" type="checkbox" id="basic_checkbox_1" {{$is_remember}}>

													<label for="basic_checkbox_1" class="form-label">Remember Me</label>

												  </div>

												</div>

												<!-- /.col -->

												<div class="col-6">

												 <div class="fog-pwd text-end">

													<a href="{{ route('forget.password.get') }}" class="hover-warning"><i class="ion ion-locked"></i> Forgot pwd?</a><br>

												  </div>

												</div>

												<!-- /.col -->

												<div class="col-12 text-center">

												  <button type="submit" class="btn btn-info w-p100 mt-15">SIGN IN</button>

												</div>

												<!-- /.col -->

											  </div>

										 

										<div class="text-center">

											<p class="mt-15 mb-0">Don't have an account? <a href="{{ route('register') }}" class="text-warning ms-5">Register</a></p>

										</div>	

                                        </form>
									</div>

									<div class="text-center">

									  <p>- Login With -</p>

									  <p class="d-flex gap-items-2 mb-20 justify-content-center">

										  <a class="btn btn-social-icon btn-round btn-facebook" href="#"><i class="fa fa-facebook"></i></a>

										  <a class="btn btn-social-icon btn-round btn-twitter" href="#"><i class="fa fa-twitter"></i></a>

										  <a class="btn btn-social-icon btn-round btn-instagram" href="#"><i class="fa fa-instagram"></i></a>

										</p>	

									</div>

								</div>

							</div>

							<div  class="tab-pane {{ (request()->is('register')) ? 'active' : '' }}" id="register" role="tabpanel">

								<div>									

									<div class="content-top-agile pb-0 pt-20">

										<h2 class="text-primary">Get started with Us</h2>

										<p class="mb-0">Register a New Membership</p>							

									</div>

									<div class="p-40">

                                        <form action="{{ route('register.post') }}" method="POST"> 
                                            @csrf
											<div class="form-group">

												<div class="input-group mb-15">

													<span class="input-group-text bg-transparent"><i class="ti-user"></i></span>

													<input value="{{ old('name') }}" type="text" name="name" class="form-control ps-15 bg-transparent" placeholder="Full Name">
                                                    @if ($errors->has('name'))
                                                        <span class="text-danger">{{ $errors->first('name') }}</span>
                                                    @endif

												</div>

											</div>

											<div class="form-group">

												<div class="input-group mb-15">

													<span class="input-group-text bg-transparent"><i class="ti-email"></i></span>

													<input value="{{ old('email') }}" name="email" type="email" class="form-control ps-15 bg-transparent" placeholder="Email">
                                                    @if ($errors->has('email'))
                                                        <span class="text-danger">{{ $errors->first('email') }}</span>
                                                    @endif

												</div>

											</div>

                                            <div class="form-group">

												<div class="input-group mb-15">

													<span class="input-group-text bg-transparent"><i class="ti-email"></i></span>

													<input value="{{ old('website') }}" name="website" type="text" class="form-control ps-15 bg-transparent" placeholder="Website">
                                                    @if ($errors->has('website'))
                                                        <span class="text-danger">{{ $errors->first('website') }}</span>
                                                    @endif

												</div>

											</div>


											<div class="form-group">

												<div class="input-group mb-15">

													<span class="input-group-text bg-transparent"><i class="ti-lock"></i></span>

													<input value="{{ old('password') }}" name="password" type="password" class="form-control ps-15 bg-transparent" placeholder="Password">
                                                    @if ($errors->has('password'))
                                                        <span class="text-danger">{{ $errors->first('password') }}</span>
                                                    @endif

												</div>

											</div>

											<div class="form-group">

												<div class="input-group mb-15">

													<span class="input-group-text bg-transparent"><i class="ti-lock"></i></span>

													<input value="{{ old('password_confirmation') }}" name="password_confirmation" type="password" class="form-control ps-15 bg-transparent" placeholder="Retype Password">
                                                    @if ($errors->has('password_confirmation'))
                                                        <span class="text-danger">{{ $errors->first('password_confirmation') }}</span>
                                                    @endif
												</div>

											</div>

											  <div class="row">

												<div class="col-12">

												  <div class="checkbox ms-5">

													<input required name="terms_conditions" type="checkbox" id="basic_checkbox_22">

													<label for="basic_checkbox_22" class="form-label">I agree to the <a href="#" class="text-warning"><b>Terms</b></a></label>
                                                    @if ($errors->has('terms_conditions'))
                                                        <span class="text-danger">{{ $errors->first('terms_conditions') }}</span>
                                                    @endif       
												  </div>

												</div>

												<!-- /.col -->

												<div class="col-12 text-center">

												  <button type="submit" class="btn btn-info w-p100 mt-15">Register</button>

												</div>

												<!-- /.col -->

											  </div>

									 			

										<div class="text-center">

											<p class="mt-15 mb-0">Already have an account?<a href="{{ route('login') }}" class="text-danger ms-5"> Log In</a></p>

										</div>

                                    </form>

									</div>



									<div class="text-center">

									  <p>- Register With -</p>

									  <p class="d-flex gap-items-2 mb-20 justify-content-center">

										  <a class="btn btn-social-icon btn-round btn-facebook" href="#"><i class="fa fa-facebook"></i></a>

										  <a class="btn btn-social-icon btn-round btn-twitter" href="#"><i class="fa fa-twitter"></i></a>

										  <a class="btn btn-social-icon btn-round btn-instagram" href="#"><i class="fa fa-instagram"></i></a>

										</p>	

									</div>

								</div>

							</div>

						</div>

					</div>

				</div>

			 

						</div>

                    </div>	
					 

				</div>

			</div>

		</div>

	</section>

		 
    @endsection