@extends('landing.layouts.app')
@section('title')
    {{ __('messages.web_home.home') }}
@endsection
@section('content')

    @include('landing.membership_plans.index', ['screenFrom' => Route::currentRouteName()])

    <!-- contact-section -->
    <section class="contact-section" id="contact-us">
        <div class="container">
            <div class="text-center">
                <h4 class="mb-3 fs-6 text-primary fw-bold">Register</h4>
                <h2 class="mx-auto mb-5 fw-bold max-w-680"></h2>
                @include('flash::message')
            </div>
            <div class="contact-form">
                <div class="row justify-content-center">
                    <div class="col-lg-8 col-md-10">
                        {{ Form::open(['route' => 'public.store_client','files' => 'true','id'=>'clientForm']) }}
                        <div class="mb-5 row gx-10">
                            <div class="col-lg-12">
                                <div class="mb-5">
                                    {{ Form::label('membership',__('messages.membership.membership').':', ['class' => 'form-label mb-3 required']) }}
                                    {{ Form::select('membership_plan_id', $membershipPlans->pluck('name','id'), $membership_plan_id, ['id'=>'membershipId','class' => 'form-select form-select-solid','placeholder' => 'Select Membership', 'data-control' => 'select2', 'required']) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('first_name', __('messages.client.first_name').':', ['class' => 'form-label required mb-3']) }}
                                    {{ Form::text('first_name', null, ['class' => 'form-control form-control-solid', 'placeholder' => 'First Name', 'required']) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('last_name', __('messages.client.last_name').':', ['class' => 'form-label required mb-3']) }}
                                    {{ Form::text('last_name', null, ['class' => 'form-control form-control-solid', 'placeholder' => 'Last Name', 'required']) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('email', __('messages.client.email').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::email('email', null, ['class' => 'form-control form-control-solid', 'placeholder' => 'Email']) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('contact', __('messages.client.contact_no').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::tel('contact', null, ['class' => 'form-control form-control-solid', 'onkeyup' => 'if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")','id'=>'phoneNumber']) }}
                                    {{ Form::hidden('region_code', null,['id'=>'prefix_code']) }}
                                    <!-- <span id="valid-msg" class="mt-2 hide text-success fw-400 fs-small">✓ Valid</span>
                                    <span id="error-msg" class="mt-2 hide text-danger fw-400 fs-small"></span> -->
                                </div>
                            </div>
                            <div class="mb-5 col-md-6">
                                <div class="fv-row">
                                    <div class="mb-1">
                                        {{ Form::label('password',__('messages.client.password').':' ,['class' => 'form-label mb-3']) }}
                                        <div class="mb-3 position-relative">
                                            <input class="form-control form-control-solid"
                                                   type="password" placeholder="Password" name="password" autocomplete="off" aria-label="Password" data-toggle="password">
                                            <span class="top-0 bottom-0 text-gray-600 cursor-pointer position-absolute d-flex align-items-center end-0 me-4 input-icon input-password-hide">
                                                        <i class="bi bi-eye-slash-fill"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mb-5 col-md-6">
                                <div class="fv-row">
                                    <div class="mb-1">
                                        {{ Form::label('confirmPassword',__('messages.client.confirm_password').':' ,['class' => 'form-label mb-3']) }}
                                        <div class="mb-3 position-relative">
                                            <input class="form-control form-control-solid"
                                                   type="password" placeholder="Confirm Password" name="password_confirmation"
                                                   autocomplete="off" aria-label="Password" data-toggle="password">
                                            <span class="top-0 bottom-0 text-gray-600 cursor-pointer position-absolute d-flex align-items-center end-0 me-4 input-icon input-password-hide">
                                                       <i class="bi bi-eye-slash-fill"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('website', __('messages.client.website').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::text('website', null,['class' => 'form-control form-control-solid', 'placeholder' => 'Website']) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('postal_code', __('messages.client.postal_code').':', ['class' => 'form-label required mb-3']) }}
                                    {{ Form::text('postal_code',null, ['class' => 'form-control form-control-solid', 'placeholder' => 'Postal Code', 'required', 'maxlength' => 6]) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('country',__('messages.client.country').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::select('country_id', $countries, config('app.default_country'), ['id'=>'countryId','class' => 'form-select form-select-solid','placeholder' => 'Select Country', 'data-control' => 'select2']) }}
                                </div>
                            </div>
                            <div class="col-lg-4 d-none">
                                <div class="mb-5">
                                    {{ Form::label('state', __('messages.client.state').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::select('state_id', [], null, ['id'=>'stateId','class' => 'form-select form-select-solid','placeholder' => 'Select State', 'data-control' => 'select2']) }}
                                </div>
                            </div>
                            <div class="col-lg-4 d-none">
                                <div class="mb-5">
                                    {{ Form::label('city',__('messages.client.city').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::select('city_id', [], null, ['id'=>'cityId','class' => 'form-select form-select-solid','placeholder' => 'Select City', 'data-control' => 'select2']) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('address', __('messages.client.address').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::textarea('address', null, ['class' => 'form-control form-control-solid', 'placeholder' => 'Address', 'rows' => 4, 'style'=>'height: 100px;']) }}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="mb-5">
                                    {{ Form::label('notes', __('messages.client.notes').':', ['class' => 'form-label mb-3']) }}
                                    {{ Form::textarea('note', null, ['class' => 'form-control form-control-solid', 'placeholder' => 'Enter Notes', 'rows' => 4, 'style'=>'height: 100px;']) }}
                                </div>
                            </div>
                            <div class="col-lg-3 mb-7">
                                <div class="mb-3" io-image-input="true">
                                    <label for="exampleInputImage" class="form-label">{{ __('messages.client.profile_picture').':' }}</label>
                                </div>
                                <div class="form-text">Allowed file types: png, jpg, jpeg.</div>
                            </div>

                        </div>
                        </div>
                        <div class="mt-5 float-end d-flex">
                            {{ Form::submit(__('messages.common.save'),['class' => 'btn btn-primary me-3']) }}
                            <a href="{{ route('clients.index') }}" type="reset"
                               class="btn btn-secondary btn-active-light-primary">{{__('messages.common.discard')}}</a>
                        </div>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
            <div class="subscribe-section">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="subscribe-left">
                            <h3 class="mb-3 text-white">Subscribe Now!</h3>
                            <p class="mb-0 text-white paragraph">Enter your email to receive daily updates.</p>
                        </div>
                    </div>
                    <div class="mt-4 col-lg-6 mt-lg-0">
                        <div class="subscribe-right position-relative">
                            <form id="subscribe-form">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <div class="email">
                                    <input type="email" id="email-field-1" name="email" placeholder="Email Address">
                                    <a href="#" class="subscribe-btn d-block d-sm-none" id="subscribeBtn"><i class="fa-solid fa-paper-plane"></i></a>
                                    <a href="#" class="subscribe-btn d-none d-sm-block" id="subscribeBtn">Subscribe</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scripts')
    <script data-turbo-eval="false">
        let getLoggedInUserdata = "{{ getLoggedInUser() }}"
        let logInUrl = "{{ url('login') }}"
        let fromPricing = true
        let makePaymentURL = "{{ route('purchase-subscription') }}"
        let subscribeText = "{{ __('messages.subscription_pricing_plans.choose_plan') }}"
        let toastData = JSON.parse('@json(session('toast-data'))')
        $("#countryId").change();
    </script>
@endsection