@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') }}">
                    <h3 class="card-title p-2">
                        @if (optional($form)->id && $isForm === true)
                            {{ __('common.edit') }} - {{ optional($form)->name }}
                        @elseif(optional($form)->id && $isForm === false)
                            {{ __('common.show') }} - {{ optional($form)->name }}
                        @else
                            {{ __('common.create') }}
                        @endif
                    </h3>

                </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.user_information') }}
                                            </h3>
                                        </div>
                                        <div class="card-body">
                                            <form method="post" action="{{ route('profile.field.update') }}">
                                                @csrf
                                                <div class="row">
                                                    <input type="hidden" name="type" value="email" />
                                                    <div class="col-md-6 col-sm-12">
                                                        <div class="form-group input-group-sm ">
                                                            <label class="mb-0 font-weight-normal"
                                                                for="email">{{ __('auth.register.labels.email') }}</label>

                                                            <input type="email" id="new_value" name="new_value"
                                                                class="form-control @error('email') is-invalid @enderror"
                                                                placeholder="{{ __('auth.register.labels.email') }}"
                                                                value="{{ old('email', $form->email ?? '') }}"
                                                                maxlength="191">
                                                            @include('includes.invalid', [
                                                                'field' => 'new_value',
                                                            ])

                                                        </div>
                                                    </div>

                                                    <div class="col-md-6">
                                                        <button type="submit" style="margin-top:20px"
                                                            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 class="card-body">
                                            <form method="post" action="{{ route('profile.field.update') }}">
                                                @csrf
                                                <div class="row">
                                                    <div class="col-md-6 col-sm-12">
                                                        <input type="hidden" name="type" value="phone" />
                                                        <div class="form-group input-group-sm ">
                                                            <label class="mb-0 font-weight-normal"
                                                                for="phone">{{ __('auth.register.labels.phone') }}</label>
                                                            <div class="row">
                                                                <div class="col-4">
                                                                    <select id="new_dialing_code" name="new_dialing_code"
                                                                        class="form-control select2bs4 @error('dialing_code') is-invalid @enderror">
                                                                        @foreach ($options['dialing_code'] as $key => $code)
                                                                            <option value="{{ $code }}"
                                                                                {{ old('dialing_code', $form->dialing_code ?? '') === $code ? 'selected' : '' }}>
                                                                                {{ $code }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                    @include('includes.invalid', [
                                                                        'field' => 'dialing_code',
                                                                    ])
                                                                </div>
                                                                <div class="col-8">
                                                                    <input type="text" id="new_value" name="new_value"
                                                                        class="form-control phone-input @error('new_value') is-invalid @enderror"
                                                                        placeholder="{{ __('new_value') }}"
                                                                        value="{{ old('phone', $form->phone ?? '') }}"
                                                                        maxlength="11" required>
                                                                    @include('includes.invalid', [
                                                                        'field' => 'new_value',
                                                                    ])
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-2">
                                                        <button type="submit" style="margin-top:20px"
                                                            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 class="card-body">

                                            <form method="post"  action="{{ route('address.field.update') }}">
                                                @csrf
                                                <input type="hidden" name="type" value="address" />
                                                @include('includes.user.addressupdate', [
                                                    'address' => optional($form),
                                                    'options' => $options,
                                                    'isForm' => $isForm,
                                                ])
                                                <div class="row">

                                                    <div class="col-md-2">
                                                        <button type="submit" style="margin-top:20px"
                                                            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