@php
    $pdata=getProductInfo($product);
@endphp


<div class="product">
    <a href="{{ route('products.show',[$product->slug ?? $product->name])}}" aria-label="View product details" id="product_show" data-productid="{{ $product->id }}" data-categoryName="{{ $product->category->name??'' }}" data-productname="{{ $product->name }}">
        <div class="image">
            <img src="{{ getImage('images/product/small', $product->main_image)}}" alt="" class="first">
            <img src="{{ getImage('images/product/small', $product->main_image)}}" alt="" class="second">
         </div>
    </a>
  
  <div class="labels">
    <!--<div class="tag bg-dark text-light">-->
    <!--  -39%-->
    <!--</div>-->
    @if($product->IsFree)
    <div class="tag orange-bg label text-light">
      Free Ship
    </div>
    @endif
  </div>
  <div class="content">
    <a href="{{ route('products.show',[$product->slug ?? $product->name])}}" id="product_show"
    data-productid="{{ $product->id }}" data-categoryName="{{ $product->category->name??'' }}" aria-label="View product details" data-productname="{{ $product->name }}"
    ><div class="title">{!! \Illuminate\Support\Str::limit($product->name, 40, $end='...') !!} </div></a>
    <div class="stars d-flex justify-content-center py-2"><div class="d-flex align-items-center text-warning">
        @for($i = 0; $i < 5; $i++)
            <i class="fas fa-star"></i>
        @endfor

    </div></div>
    <div class="price">
        
      @if($product->last_date > now() && $product['promotion_price'] != null)    
        <span class="current_price"  style="color: #218548;font-weight: bold;">{{ $product['promotion_price']}} Tk</span>
        <del style="color: red;"> {{ $product['price']}} Tk</del>
      @else
        <span class="current_price">{{ $product['price']}} Tk</span>
      @endif
    </div>
    
    @if(!$product->is_variant)

    
    <form method="POST" action="{{ route('carts.store')}}" id="cart_form">
        @csrf
        <input type="hidden" name="product_id" value="{{ $product->id}}">
        <input type="hidden" name="category_id" value="{{ $product->category_id}}">
        <input type="hidden" name="product_name" value="{{ $product->name}}">
        <input type="hidden" name="quantity" value="1">
        <input type="hidden" id="action_type" name="action_type" value="">
        
        <div class="d-flex justify-content-between">
        <!--<button  type="submit" class="submit_button btn btn-success cart_button" name="action_type" value="add_to_cart" >-->
        <!--  <div class="cart_btn bangali bold">কার্টে রাখুন</div>-->
        <!--  <div><i class="fa fa-cart-shopping cart_icon"></i></div>-->
        <!--</button>-->
        <button type="submit" class="submit_button btn  btn-warning orange-bg d-block" name="action_type" value="order_now">
          <div class="cart_btn bangali bold ord_bt"><i class="fa fa-cart-shopping  "></i> অর্ডার করুন</div>
          <div><i class="fa fa-cart-shopping"></i></div>
        </button>
        </div>
    </form>
    @else
    <div class="d-flex justify-content-between">
    <!--<a class="submit_button btn btn-successs btn_cart_modal d-block cart_button" href="{{ route('products.show',[$product->id])}}" style="width: 49%;font-size: 13px;">-->
    <!--    <div class="cart_btn bangali bold">কার্টে রাখুন</div>-->
    <!--    <div><i class="fa fa-cart-shopping cart_icon"></i></div>-->
    <!--</a>-->
    <a class="submit_button btn btn-warning orange-bg btn_modal d-block" href="{{ route('products.show',[$product->slug ?? $product->name])}}"
    aria-labelledby="product-title-50 product-desc-50" aria-label="View product details" style="width: 49%;padding:0px;padding-top: 8px;font-size: 13px;" >
        <div class="cart_btn bangali bold ord_bt"> <i class="fa fa-cart-shopping"></i> অর্ডার করুন</div>
        <div><i class="fa fa-cart-shopping"></i></div>
    </a>
    </div>
    @endif

  </div>
</div>

<!--<script>
    function setOrderType(type) {
        // Set the value of the hidden order_type field based on the button clicked
        document.getElementById('order_type_input').value = type;
    }
</script>-->