@extends('layouts.app')
@section('title')
    {{ config('app.name', 'Laravel') }} | {{ __('common.users') }}
@endsection
@section('heading')
    {{ __('common.users') }}
@endsection

@section('heading-icon')
    <i class="nav-icon material-icons">admin_panel_settings</i>
@endsection
@section('content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header" style="color:white;background-color: {{ config('custom.background') }}">

                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <!-- User Information -->
                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <div class="card">
                                        <div class="card-header">
                                            <h3 class="card-title">
                                                {{ __('common.otp') }}
                                            </h3>
                                        </div>
                                        <div class="card-body">
                                            <form method="post" action="{{ route('oty.verify') }}">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-md-6 col-sm-12">
                                                        <div class="form-group input-group-sm ">
                                                            <input type="text" id="otp" name="otp"
                                                                class="form-control @error('email') is-invalid @enderror"
                                                                placeholder="{{ __('common.otp') }}" required>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-6">
                                                        <button type="submit" style="margin-top:5px"
                                                            class="btn {{ config('custom.theme.default.submit_btn_class') }} mr-3">
                                                            <i
                                                                class="material-icons">save_alt</i>&nbsp;{{ __('common.save') }}
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    {{-- @include('includes.user.address', [
                                'address' => optional($form),
                                'options' => $options,
                                'isForm' => $isForm,
                            ]) --}}

                                    <!-- Profile Information -->


                                </div>
                            </div>
                        </div>
                        <div class="card-footer">



                        </div>
                    </div>
                    @push('body.end')
                        <script src="{{ asset('assets/js/create.js') }}"></script>
                        <script>
                            const BASE_URL = "{{ url('/vendor/') }}";

                            $('#gst_no').keyup(function() {
                                var value = $(this).val();
                                if (value.length > 14) {
                                    $.ajaxSetup({
                                        headers: {
                                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                        }
                                    });
                                    $.ajax({
                                        type: "GET",
                                        url: `${BASE_URL}/verifyGst/${value}`,
                                        success: function(data) {
                                            if (data.flag === true) {
                                                jQuery('#gst_code').html("Gst not Verified")
                                                    .removeClass('text-success')
                                                    .addClass('text-danger');
                                            } else {
                                                jQuery('#gst_code').html("Gst not Verified").removeClass('text-success')
                                                    .addClass('text-danger');
                                                $('#gst_no').empty();
                                            }
                                        }
                                    });
                                }
                            });
                        </script>
                    @endpush

                </div>
            </div>
        @endsection
        @push('head.start')
            @include('includes.plugins', ['name' => 'lightbox-css'])
        @endpush
        @push('body.end')
            @include('includes.plugins', ['name' => 'lightbox-js'])
        @endpush