@extends('app')
@section('content')
@php
    $home_footers = DB::table('home_footers')->first();
    $generalSetting = App\Models\GeneralSetting::first();
@endphp
<div class="container-xl">
    <div class="products mt-3">
        @if($productWithDate > now())
        @foreach($items as $product)
            @if($product->last_date > now())
                @include('partials.product',['product'=>$product])
            @endif
        @endforeach
        @endif
    </div>
</div>

@if($generalSetting->footer_active == true)
<div class="container-xl">
    <div class="row service-support-box" style="margin-left:3%; margin-right:3%;padding-top:50px;">
        <div class="col-lg-3 col-md-6 col-12 border-end mb-3">
            <div class="support service-support-single d-flex align-items-center">
                <!--<img width="40" height="40" src="https://img.icons8.com/ios/40/marker--v1.png" alt="marker--v1"/>-->
                <img src="{{url('posadmin/home_footer', $home_footers->service_one_icon)}}" width="40" height="40">
                <div class="" style="margin: 5px;padding: 0px;">
                <h6 style="margin:0px"><strong>{{ $home_footers->service_one_header }}</strong></h6>
                    <p class="font-13 m-0">
                        {{ $home_footers->service_one_text }}
                    </p>
                </div>
           </div>
        </div>
        
        <div class="col-lg-3 col-md-6 col-12 border-end mb-3">
            <div class="support service-support-single d-flex align-items-center">
                <!--<img width="30" height="30" src="https://img.icons8.com/ios/30/return.png" alt="return"/>-->
                <img src="{{url('posadmin/home_footer', $home_footers->service_two_icon)}}" width="40" height="40">
                <div class="" style="margin: 5px;padding: 0px;">
                    <h6 style="margin:0px"><strong>{{ $home_footers->service_two_header }}</strong></h6>
                    <p class="font-13 m-0">
                        {{ $home_footers->service_two_text }}
                    </p>
                </div>
            </div>
        </div>
        
       <div class="col-lg-3 col-md-6 col-12 border-end mb-3">
          <div class="support service-support-single d-flex align-items-center">
             <!--<img width="50" height="50" src="https://img.icons8.com/ios/50/geography--v1.png" alt="geography--v1"/>-->
             <img src="{{url('posadmin/home_footer', $home_footers->service_three_icon)}}" width="40" height="40">
             <div class="" style="margin: 5px;padding: 0px;">
                <h6 style="margin:0px"><strong>{{ $home_footers->service_three_header }}</strong></h6>
                <p class="font-13 m-0">
                   {{ $home_footers->service_three_text }}
                </p>
             </div>
          </div>
       </div>
       
       <div class="col-lg-3 col-md-6 col-12 mb-3">
          <div class="support service-support-single d-flex align-items-center">
             <!--<img width="50" height="50" src="https://img.icons8.com/ios/50/private2.png" alt="private2"/>-->
             <img src="{{url('posadmin/home_footer', $home_footers->service_four_icon)}}" width="40" height="40">
             <div class="" style="margin: 5px;padding: 0px;">
                <h6 style="margin:0px"><strong>{{ $home_footers->service_four_header }}</strong></h6>
                <p class="font-13 m-0">
                  {{ $home_footers->service_four_text }}
                </p>
             </div>
          </div>
       </div>
       
    </div>
</div>
@endif
@endsection



@push('js')
<script>
    $(document).on('click', ".pagination a", function(e) {
        e.preventDefault();
        $('li').removeClass('active');
        $(this).parent('li').addClass('active');
        var page = $(this).attr('href').split('page=')[1];
        getProduct(page);
    });
    
    $(document).ready(function(){
        $(document).on('click', 'a#product_show', function(e) {
            e.preventDefault();
        
            let product_id   = $(this).data('productid').toString(); 
            let product_name = $(this).data('productname'); 
            let categoryName  = $(this).data('categoryName'); 
            let sell_price   = parseFloat($(this).closest('.product').find('.content span.current_price').text().replace(/[^\d.]/g, ''));
            let quantity = 1;
        
            console.log('Product ID:', product_id);
            console.log('Product Name:', product_name);
            console.log('Category ID:', categoryName);
            console.log('Sell Price:', sell_price);
        
            window.dataLayer = window.dataLayer || [];
            dataLayer.push({
                event: "view_item",
                ecommerce: {
                    currency: "BDT",
                    value: sell_price,
                    items: [
                        {
                            item_id: product_id,
                            item_name: product_name,
                            item_category: categoryName,
                            price: sell_price,
                            quantity: quantity
                        }
                    ]
                }
            });
        
        
            console.log('DataLayer:', window.dataLayer);
        
            // redirect after slight delay
            setTimeout(() => {
                let url = $(this).attr('href');
                if (url) {
                    window.location.href = url;
                } else {
                    console.log('No URL found for the product.');
                }
            }, 100);
        });
        
        $(document).on('submit','form#cart_form', function(e){
        	e.preventDefault();
            let product_id = $('input[name="product_id"]').val().toString();
            let product_name = $('input[name="product_name"]').val();
            let category_id = $('input[name="category_id"]').val();
            let sell_price = parseFloat($(this).closest('.product_modal').find('.pop.bold').text().replace(/[^\d.]/g, ''));
            let quantity = parseInt($('input[name="quantity"]').val());
            
            dataLayer.push({
                event: "add_to_cart",
                ecommerce: {
                    currency: "BDT",
                    value: sell_price,
                    items: [
                        {
                            item_id: product_id,
                            item_name: product_name,
                            item_category: category_id,
                            price: sell_price,
                            quantity: quantity
                        }
                    ]
                }
            }); 
            
            // meta pixel add to cart
            fbq('track', 'AddToCart', {
                content_ids: [product_id],
                content_name: product_name,
                content_type: 'product',
                value: sell_price,
                currency: 'BDT',
                quantity: quantity
            });
        });
                
    });
</script>

@endpush