@extends("front.layout.master")
@section('meta_tags')
<title>Shop For Bulk & Customized Art For Business at Artiner</title>
<meta content="Explore our wide range of business artwork featuring a unique collection by independent artists. For more details contact us now." name="description" />
@endsection
@section("body")
<link href="{{ url('giga/css/b2b.css') }}" rel="stylesheet" type="text/css" />
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="full-container">
   <div class="mobile">
      @isset($sliders)
      <div class="container-fluid owlCarousel_desktop">
         <div class='owl-carousel' id='owlCarousel'>
            @foreach (json_decode($sliders) as $slider)
            <div class='slide'>
               @if(file_exists(public_path().'/images/slider/'.$slider->image_link))
               <img src="{{ url($slider->image) }}" alt="Banner Image">
               @else
               <img src="{{ url($slider->image_link) }}" alt="Banner Image">
               @endif
            </div>
            @endforeach
         </div>
      </div>
      @endisset 
   </div>
   <div class="form-artiner-b2b">
      <div class="container">
         <div class="row align-items-center justify-content-center">
            <div class="col-md-12 text-center aos-init aos-animate" data-aos="fade">
               <form id="b2bpopup"  action="{{ route('send.b2b') }}" method="POST" enctype="multipart/form-data" class="lead-form " >
                  {{ csrf_field() }}
                  <h2 class="form-title-section"> {{ __('staticwords.ContactUs') }} {{ __('staticwords.for Business Pricing') }} </h2>
                  @if ($errors->any())
                  <div class="alert alert-danger" role="alert">
                     @foreach($errors->all() as $error)
                     <p>
                        {{ $error}}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                     </p>
                     @endforeach
                  </div>
                  @endif
                  <div class="form-input-section form-group">
                     <input class="form-control" type="text" name="name" placeholder="{{ __('staticwords.Name') }} *" required="required" />
                     <input class="form-control" type="email" name="email" placeholder="{{ __('staticwords.Email') }} *" required="required" />
                     <input class="form-control" pattern="[0-9]+" type="text"  name="phone" placeholder="{{ __('staticwords.MobileNo') }} *" required="required" />
                     <select class="business_type mb-2 country-callme select2 form-control" name="business_type" required>
                        @php
                        $bcats = App\BusinessCategory::where('status','=','1')->orderBy('title','ASC')->get();
                        @endphp
                        @if(count($bcats)>0)
                        @foreach ($bcats as $bc)
                        <option  value="{{$bc->id}}">
                           {{$bc->title}}
                        </option>
                        @endforeach
                        <option  value="other_business">Other</option>
                        @endif
                     </select>
                     <div style="display: none;" class="otherBox">
                        <input  class="form-control" name="other_business_text" type="text" placeholder="{{ __('Please enter other business') }} *">
                     </div>
                     <div class="form-group">
                        <textarea required placeholder="Your Requirement *" name="msg" cols="30" rows="3" class="form-control"></textarea>
                     </div>
                     <input type="submit" name=""  class="btn form-control-btn" value="{{ __('staticwords.Send') }}">
                  </div>
               </form>
            </div>
         </div>
      </div>
   </div>
   <div class="site-section cta-big-image" id="about-section">
      <div class="container">
         <div class="row mb-4">
            <div class="col-12 text-center">
               <h1 class="section-title section-title-Discover" >{{ __('staticwords.Art for Your Business') }}</h1>
               <p class="lead-discover-p">{{ __('staticwords.Affordable solutions for a more welcoming workplace') }}</p>
            </div>
         </div>
         <div class="row">
            <div class="col-lg-3 mb-1" data-aos="fade-up" data-aos-delay="" style="transition-duration: 0.5s;">
               <div class="items-businessafford">
                  <img class="img-items mb-3" src="{{ url('https://artiner-prod.s3.ap-south-1.amazonaws.com/images/item01.jpg') }}" />
                  <h4 class="text-black items-title">{{ __('staticwords.Affordable') }}</h4>
                  <p class="items-title-p text-black">{{ __('staticwords.We help create beautiful spaces on a budget') }}.</p>
               </div>
            </div>
            <div class="col-lg-3 mb-1" data-aos="fade-up" data-aos-delay="" style="transition-duration: 0.6s;">
               <div class="items-businessafford">
                  <img class="img-items mb-3" src="{{ url('https://artiner-prod.s3.ap-south-1.amazonaws.com/images/item02.jpg') }}" />
                  <h4 class="text-black items-title">{{ __('staticwords.Art For Any Project') }}</h4>
                  <p class="items-title-p text-black">{{ __('staticwords.Choose from 100,000+ pieces of art or create your own custom prints') }}.</p>
               </div>
            </div>
            <div class="col-lg-3 mb-1" data-aos="fade-up" data-aos-delay="" style="transition-duration: 0.7s;">
               <div class="items-businessafford">
                  <img style="text-align: center;" class="img-items mb-3" src="{{ url('https://artiner-prod.s3.ap-south-1.amazonaws.com/images/item03.jpg') }}" />
                  <h4 class="text-black items-title">{{ __('staticwords.Small Business Specialists') }}</h4>
                  <p class="items-title-p text-black">{{ __('staticwords.Small Business Specialists Text Message') }}.</p>
               </div>
            </div>
            <div class="col-lg-3 mb-1" data-aos="fade-up" data-aos-delay="" style="transition-duration: 0.8s;">
               <div class="items-businessafford">
                  <img class="img-items mb-3" src="{{ url('https://artiner-prod.s3.ap-south-1.amazonaws.com/images/item04.jpg') }}" />
                  <h4 class="text-black items-title">{{ __('staticwords.We will Curate For You') }}</h4>
                  <p class="items-title-p text-black">{{ __('staticwords.We will Curate For You Text Message') }}.</p>
                  <span id="b2b_div"></span>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="spacer-single"></div>
   <!--start business category-->
   <section class="site-section" >
      <div class="container">
         <div class="row mb-3 justify-content-center">
            <div class="col-md-8 text-center">
               <h2 class="section-title section-title-Discover" data-aos="fade-up" data-aos-delay="">{{ __('staticwords.Discover') }}</h2>
               <p class="lead-discover-p" data-aos="fade-up" data-aos-delay="">{{ __('staticwords.DiscoverWorldOriginalPaintingsSale')}}</p>
            </div>
         </div>
         <div class="row" id="ajaxcontent">
            @if(count($business_categories)>0)
            @isset($business_categories)
            @foreach ($business_categories as $key => $row)
            <div class="col-md-6">
               <div class="service-box" data-aos="fade-up" data-aos-delay="">
                  <div class="service-box-header service-box-header01">
                     <h2 class="service-box-title"> {{ $row->title }}</h2>
                     <p class="service-box-title-p">
                        @if($row->description != '')
                        {!! html_entity_decode(substr($row->description, 0, 40)) !!}
                        @if(strlen($row->description) >40)
                        <span id="dots">.</span>
                        <a href="{{ route('show.b2b',['slug' => $row->slug , 'id' => $row->id]) }}" class="text-white">
                        <span style="    text-decoration: underline;">{{ __('staticwords.readmore') }}</span>
                        <span id="more"> {!!html_entity_decode(substr($row->description,40)) !!}</span>
                        @endif
                        @endif
                        </a>    
                     </p>
                  </div>
                  <div class="service-box-area overlay055 service-box-area01">
                     @if($row->image != '')
                     @if(file_exists(public_path().'/images/business_category/'.$row->image) )
                     <img class="service-box-img" src=" {{url('images/business_category/'.$row->image)}}">
                     @else
                     <img class="service-box-img" src=" {{url($row->image)}}">
                     @endif
                     @else
                     <img title="{{ $row->title }}" class="service-box-img" src="{{ Avatar::create($row['title'])->toBase64() }}" />
                     @endif
                     <a class="service-box-btn" href="{{ route('show.b2b',['slug' => $row->slug , 'id' => $row->id]) }}">{{ __('staticwords.ExploreMore') }}</a>
                  </div>
               </div>
            </div>
            @endforeach
            @endisset
            <!-- pagination -->
            <div class="mx-auto mt-3 width200px pagination-container">
               {{ $business_categories->links() }}
            </div>
            @endif
         </div>
      </div>
   </section>
   <section id="help-section" class="site-section help-desk-section" >
      <div class="container">
         <div class="row">
            <div  class="help-desk" style="background-image: url('https://artiner-prod.s3.ap-south-1.amazonaws.com/images/mountainbg.jpg');" data-aos="fade-up" data-aos-delay="">
               <h4 class="help-desk-title">{{ __('staticwords.NeedHelpText1') }}</h4>
               <p class="help-desk-p">{{ __('staticwords.NeedHelpText2') }} </p>
               <a class="help-desk-contact-btn" href="{{ route('show.miscellaneous') }}">{{ __('staticwords.Click Here') }}</a>
            </div>
         </div>
      </div>
   </section>
   <x-guarantees />
   <div class="body-content">
      <div class="container">
         <div class="contact-page">
            <div class="row px-2 mb-4">
               <div class="col-lg-6  py-4 px-4 col-12 rounded-left border rounded-left-radius">
                  <div class="col-md-12 contact-title">
                     <h2>{{ __('staticwords.ContactUs') }} {{ __('staticwords.for Business Pricing') }}</h2>
                  </div>
                  <div class="spacer-cotact"></div>
                  <div class="clearfix p-1 mb-2 contactInfo">
                     <img src="https://artiner-prod.s3.ap-south-1.amazonaws.com/images/Office.jpg">
                  </div>
                  <div class="contact-title">
                     <p class="mb-2">{{ __('staticwords.FillUpForm') }} </P>
                  </div>
                  <div class="spacer-cotact"></div>
                  <p class="mb-2">{{ __('staticwords.You can also mail us') }} </p>
                  <div class="clearfix p-1 mb-2 contactInfo">
                     <span class="contact-i"><i class="fa fa-envelope"></i></span>
                     <span class="contact-span">
                     <a href="mailto:{{ $settings['email'] }}">{{ $settings['email'] }}</a>
                     </span>
                  </div>
               </div>
               <div class="col-lg-6 col-12 contact-form px-3 py-4 bg-white border rounded-right-radius">
                  <h2>{{ __('staticwords.Get in Touch') }}</h2>
                  <p class="mb-2">{{ __('staticwords.Drop us a line') }} ,  {{ __('staticwords.We would love to hear from you') }}.<br>
                     {{ __('staticwords.B2bContactText') }}. 
                  </p>
                  <form id="b2bpopup_bottom"  action="{{ route('send.b2b') }}" method="POST" novalidate class="form form-border">
                     {{ csrf_field() }}
                     <div class="row">
                        <div class="col-md-6 mb-3">
                           <div class="form-group">
                              <label>{{ __('staticwords.YourName') }} <span
                                 class="required">*</span></label>
                              <input required id="name" name="name" type="text"
                                 class="form-control unicase-form-control text-input"
                                 id="name" value="{{ old('name') }}"
                                 placeholder="{{ __('staticwords.Name') }}">
                              @error('name')
                              <p class="text-danger">{{ $message }}</p>
                              @enderror
                           </div>
                        </div>
                        <div class="col-md-6 mb-3">
                           <div class="form-group register-form">
                              <label class="info-title"
                                 for="email">{{ __('staticwords.eaddress') }}
                              <span class="required">*</span></label>
                              <input required id="email" name="email" type="text"
                                 class="form-control unicase-form-control text-input"
                                 id="email" value="{{ old('email') }}"
                                 placeholder="{{ __('staticwords.Email') }}">
                              @error('email')
                              <p class="text-danger">{{ $message }}</p>
                              @enderror
                           </div>
                        </div>
                        <div class="col-md-6 mb-3">
                           <div class="form-group register-form">
                              <label class="info-title"
                                 for="email">{{ __('staticwords.MobileNo') }}
                              <span class="required">*</span></label>
                              <input required id="phone" name="phone" type="text"  pattern="[0-9]+"
                                 class="form-control unicase-form-control text-input"
                                 id="email" value="{{ old('phonr') }}"
                                 placeholder="{{ __('staticwords.MobileNo') }}">
                              @error('email')
                              <p class="text-danger">{{ $message }}</p>
                              @enderror
                           </div>
                        </div>
                        <div class="col-md-6 mb-3">
                           <div class="form-group register-form">
                              <label class="info-title"
                                 for="email">{{ __('Business Type') }}
                              <span class="required">*</span></label>
                              <select class="business_type1 mb-2 country-callme select2 form-control" name="business_type" required>
                                 @php
                                 $bcats = App\BusinessCategory::where('status','=','1')->orderBy('title','ASC')->get();
                                 @endphp
                                 @if(count($bcats)>0)
                                 @foreach ($bcats as $bc)                                                          
                                 <option  value="{{$bc->id}}">
                                    {{$bc->title}}                                                                      
                                 </option>
                                 @endforeach
                                 <option  value="other_business">Other</option>
                                 @endif
                              </select>
                              @error('email')
                              <p class="text-danger">{{ $message }}</p>
                              @enderror
                           </div>
                        </div>
                        <div style="display: none;" class="otherBox1 col-12 mb-3">
                           <input  class="form-control" name="other_business_text1" type="text" placeholder="{{ __('Please enter other business') }} ">
                        </div>
                        <div class="col-md-12">
                           <div class="form-group register-form">
                              <label class="info-title"
                                 for="message">{{ __('staticwords.Message') }}
                              <span class="required">*</span></label>
                              <textarea rows="3" cols="30" id="msg" name="msg" required
                                 placeholder="{{ __('staticwords.PleaseEnterMessage') }}"
                                 class="form-control @error('message') 'is-invalid' @enderror unicase-form-control"
                                 id="message">{{ old('message') }}</textarea>
                              @error('message')
                              <p class="text-danger">{{ $message }}</p>
                              @enderror
                           </div>
                        </div>
                        <div class="spacer-half"></div>
                        @if($genrals_settings->captcha_enable == 1)
                        <div class=" col-md-6">
                           @error('g-recaptcha-response')
                           <p class="text-danger"><b style="color:red;">{{ $message }}</b></p>
                           @enderror
                        </div>
                        <div class="col-md-12">
                           <div class="form-group register-form">
                              <div class="g-recaptcha" data-sitekey="{{ env('NOCAPTCHA_SITEKEY') }}"
                                 data-callback="recaptchaCallback"></div>
                              <input type="hidden" class="hiddenRecaptcha required" name="hiddenRecaptcha"
                                 id="hiddenRecaptcha">
                           </div>
                        </div>
                        @endif
                        <div class="col-md-12 outer-bottom-small m-t-20">
                           <!--  <div class="spacer-single"></div> -->
                           <button type="submit"
                              class="btn-upper btn btn-main checkout-page-button btn-golden btn-mobile">{{ __('staticwords.Send') }}</button>
                        </div>
                  </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <x-b2b-content />
