Current File : //home/tradevaly/new.tradevaly.com.bd/resources/views/frontend/pages/applypackage.blade.php
@extends('frontend.layouts.app')

@section('content')
@php
  $my_ip = ip_country(visitorip())->country_code;
@endphp
  <section class="services-banner services-background elite-banner">
            <div class="container">
                <div class="row">
                    <div class="mob-bg">
                        <h1 class="mb-0 text-danger">{{ translate($pages->title) }}</h1>
                        <h2 style="color:#438634;">{{ translate($pages->subtitle) }}</h2>
                    </div>
                </div>
            </div>
        </section>
        <!--/*********************Banner *********************************************** -->

        <section class="container">
            <div class="elite-memeber-sec services-card">
                <div class="row">
                    <div class="col-md-7 section-position mt-2 mb-4 mb-md-0 mt-md-0 pr-md-0" id="premiumPaymentForm">
                       
                        <form method="POST" action="{{route('submit.register', $package->id)}}" accept-charset="UTF-8" class="checkout elite-register-form" id="premiumPackageFormGuest" novalidate="novalidate">
                            @csrf
                            <div class="header-content">
                                <h2 class="text-center w-100 elite-bg">{{ translate('Activate your') }} <span class="ml-0 text-warning">{{ translate($package->name) }}</span> {{ translate('Membership') }}</h2>
                            </div>
                            <div class="form-row">
                                <ul class="list-inline">
                                    <li class="list-inline-item">
                                        <label>{{ translate('I am a') }}</label>
                                    </li>
                                    <!--<li class="list-inline-item active">-->
                                        <input type="radio" name="type" value="seller" class="" checked="checked" >
                                        <label for="seller" class="">{{ translate('Supplier') }}</label>
                                    <!--</li>-->
                                    <!--<li class="list-inline-item">-->
                                        <input type="radio" name="type" value="buyer" class="">
                                        <label for="buyer" class="">{{ translate('Buyer') }}</label>
                                    <!--</li>-->
                                </ul>   
                                @guest()
                                <div class="form-row">
                                    <div class="incomplete-info-form-group col-12 mt-2">
                                        <h6 class="w-100">{{ translate('Personal Information') }}</h6>
                                        <div class="clearfix"></div>
                                        <div class="row">
                                            <div class="col-6 pr-xl-3 pr-lg-1 pr-md-1 pr-1">
                                                
                                                <input class="required head-field form-control" required="" placeholder="Full Name" autocomplete="name" autofocus="" title="{{ translate('Full Name') }}"  name="name" type="text" required>
                                               
                                                
                                             </div>
                                            <div class="col-6 pr-xl-3 pr-lg-1 pr-md-1 pr-1">
                                                <input class="required head-field form-control" required="" placeholder="User Name" autocomplete="username" autofocus="" title="{{ translate('User Name') }}" name="username" type="text" required>
                                            </div>
                                            @php
                                            $my_ip = ip_country(visitorip())->country_code;
                                            $my_country = \App\Models\Country::where('iso', $my_ip)->first();
                                            
                                            $countrylist = \App\Models\Country::all();
                                            @endphp
                                            <div class="col-6 pr-xl-3 pl-lg-1 pl-md-1 pl-0">
                                                      <select class="form-control" name="ccountry_id" id="country_id" required>
                                        <option value="">Choose Country</option>
                                        @foreach($countrylist as $country)
                                        <option value="{{$country->id}}" @if($country->id == $my_country->id) selected @endif>{{$country->name}}</option>
                                        @endforeach
                                    </select>
                                                    </div>
                                            <div class="col-6 pr-xl-3 pl-lg-1 pl-md-1 pl-0">
                                                <input class="required head-field form-control tel" required="" placeholder="{{ translate('Phone / Mobile') }}" minlength="8" autocomplete="off" title="Phone / Mobile" name="phone" type="tel" data-intl-tel-input-id="1" aria-required="true" id="pegphone" value="+{{$my_country->phonecode}}">
                                            </div>
                                            <div class="col-6 pr-xl-3 pr-lg-1 pr-md-1 pr-1">
                                                <input class="required head-field email form-control" required="" placeholder="{{ translate('Email') }}" autocomplete="email" title="Email" name="email" type="email" value="" required/>
                                            </div>
                                            <div class="col-6 pr-xl-3 pl-lg-1 pl-md-1 pl-0">
                                                <input class="required head-field form-control" required="" minlength="6" maxlength="30" placeholder="{{ translate('Create Password') }}" title="{{ translate('Create Password') }}" autocomplete="new-password" name="password" type="password" value="" aria-required="true">
                                            </div>
                                           
                                        </div>
                                    </div>
                                    <div class="incomplete-info-form-group col-12 mt-2">
                                        <h6 class="w-100">{{ translate('Business Information') }}</h6>
                                        <div class="clearfix"></div>
                                        <div class="row">
                                            <div class="col-6 pr-xl-3 pr-lg-1 pr-md-1 pr-1">
                                                <input class="required head-field form-control" required="" placeholder="{{ translate('Company Name') }}" autocomplete="organization" title="{{ translate('Company Name') }}" name="company_name" type="text" aria-required="true">
                                            </div>
                                            <div class="col-6 pr-xl-3 pl-lg-1 pl-md-1 pl-0">
                                                <select class="required head-field form-control" required="" title="{{ translate('Select Industry') }}" name="company_type" aria-required="true">
                                                    <option value="" selected="selected">{{ translate('Select Industry') }}</option>
                                                    @foreach(\App\Models\Category::where('parent_id', 0)->get() as $cat)
                                                    <option value="{{$cat->id}}">{{ translate($cat->name) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-6 pr-xl-3">
                                                <div class="form-group">
                                                <input class="required head-field form-control" required="" placeholder="{{ translate('Products') }}" title="{{ translate('Products') }}" name="main_products" type="text" aria-required="true">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                                @endguest
                                <div class="col-12 form-p-0 mt-3">
                                        @php
                                        $discount_price = $package->price /100*$package->discount;
                                        $main_price = $package->price - $discount_price;
                                        
                                        @endphp
                                        <h5 class="premiumDetailPricing">{{ translate('Billed Annually') }} <span>
                                        Tk {{ $main_price*settings()->bdt_rate }}
                                        </span> </h5>
                                        <div class="col-lg-6 {{ $errors->has('g-recaptcha-response') ? ' has-error' : '' }}">
                                </div>
                                <div class="col-lg-12">
                                     <div class="col-lg-6 p-0 mb-3">
                                             {!! app('captcha')->display() !!}
                                    @if ($errors->has('g-recaptcha-response'))
                                        <span class="help-block">
                                            <strong>{{ translate($errors->first('g-recaptcha-response')) }}</strong>
                                        </span>
                                    @endif
                                       </div> 
                                       <div class="form-check mb-4">
                                          <input class="form-check-input" type="checkbox" value="" id="invalidCheck" name="check_status" required>
                                          <label class="form-check-label" for="invalidCheck">
                                           I agree to the <a href="{{ url('terms') }}">terms and conditions </a>  and  <a href="{{ url('privacy&policy') }}">privacy policy </a>
                                          </label>
                                          <div class="invalid-feedback">
                                            You must agree before submitting.
                                          </div>
                                        </div>
                                     </div>

                                    <button type="submit" class="btn btn-outline-danger elite-package-bg-with-color" id="paymentformbutton">{{ translate('Buy Now') }}</button>

                                    <nav class="mt-3 cards-image">
                                        <ul class="list-inline">
                                            <li class="list-inline-item">
                                                <img src="/public/stripe.png" alt="Secure Payment">
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>              
                        </form>
                       
                    </div>


                    <div class="col-md-5 details-listing mt-md-5 p-md-0">
                        <nav>
                            <h5 class="elite">Your <span>{{ translate($package->name) }}</span><br>{{ translate('Membership Delivers') }}</h5>
                            <ul class="packageDetailList package-detail-elite-scroll">
                                @foreach($features as $feature)
                                <li data-toggle="tooltip" data-html="true" data-placement="left" title="" data-original-title="Yes"><i class="far fa-check-square" aria-hidden="true"></i>{{ translate($feature->feature->name) }} </li>
                                @endforeach
                                
                            </ul>
                        </nav>
                    </div>

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



        <!-- ******************** Contact From and Bannder *********************************-->

        <section class="bg-white services-contact contact-bg mb-4 mt-md-5">
            <div class="container">
                <div class="row">
                    <figure class="col-md-5 mb-0 d-md-block d-none mt-5">
                        <img src="{{asset("assets/frontend/img/contactbg.png ")}}" alt="Get In Touch Banner" class="lazy mt-4">
                    </figure>
                    <div class="col-md-7">
                        <h5>{{ translate('Requirements') }} {{ translate('Get In Touch!') }}</h5>
                        <div class="separator">
                            <span></span>
                        </div>
                        <p>{{ translate('Requirements Email us with any question or inquiries. We would be happy to answer your questions and setup a meeting with you. Let us know your feedback so that we can do our best to serve you.') }}</p>
                        <div class="row mb-4">
                    <div class="col-md-4">
                        <ul>
                            <li><strong>Call</strong></li>
                            <li><a href="tel:{{ settings()->number }}" class="text-danger"> Requirements  {{ settings()->number }}</a></li>

                        </ul>
                    </div>
                    <div class="col-md-4 mt-3 mt-md-0 mt-lg-0 mt-xl-0">
                        <ul>
                            <li><strong>Email</strong></li>
                            <li><a href="mailto:care@tradevaly.com.bd" class="text-danger">Requirements {{  settings()->email  }}</a></li>
                            <li><a href="mailto:support@tradevaly.com.bd" class="text-danger">{{ translate('Requirements support@tradevaly.com.bd') }}</a></li>

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

                <div class="alert alert-success alert-dismissible fade d-none" role="alert" id="contactResponse">
                    <strong>{{ translate('Requirements') }}Enquiry Submitted!</strong>{{ translate('Requirements Our team will contact you shortly!') }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="contact-form">
                    <div class="form-wrapper">
                        <form method="POST" action="{{route('help')}}" accept-charset="UTF-8" name="contactform" class="validate-form" id="contactForm" novalidate="novalidate"><input name="_token" type="hidden" value="WTcr4TSnU6pBvlvRfA1cGiSPwVKJgg1drEYp7iKS">
                            <div class="form-row">
                                <div class="col-sm-6">
                                    <label for="First Name">{{ translate('Requirements First Name') }}</label>
                                    <input class="head-field form-control" required="" placeholder="{{ translate('Please enter your first name') }}" autocomplete="f_name" name="f_name" type="text" aria-required="true">
                                </div>
                                <div class="col-sm-6">
                                    <label for="Last Name">{{ translate('Requirements Last Name') }}</label>
                                    <input class="head-field form-control" required="" placeholder="{{ translate('Please enter your last name') }}" autocomplete="l_name" name="l_name" type="text" aria-required="true">
                                </div>
                                <div class="col-sm-6">
                                    <label for="E-mail">{{ translate('Requirements E-mail') }}</label>
                                    <input class="head-field form-control" required="" placeholder="{{ translate('Please enter your email address') }}" autocomplete="email" name="email" type="email" aria-required="true">
                                </div>
                                <div class="col-sm-6">
                                    <label for="IM (SKYPE /QQ)">{{ translate('IM (SKYPE / QQ / WeChat / Whatsapp)') }}</label>
                                    <input class="head-field bg-secondary" required="" placeholder="{{ translate('Please enter your username') }}" autocomplete="username" name="u_name" type="text" aria-required="true">
                                </div>
                                <div class="col-sm-6">
                                    <label for="Company Name / Website">{{ translate('Requirements Company Name / Website') }}</label>
                                    <input class="head-field" required="" placeholder="{{ translate('Please enter your company name or website') }}" autocomplete="c_name" name="c_name" type="text" aria-required="true">
                                </div>
                                <div class="col-sm-6">
                                    <label for="Phone">{{ translate('Phone') }}</label>
                                    <div class="iti iti--allow-dropdown">
                                        <div class="iti__flag-container">
                                            <div class="iti__selected-flag" role="combobox" aria-owns="country-listbox" tabindex="0" title="{{ translate('Curaçao: +599') }}">
                                                <div class="iti__flag iti__cw"></div>
                                                <div class="iti__arrow"></div>
                                            </div>
                                        </div>
                                        <input class="head-field error" required="" placeholder="{{ translate('Please enter your phone or mobile number') }}" id="phoneNumber" autocomplete="off" name="phone" type="tel" data-intl-tel-input-id="0" aria-required="true" title="" data-original-title="Please enter at least 6 characters." aria-invalid="true">
                                    </div>
                                </div>
                                <div class="col-sm-12">
                                    <label for="Message">{{ translate('Requirements Message') }}</label>
                                    <textarea class="head-field" class="height:100px;" required="" placeholder="{{ translate('Please enter your Enquiry') }}" name="message" aria-required="true"></textarea>
                                </div>
                                 <div class="col-sm-6">
                                     {!! app('captcha')->display() !!}
                                    @if ($errors->has('g-recaptcha-response'))
                                        <span class="help-block">
                                            <strong>{{ translate($errors->first('g-recaptcha-response')) }}</strong>
                                        </span>
                                    @endif
                                </div>
                                <div class="col-12 mt-3 ">
                                    <input type="submit" value="{{ translate('Submit') }}" class="submit mt-0">
                                </div>
                            </div>
                        </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
@endsection
@section('script')
 <script>
        $(document).on('change', '[name=ccountry_id]', function() {
            var state_id = $(this).val();
            get_ccity(state_id);
        });
        
        function get_ccity(country_id) {
            $("#pegphone").val("");
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{route('country.code')}}",
                type: 'POST',
                data: {
                    id  : country_id
                },
                success: function (response) {
                    $("#pegphone").val(response);
                }
            });
        }
        </script>
@endsection