@extends("front.layout.master")
@php 
$query = request()->all();
$seg=last(request()->segments());
@endphp
@section('meta_tags')
@if(!empty($query['page']) && $query['page']=='1' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='2' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='3' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='4' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='5' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='6' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='7' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='8' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@elseif(!empty($query['page']) && $query['page']=='9' && $seg == 'miscellaneous')
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner Page {{$query['page']}}</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world Page {{$query['page']}}." name="description" />
@else
   <title>Shop Miscellaneous Art Painting at Lowest Prices at Artiner</title>
   <meta content="Shop for the exclusive Miscellaneous Art Painting for your businesses at the lowest prices. Unique handmade paintings from the most famous artists across the world." name="description" />
@endif
@endsection
@section("body")
<link href="{{ url('giga/css/b2b.css') }}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{{ url('css/lightbox.min.css') }}">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="full-container">
   <!--start slider section-->
   <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 categories_art-p-area" >
               <p class="lead-discover-p" > {{ __('We are sorry for the inconvenience. This time we do not have your business category in our list but surely will keep that in our list very soon. We would really love to hear from you, Please fill our interactive form regarding your business needs ') }} <span id="mpage_div1"></span>{{ __('and allow our representatives to get in touch with you soon. You can write us through email also. We are eagerly waiting for you.') }}</p>
               <span id="mpage_div"></span>
            </div>
         </div>
      </div>
   </div>
   <div class="no-bottom no-top">
      <div id="top"></div>
      <section aria-label="section" id="categories_art" class="section_mt">
         <div class="featured-categories">
            <div class="container">
               @if(count($products)>0)
               @php
               $page="miscellaneous";
               @endphp
               <x-product-list heading="{{ 'Exciting Artworks to Explore!' }}" :allproducts=$products :productCount=count($products) :page=$page :paginate=1 :sidebar=0 :headingTag='1'/>
               @else
               <div class="spacer-single"></div>
               <h5 class="text-center artwork-not-available-dev">{{ __('staticwords.There is no artwork available now') }} <a class="continue-btn-not-available"href="{{ url('b2b') }}">{{ __('staticwords.Continue') }}</a></h5>
               <br>
               @endif
            </div>
         </div>
      </section>
      @php 
      $business_gallery = App\BusinessProductGallery::where('business_category_id','!=','')->orderBy('id','DESC')->take(9)->get();
      @endphp
      @if(count($business_gallery)>0)
      @isset($business_gallery)
      <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-gallery" data-aos="fade-up" data-aos-delay="">{{ __('staticwords.Artwork Gallery') }}</h2>
                  <p class="lead-discover-p" data-aos="fade-up" data-aos-delay=""> {{ __('staticwords.How it looks on your wall')}}</p>
               </div>
            </div>
            <div class="row">
               @foreach($business_gallery as $row) 
               <div class="col-md-4">
                  <div class="service-box" data-aos="fade-up" data-aos-delay="">
                     @if($row->image != '')
                     @if(file_exists(public_path().'/images/business_category/'.$row->image) )
                     <a href="{{url('images/business_category/'.$row->image)}}" data-lightbox="image-1" data-title="{{url('images/business_category/'.$row->image)}}">
                     <img src="{{url('images/business_category/'.$row->image)}}">
                     </a>
                     @else
                     <a href="{{url($row->image)}}" data-lightbox="image-1" data-title="{{url($row->image)}}">
                     <img style="height: 250px;width:auto;" src="{{url($row->image)}}">
                     </a>
                     @endif
                     @else
                     @endif
                  </div>
               </div>
               @endforeach
               @endif
            </div>
         </div>
      </section>
      @endisset
   </div>
   <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 >
                     {{ 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="5" 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">
                           <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>
</div>
@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>
   $('.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>
   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,
         },
         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')}}"
         },
         msg :{
           required: "{{__('staticwords.PleaseEnterMessage')}}"
         },
         hiddenRecaptcha: {
             required: "Please check the captcha"
         }
        
       }
     });
     });
   
</script>
<script src="{{ url('js/lightbox.min.js') }}" type='text/javascript'></script>
@if($genrals_settings->captcha_enable == 1)
{!! no_captcha()->script() !!}
@endif
@endsection