</div>
<!-- content close -->
@endsection
@section('script')
<script src="{{url('giga/js/jquery.magnific-popup.min.js')}}"></script>
<script src="{{url('giga/js/jquery.isotope.min.js')}}"></script>
<script>
   $(document).ready(() => {
       'use strict';
   
       var owl = $('.owl-carousel'),
           item,
           itemsBgArray = [], 
           itemBGImg;
   
       owl.owlCarousel({
           items: 1,
           smartSpeed: 1000,
           autoplay: true,
           autoplayTimeout: 8000,
           autoplaySpeed: 1000,
           loop: true,
           nav: true,
           autoplayHoverPause:true,
           navText: ["<i class='icon fa fa-arrow-left'></i>", "<i class='icon fa fa-arrow-right'></i>"],
          
       });
   
       $('.active').addClass('anim');
   
       var owlItem = $('.owl-item'),
           owlLen = owlItem.length;
      
       $.each(owlItem, function(i, e) {
           itemBGImg = $(e).find('.owl-item-bg').attr('src');
           itemsBgArray.push(itemBGImg);
       });
   });
</script>
<script>
   jQuery(function($) {
     $("#b2bpopup").validate({
       errorClass: "invalid-error-login1 form-error1",
       errorElement: 'span',
     
       rules: {
        
         name: {
           required: true
         },
         email: {
           required: true,
         },
        
         phone: {
           required: true,
           digits: true,
           minlength: 8,
           maxlength: 12,
   
         },
         business_type :{
           required: true,
         },
         other_business_text: {
                     required: function(element) {
                         return $('select[name=business_type]').val() == 'other_business';
                     },
                     required: true,
                     
                 },
         msg :{
           required: true,
         }
   
       },
       messages: {
         
         name: {
           required: "{{ __('staticwords.PleaseEnterName') }}"
         },
         email: {
           required: "{{__('staticwords.PleaseEnterEmail')}}"
         },
        
         phone: {
           required: "{{ __('staticwords.PleaseEnterMobileNo') }}",
           digits: "{{ __('staticwords.please enter only numeric characters') }}",
           minlength: "{{ __('staticwords.Mobile number cannot be less than 8 digits') }}",
           maxlength: "{{ __('staticwords.Mobile number cannot be more than 12 digits') }}"
   
         },
         business_type :{
           required: "{{__('Please select business type')}}"
         },
         other_business_text: {
                     required: "{{ __('Please enter other business') }}",
                 },
         msg :{
           required: "{{__('staticwords.PleaseEnterMessage')}}"
         }
   }
     });
     });
