@extends('layouts.header')
@section('content')
<div class="ob-mian-content">
             @include('layouts.navbar')
            <div class="ob-mian-container">
                <div class="section-head mb-5">
                    @php $back_route= (!empty($cart_services) ? route('availability',$businessslug) : route('home.categories',$businessslug)) @endphp
                    <a href="{{ $back_route }}" class="back-btn"><img src="{{ asset('images/back-btn.svg') }}" alt="back" width="6" height="12"> Back to Date + Time</a>
                    <h2 class="h2-head">My Information</h2>
                </div>
                <div class="ob-mian-container-inner">
                    <div class="allSetGird">
                        <div class="pb-5 pb-md-3">
                            <div class="row align-items-center">
                              <div class="col-md-6 col-12 borderRight">
                                
                                <form class="mb-2 mb-md-0 px-md-2 pt-1 pb-2 guestFrm" method="post" action="{{ route('check-guest', $businessslug) }}">
                                   <div class="mh-430"> 
                                <div class="section-head"> 
                                        <h2 class="h2-head">Create an Account</h2>
                                        <p class="px-md-5">Create an account to say connected and make future checkouts faster!</p>
                                </div>
                                <h3 class="heading_20">Create a Password <a href="javascript:void(0)" data-bs-html="true" data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="hover" data-bs-custom-class="custom-popover" data-bs-content="<div class='password-popover'><h3>Your password must:</h3> <ul> <li>Contain at least 8 characters</li> <li>Contain both uppercase and lowercase letters</li> <li>Contain 1 number</li> <li>Contain 1 special character</li></ul> </div>"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><g id="Component_1_2" data-name="Component 1 – 2" transform="translate(1 1)"><path id="Path_444" data-name="Path 444" d="M129,216v-4m0-4h.01m9.99,4a10,10,0,1,1-10-10A10,10,0,0,1,139,212Z" transform="translate(-119 -202)" fill="none" stroke="#b8c2cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg>
                                    </a></h3>    
                                <div class="form-group mb-2">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                    <label for="" class="form-label required-label">Password</label>
                                    <input type="password" class="form-control" name="password" id="password" value="" placeholder="Password" required="">
                                    <div class="invalid-feedback">
                                        Please enter a valid email address
                                    </div>
                                </div>
                                <div class="form-group mb-2">
                                    <label for="" class="form-label required-label">Confirm Password</label>
                                    <input type="password" class="form-control" name="cpassword" id="cpassword" value="" placeholder="Confirm Password" required="">
                                    <div class="invalid-feedback">
                                        Please enter a valid Password
                                    </div>
                                    <!-- <div class="forgot-txt">
                                        <a href="{{route('forgotpassword',$businessslug)}}">Forgot Password?</a>
                                    </div> -->
                                </div>
                                </div>
                                 @if($errors->any())
                                <div class="invalid-feedback text-center" id="login_error_msg" style="display: block;">
                                    @foreach ($errors->all() as $error)
                                    {{ $error }} <br/>
                                    @endforeach
                                </div>
                                 @endif
                                 @if(session()->has('error'))

                                <div class="invalid-feedback text-center"  style="display: block;">
                                    {{ session()->get('error') }}
                                </div>
                               @endif
                                <div class="form-group text-center login-mob-btn">
                                    <!-- <button onclick="location.href='{{route("review",$businessslug) }}';" class="btn btn-primary d-block" type="submit">Submit</button> -->
                                  
                                
                            @php $eror_msg= (isset($msg) && !empty($msg)) ? 'style=display:block;':'' @endphp
                            <div class="invalid-feedback" {{ $eror_msg }}>{{(isset($msg) && !empty($msg)) ? $msg:''}}</div>
                                    <button class="btn btn-primary d-block w-100"  type="submit">Submit</button>
                                </div>
                            </form>

                              </div>  
                              <div class="col-md-6 col-12">
                            <div class="form-group text-center px-md-1 pt-md-5">
                                <a class="btn btn-info d-block px-2 w-100" href="{{ route('guest-login', $businessslug) }}">No Thanks, I will continue as a Guest</a>
                            </div>
                            <div class="form-group text-center pt-2 px-4">
                                <p class="chooseText">No need to create a password now, continue to the review page to complete your booking</p>
                            </div> 
                              </div>  
                            </div>
                            

                            <!-- <div class="form-group text-center login-mob-btn mb-md-4 pb-md-3">OR
                                 </div> -->
                             

                            
                       
                        

                        <!-- <div class="login-nextguest-txt text-center">
                            <p>New guest? If you do not have an account, <a href="{{route('signup',$businessslug)}}"> register here!</a></p>
                        </div> -->
                    </div>


                </div>
            </div>
        </div>
@endsection
@section('customJs')
<script type="text/javascript">
    /*$(document).on("submit", "form", function(e){
    e.preventDefault();
    var email=$('#email').val();
    var password=$('#password').val();
    if(email!='' && password!=''){
         $.ajax({
                  url: "{{ route('check-login', $businessslug) }}",
                  type: "POST",
                  data: {"_token": "{{ csrf_token() }}",email:email,password:password},
                  success: function(data1){
                    var data=JSON.parse(data1);
                    if(data.status==true){
                        window.location.href='{{route("review",$businessslug)}}';
                       
                    }else{
                      $('#login_error_msg').html(data.msg); 
                       $('#login_error_msg').css("display",'block'); 
                    }
                  }
                });

    }else{
        $('#login_error_msg').css("display",'block');
    }
});*/

</script>
@endsection