@extends('layouts.header')
@section('content')
<div class="ob-mian-content">
             @include('layouts.navbar')
            <div class="ob-mian-container">
                <div class="section-head">
                    @php
                        $back_is_availability = !empty($cart_services);
                        $back_route = $back_is_availability ? route('availability',$businessslug) : route('home.categories',$businessslug);
                        $back_label = $back_is_availability ? 'Back to Date + Time' : 'Back to Category';
                    @endphp
                    <a href="{{ $back_route }}" class="back-btn"><img src="{{ asset('images/back-btn.svg') }}" alt="" width="6" height="12" aria-hidden="true"> {{ $back_label }}</a>
                    <h2 class="h2-head">Log In</h2>
                </div>
                <div class="ob-mian-container-inner">
                    <div class="ob-login-card">
                        <div class="ob-login-card-inner pb-5 pb-md-3">
                            
                            <form class="mb-md-0" method="post" action="{{ route('check-login', $businessslug) }}">
                                <div class="form-group mb-3 mb-md-4 pb-md-3">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                                    <label for="" class="form-label required-label">Enter Your Email</label>
                                    <input type="text" class="form-control" name="email" id="email" value="" placeholder="Email" required="">
                                    <div class="invalid-feedback">
                                        Please enter a valid email address
                                    </div>
                                </div>
                                <div class="form-group mb-3 mb-md-4 pb-md-1">
                                    <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 Password
                                    </div>
                                    <div class="forgot-txt">
                                        <a href="{{route('forgotpassword',$businessslug)}}">Forgot Password?</a>
                                    </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"  type="submit">Submit</button>
                                </div>
                            </form>

                            <div class="form-group text-center py-2 fw-semibold">OR </div>
                            <div class="form-group text-center">
                                <a class="btn btn-info d-block" href="{{route('signup',$businessslug)}}">I'm a New Guest</a>
                            </div>
                            <div class="form-group text-center pt-3">
                                <p class="chooseText">You will have an opportunity to create an account if you choose.</p>
                            </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