</script>
<script>
   function recaptchaCallback() {
       $('#hiddenRecaptcha').valid();
   };
</script>
<script>
   jQuery(function($) {
     $("#b2bpopup_bottom").validate({
       ignore: ".ignore",
       errorClass: "text-danger",
       errorElement: 'span',
      
       rules: {
        
         name: {
           required: true
         },
         email: {
           required: true,
         },
        
         phone: {
           required: true,
           digits: true,
           minlength: 8,
           maxlength: 12,
   
         },
         business_type :{
           required: true,
         },
         /*other_business_text1: {
                     required: function(element) {
                         return $('select[name=business_type]').val() == 'other_business';
                     },
                     required: true,
                     
                 },*/
         msg :{
           required: true,
         },
         hiddenRecaptcha: {
             required: function() {
                 if (grecaptcha.getResponse() == '') {
                     return true;
                 } else {
                     return false;
                 }
             }
         }
       
       },
       messages: {
       
         name: {
           required: "{{ __('staticwords.PleaseEnterName') }}"
         },
         email: {
           required: "{{__('staticwords.PleaseEnterEmail')}}"
         },
        
         phone: {
           required: "{{ __('staticwords.PleaseEnterMobileNo') }}",
           digits: "{{ __('staticwords.please enter only numeric characters') }}",
           minlength: "{{ __('staticwords.Mobile number cannot be less than 8 digits') }}",
           maxlength: "{{ __('staticwords.Mobile number cannot be more than 12 digits') }}"
   
         },
         business_type :{
           required: "{{__('Please select business type')}}"
         },
         /*other_business_text1: {
                     required: "{{ __('Please enter other business') }}",
         },*/
         msg :{
           required: "{{__('staticwords.PleaseEnterMessage')}}"
         },
         hiddenRecaptcha: {
             required: "Please check the captcha"
         }
        
       }
     });
     });
