@extends('layouts.appLogin')
@section('content')
<style>
    .d-none{
        display: none;
    }
</style>
    <section class="main-area">
        <div class="container-fluid">
            <div class="row h100">
                @php
                    $app = \App\AdminSetting::select('bg_img', 'black_logo')->first();
                @endphp
                <div class="col-md-6 p-0 m-none"
                    style="background: url({{ asset('storage/images/app/' . $app->bg_img) }}) center center;background-size: cover;background-repeat: no-repeat;">
                    <span class="mask bg-gradient-dark opacity-6"></span>
                </div>

                <div class="col-md-6 p-0 data-box-col">
                    <div class="login">
                        <div class="center-box">
                            <div class="logo">
                                <img src="{{ asset('storage/images/app/' . $app->black_logo) }}" class="logo-img">
                            </div>
                            <div class="title">
                                <h4 class="login_head">{{ __('Owner Verification.') }}</h4>
                            </div>
                            <div class="form-wrap">
                                <form role="form" class="pui-form" id="verifyForm" method="POST"
                                    action="{{ url('/owner/register/verify') }}">
                                    @csrf
                                    <input type="hidden" name="id" id="" value="{{ $id }}">
                                    @if (Session::has('alert'))
                                        <div class="alert alert-primary" role="alert">
                                            {{ Session::get('alert') }}
                                        </div>
                                    @endif
                                    <div class="alert alert-primary mt-3 d-none justforerror" role="alert">
                                        
                                    </div>
                                    @if ($verify->user_verify_sms == 1)
                                        <div class="pui-form__element">
                                            <label class="animated-label ">{{ __('Phone OTP') }}</label>
                                            <input id="inputEmail" type="text"
                                                class="form-control @error('email') is-invalid @enderror" name="phone_otp"
                                                value="" placeholder="" autocomplete="off">

                                        </div>
                                    @endif
                                    @if ($verify->user_verify_email == 1)
                                        <div class="pui-form__element">
                                            <label class="animated-label">{{ __('Email OTP') }}</label>
                                            <input id="password" type="text"
                                                class="form-control @error('password') is-invalid @enderror"
                                                name="email_otp" placeholder="" autocomplete="current-password">
                                        </div>
                                    @endif
                                    @if ($errors->any())
                                        <h4 class="text-center text-red">{{ __($errors->first()) }}</h4>
                                    @endif
                                    @if (Session::has('success'))
                                        <h4 class="text-center text-success">{{ Session::get('success') }}</h4>
                                    @endif

                                    <div class="pui-form__element">
                                        <button class="btn btn-lg btn-primary btn-block btn-business"
                                            type="submit">{{ __('Verify') }}</button>
                                    </div>
                                </form>
                                <span class="signup-label">{{ __('Back To Register.') }} <a
                                        href="{{ url('/owner/register') }}"> {{ __('Back') }} </a></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"
        integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        $('#verifyForm').on('submit', function(e) {
            e.preventDefault();
            var formData = $(this).serializeArray();
            console.log(formData);
            $.ajax({
                type: 'POST',
                url: '/owner/register/verify', // replace with your backend endpoint
                data: formData,
                success: function(response) {
                    if (response.success== false) {
                        $('.justforerror').removeClass('d-none').text(response.msg);
                    }else{
                        window.location.href = '/owner/login';
                    }
                },
                error: function(error) {
                    console.log(error);
                }
            });
        });
    </script>
@endsection