@if($show_promo)
<div class="fl-subscribe fl-blue" style="
background-color: #1d62b2;
    color: #FFFFFF;

    -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;

    padding: 25px 5px;
    text-align: center;
    font-size: 14px;
    writing-mode: vertical-rl;
    /* text-orientation: sideways; */
    transform: scale(-1);
    position: fixed;
    right: 0;
    top: 250px;
    width: 55px;
    cursor: pointer;
">
    Get Discount<br>on Your Next Order
</div>
<div class="fl-subscribe fl-black" style="
position: fixed;
    right: 0;
    top: 419px;
    background-color: #000000;
    color: #FFFFFF;
    padding: 5px;
    width: 55px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
cursor: pointer;
">
    Extra
    <br>
    <span style="font-size: 17px; padding: 1px 0px 2px 0px;">10%</span>
    <br>
    OFF
</div>
@endif
<div class="modal fade" id="fl-subscribe-modal" tabindex="-1" role="dialog" aria-labelledby="title-fl-subscribe-modal" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div style="position: absolute;right: -15px;top: -14px!important;background-color: #FFFFFF;padding: 2px 6px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div style="background-image: url('vsi/image/popup/discount.jpg'); width: 800px; height: 500px;">
                <div class="text-center d-none" style="width: 392px;padding-top: 140px;padding-left: 30px;" id="msg_popup" role="alert">
                    <h3>Thank You!</h3>
                    <div class="p-3">Thank you for subscribing, we have sent a special discount coupon on your email address.</div>
                    <div>
                        <button type="button" data-dismiss="modal" class="btn btn-secondary">Close</button>
                    </div>
                </div>
                <div id="div_popup_subscribe" style="width: 405px;padding-top: 45px;padding-left: 30px">

                    {!! Form::open(array('method' => 'POST', 'name' => 'frm_newsletter', 'id' => 'frm_newsletter', 'onsubmit' => 'return subscribe(this);')) !!}

                    <div class="col-md-12 col-12 mb--5">
                        {!! Form::text('name', null,['id' => 'newsletter-name', 'class'=>'form-control', 'required' => 'required', 'placeholder'=>'Your name ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        {!! Form::text('email', null, ['id' => 'newsletter-email', 'type' => 'email', 'required' => 'required', 'class' => 'form-control', 'placeholder' => 'Your email address ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        {!! Form::text('phone', null,['id' => 'newsletter-phone', 'class'=>'form-control', 'required' => 'required', 'placeholder'=>'Your phone number ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        {!! Form::select('speciality',
                        ['Dental' => 'Dental', 'Orthopedic' => 'Orthopedic', 'Soft Tissue' => 'Soft Tissue', 'Spay Neuter' => 'Spay Neuter']
                        ,null
                        ,['id' => 'newsletter-speciality', 'class'=>'form-control', 'required' => 'required', 'placeholder' => 'Your speciality ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        {!! Form::select('role',
                        ['Veterinarian' => 'Veterinarian', 'Dentist' => 'Dentist', 'Technician' => 'Technician', 'Office Manager' => 'Office Manager', 'Clinic Owner' => 'Clinic Owner', 'Associated with Hospital' => 'Associated with Hospital', 'Other' => 'Other']
                        ,null
                        ,['id' => 'newsletter-role', 'class'=>'form-control', 'required' => 'required', 'placeholder'=>'Your role ...']) !!}
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        {!! Form::text('company', null,['id' => 'newsletter-company', 'class'=>'form-control', 'placeholder'=>'Your institute / company ...']) !!}
                    </div>

                    <div class="col-md-12 col-12">
                        <label>{!! Form::checkbox('product_updates', 'Y', true) !!} Subscribe me for new products and updates.</label>
                    </div>

                    <div class="col-md-12 col-12">
                        <label>{!! Form::checkbox('newsletter', 'Y', true) !!} Send me promotions and discount offers.</label>
                    </div>

                    <div class="col-md-12 col-12 mb--5">
                        <div class="cf-widget-discount"></div>
                    </div>

                    <div class="form-group">
                        <div class="text-center"><input style="font-weight: 500;text-transform: uppercase;width: 260px!important;" type="submit" class="btn btn-primary btn-subscribe btn-cf-submit-discount" disabled="disabled" value="Grab the Discount"></div>
                    </div><!-- End .from-group -->
                    <div class="clearfix"></div>
                    <input type="hidden" name="subs_type" id="subs_type" value="popup">
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>







<!-- Modal -->
<div class="modal fade modal-quick-view" id="quickModal" tabindex="-1" role="dialog" aria-labelledby="quickModal"
  aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="pm-product-details">
        <button type="button" class="close ml-auto" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <div class="row">
          <!-- Blog Details Image Block -->
          <div class="col-md-5 ph-item" id="div_quickview_pics">
            <div class="image-block">
              <!-- Zoomable IMage -->
                <div id="prd_main_image" class="h-400">
                    <div class="ph-item-block h-400"></div>
                </div>


              <!-- Product Gallery with Slick Slider -->
              <div id="product-view-gallery">
                    <div class="ph-item-block h-50"></div>
              </div>

            </div>
          </div>

          <div class="col-md-7 mt-4 mt-lg-0 ph-item" id="div_quickview_info">
            <div class="description-block">
              <div id="div_product_name" class="header-block">
                    <div class="ph-item-block h-35"></div>
              </div>
              <div id="div_sku" class="product-meta">
                <div class="ph-item-block h-25 w-50"></div>
              </div>
              <div id="div_stock">
                    <div class="ph-item-block h-25 w-25 pt--10"></div>
              </div>
              <div id="div_short_desc" class="product-short-para pt--10">
                    <div class="ph-item-block h-100"></div>
              </div>

              <div id="div_sub_items">
              </div>

              <div id="div_price" class="product-short-para pt--20">
                    <div class="ph-item-block w-50 h-50"></div>
              </div>
              <!-- Price -->


              <!-- Amount and Add to cart -->
              <div id="div_qv_add_to_cart_ph" class="product-short-para pt--10">
                  <div class="ph-item-block w-50 h-50"></div>
              </div>
              <div id="div_qv_add_to_cart" class="d-none">
                <form action="/cart" method="post" class="add-to-cart">
                    <div class="count-input-block">
                      <input type="number" name="qty" class="form-control text-center" value="1">
                    </div>
                    <div class="btn-block">
                      <button type="button" class="btn btn-rounded btn-outlined--primary btn_add_to_cart_listing" id="qv_add2cart">Add to cart</button>
                    </div>
                    <input type="hidden" id="qv_product_id" name="product_id" />
                    @csrf
                  </form>

                  <div id="qv_cart_success_message" class="alert alert-success d-none" role="alert">
                    <i class="fa fa-check-circle" aria-hidden="true"></i> Item added to your cart,
                    <a href="/cart">click here to see the shopping cart</a>.
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>




<!-- GerVetUSA Chat -->
<script>var LHC_API = LHC_API||{};
    LHC_API.args = {mode:'widget',lhc_base_url:'//chat.germedusa.com/index.php/',wheight:450,wwidth:350,pheight:520,pwidth:500,domain:'gervetusa.com',leaveamessage:true,theme:1,check_messages:true};
    (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.setAttribute('crossorigin','anonymous'); po.async = true;
        var date = new Date();po.src = '//chat.germedusa.com/design/defaulttheme/js/widgetv2/index.js?'+(""+date.getFullYear() + date.getMonth() + date.getDate());
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>
<!-- End GerVetUSA Chat -->
<!-- Start of Rocket.Chat Livechat Script -->
{{--<script type="text/javascript">
    (function(w, d, s, u) {
        w.RocketChat = function(c) { w.RocketChat._.push(c) }; w.RocketChat._ = []; w.RocketChat.url = u;
        var h = d.getElementsByTagName(s)[0], j = d.createElement(s);
        j.async = true; j.src = 'http://192.241.159.54:3000/livechat/rocketchat-livechat.min.js?_=201903270000';
        h.parentNode.insertBefore(j, h);
    })(window, document, 'script', 'http://192.241.159.54:3000/livechat');
</script>--}}
{{--<!--Start of Tawk.to Script-->
<script type="text/javascript">
    var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
    (function () {
        var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
        s1.async = true;
        s1.src = 'https://embed.tawk.to/5af378a35f7cdf4f053402f3/default';
        s1.charset = 'UTF-8';
        s1.setAttribute('crossorigin, '*');
        s0.parentNode.insertBefore(s1, s0);
    })();
</script>
<!--End of Tawk.to Script-->--}}

{{-- <!-- Facebook Pixel Code -->
<script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window, document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '217905967086986');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=217905967086986&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Facebook Pixel Code --> --}}
<script type="text/javascript">
    _linkedin_partner_id = "2139146";
    window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
    window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<script type="text/javascript">
    (function(){var s = document.getElementsByTagName("script")[0];
        var b = document.createElement("script");
        b.type = "text/javascript";b.async = true;
        b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
        s.parentNode.insertBefore(b, s);})();
</script>
<noscript>
    <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2139146&fmt=gif" />
</noscript>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6W18ZPPCGX"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-6W18ZPPCGX');
    </script>
@if(config('analytics.google-analytics') && config('analytics.google-analytics') !== 'UA-XXXXX-X')
    {{-- Google Analytics: change UA-XXXXX-X to be your site's ID. --}}
    {{-- <script>
        (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
        ga('create','{{ config('analytics.google-analytics') }}','auto');ga('send','pageview');
    </script> --}}

    <!-- Google tag (gtag.js) -->
@endif