@extends('front.design1.partials.master')
@section('content')
    <section id="dashboard-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="page-title">
                        <h3>{!! __('v2/front_site.company_customer') !!}</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form_view inner-div-height">
                        <div class="form-boxx new_design">
                            <div class="error-msg"></div>
                            {{ Form::open(['route' => 'front.d1.add-company-customer', 'method' => 'POST', 'id' => 'dySave', 'class' => 'row g-3z']) }}
                            <div class="col-md-6">
                                {{ Form::label('org_number', __('v2/front_site.organization_number'), ['class' => 'form-label required']) }}
                                {{ Form::text('organization_no', null, ['class' => 'form-control  _org_no']) }}
                                <span class="_fetch_placeholder" style="display: none">{!! __('v2/front_site.please_wait') !!}</span>
                            </div>
                            <div class="col-md-6">
                                {{ Form::label('company_name', __('v2/front_site.company_name'), ['class' => 'form-label required']) }}
                                {{ Form::text('company_name', null, ['class' => 'form-control _reset _c_name']) }}

                            </div>
                            <div class="col-md-6">
                                {{ Form::label('first_name', __('v2/front_site.first_name'), ['class' => 'form-label required']) }}
                                {{ Form::text('full_name', null, ['class' => 'form-control _reset _c_fname']) }}

                            </div>
                            <div class="col-md-6">

                                {{ Form::label('surname', __('v2/front_site.surname'), ['class' => 'form-label']) }}
                                {{ Form::text('surname', null, ['class' => 'form-control _c_sname']) }}
                            </div>
                            <div class="col-md-4">
                                {{ Form::label('address', __('v2/front_site.address'), ['class' => 'form-label']) }}
                                {{ Form::text('company_address', null, ['class' => 'form-control _reset _c_address']) }}


                            </div>
                            <div class="col-md-2">
                                {{ Form::label('pin_code', __('v2/front_site.zip'), ['class' => 'form-label']) }}
                                {{ Form::text('company_zip', null, ['class' => 'form-control _reset _c_zip']) }}


                            </div>
                            <div class="col-md-6">
                                {{ Form::label('position', __('v2/front_site.position'), ['class' => 'form-label']) }}
                                {{ Form::text('position', null, ['class' => 'form-control _reset _c_position']) }}

                            </div>


                            <div class="col-md-6">
                                {{ Form::label('email', __('v2/front_site.email'), ['class' => 'form-label required']) }}
                                {{ Form::email('email', null, ['class' => 'form-control']) }}

                            </div>
                            <div class="col-md-6 login_country">
                                {{ Form::label('phone', __('v2/front_site.phone'), ['class' => 'form-label required']) }}
                                {{ Form::text('phone', null, ['class' => 'form-control','id'=>'phone','placeholder'=>' ']) }}
                                <input type="hidden" class="form-control" id="dial_code" name="dial_code" value="{!! currency('dial_code') ?? "+47" !!}">
                            </div>
                            <div class="col-md-6">
                                {{ Form::label('password', __('v2/front_site.password'), ['class' => 'form-label required']) }}
                                {{ Form::password('password', ['class' => 'form-control']) }}

                            </div>


                            <div class="col-md-6">
                                {{ Form::label('invoice_email', __('v2/front_site.invoice_email'), ['class' => 'form-label required']) }}
                                {{ Form::text('invoice_email', null, ['class' => 'form-control']) }}
                            </div>


                            <div class="col-md-12">
                                {{ Form::label('captcha', __('v2/front_site.captcha'), ['class' => 'form-label required']) }}
                                <script src="https://www.google.com/recaptcha/api.js" async defer></script>
                                <div class="g-recaptcha" id="feedback-recaptcha"
                                    data-sitekey="{{ env('GOOGLE_RECAPTCHA_KEY') }}" style="padding-bottom: 10px;">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-btns" style="width: 150px;float: right">
                                    {{ Form::submit(__('v2/front_site.save'), ['class' => 'btn btn-success btn-block']) }}
                                </div>
                            </div>
                            {{ Form::close() }}
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
@endsection
@section('script')
<script>
    $(document).on("keyup", "._org_no", function(e) {
        let orgNo = $(this).val();
        if(orgNo == ''){
            $('._reset').val("");
           // $('._fetch_placeholder').hide();
            return false;
        }
        setTimeout(function(){
           // $('._fetch_placeholder').show();

            $.ajax({
                url: "{{route('front.v2.fetch-company-info')}}",
                method: "POST",
                data: {org_no: orgNo.replace(/ /g, ''), _token:"{{ csrf_token() }}"},
                success: function(response) {
                    let name = response.full_name.split(',');
                    $('._reset').val("");
                    $('._c_name').val(response.company_name);
                    $('._c_fname').val(name[1] || response.full_name);
                    $('._c_sname').val(name[0] || '');
                    $('._c_position').val(response.position);
                    $('._c_address').val(response.address);
                    $('._c_zip').val(response.zip);
                    $('._fetch_placeholder').hide();
                }
            });
        },1000);
    });
</script>
@endsection