</script>
<script>
   $('.business_type').on('change', function() {
    
       var val = $(this).val();
       
       if (val == 'other_business') {
          
           $('.otherBox').show();
         
       }else{
           $('.otherBox').hide();
       }
       
   });
   $('.business_type1').on('change', function() {
     
     var val = $(this).val();
     if (val == 'other_business') {
      
       $('.otherBox1').show();
     
     }else{
       $('.otherBox1').hide();
     }
   
   });
</script>
<script>
   $(document).ready(function(){
     
     if($(window).width() <= 768) {
       $(".service-box-btn").css("display", "block");   
     }     
   });
   $(window).resize(function ()  { 
     if($(window).width() <= 768) {
        $(".service-box-btn").css("display", "block");   
     }     
   });
   
</script>
@php $page="b2b";  @endphp
<script>
   $(document).ready(function() {
    
       $(document).on('click', '.pagination a', function(event) {
         
           event.preventDefault();
         
           var base_page = '{{ $page }}';
                    
           var page = $(this).attr('href').split('page=')[1];
           console.log(page);
           artFilter(page);
           element = document.getElementById("b2b_div");
           element.scrollIntoView();
       });
   });
   function artFilter(page) {
     
      
       var conversion_rate = +'{{round($conversion_rate, 4)}}';
       var agent = navigator.userAgent;
   
       var base_page = '{{ $page }}';
       if (base_page == 'b2b') 
           var url = baseUrl + '/b2b';       
          
       var exist = window.location.href;
       var url = new URL(exist);
       var getUrlParameter = function getUrlParameter(sParam) {
           var sPageURL = window.location.search.substring(1),
               sURLVariables = sPageURL.split('&'),
               sParameterName,
               i;
           for (i = 0; i < sURLVariables.length; i++) {
               sParameterName = sURLVariables[i].split('=');
               if (sParameterName[0] === sParam) {
                   return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
               }
           }
       };
       var query_string = url.search;
       var search_params = new URLSearchParams(query_string);
       if (page !== null && page !== '')
           search_params.set('page', page);
   
       url.search = search_params.toString();
       var new_url = url.toString();
       window.history.pushState('page2', 'Title', new_url);
       $.ajax({
           url: url,
           method: 'GET',
           datatype: 'html',
           async: false,
           data: {
               page: page,
               agent:agent,
               
           },
           success: function(data) {
               var cnt = $(data);
               $content = cnt.find("div[id='ajaxcontent']").html();
               $('#ajaxcontent').html($content);
           }
       });       
   }  
</script>
@if($genrals_settings->captcha_enable == 1)
{!! no_captcha()->script() !!}
@endif
@endsection