Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-570.21.1.el9_6.x86_64

PHP Version:

8.2.28

User:

u184721437

Directory:

/home/u184721437/domains/dataduck.in/public_html/client-project/aim-asia

Free Space:

7.05 TB

🔧 Quick Actions

✏️ Editing: listing-detail_new.php

<?php include('header.php'); ?>
<?php 
$proSlug=$_REQUEST['pro_id'];
$proDtl=mysqli_fetch_array(mysqli_query($conn,"SELECT * FROM product_tbl WHERE slug='".$proSlug."'"));
$product_id=$proDtl['id'];
$category_id=$proDtl['category_id'];
$usd_price = $proDtl['usd_price'];
$usd_dsc_price = $proDtl['usd_dsc_price'];
$UsddiscountPercentage = (($usd_price - $usd_dsc_price) / $usd_price) * 100;

// $euro_price = $proDtl['euro_price'];
// $euro_dsc_price = $proDtl['euro_dsc_price'];
// $eurodiscountPercentage = (($euro_price - $euro_dsc_price) / $euro_price) * 100;

// print_r($_SESSION['cart']);

$inCart = isset($_SESSION['cart'][$product_id]);
$OUT = $_SESSION['cart'][$product_id];
$size_cart = explode(",",$OUT['size']);
$color_cart = explode(",",$OUT['color']);
?>

<?php
if(isset($_COOKIE['spain'])){ ?>

<?php } else { ?>

<section class="page-title z-index-2 position-relative">
<div class="bg-body-secondary">
<div class="container">
<nav class="py-4 lh-30px" aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center py-1">
<li class="breadcrumb-item">
<a href="<?=$base_url?>">الصفحة الرئيسية</a>
</li>
<li class="breadcrumb-item active" aria-current="page"><?=$proDtl['title_spanish']?></li>
</ol>
</nav>
</div>
</div>
<div class="text-center py-13 d-none">
<div class="container">
<h2 class="mb-0"><?=$proDtl['title_spanish']?></h2>
</div>
</div>
</section>

<?php } ?>

<!--<style>
        .slick-slider-thumb img {
            cursor: pointer;
            margin-bottom: 15px;
            border: 2px solid transparent;
        }
        .slick-slider-thumb img.slick-current {
            border-color: #007bff;
        }
        .slick-slider-arrow-inside .slick-prev, 
        .slick-slider-arrow-inside .slick-next {
            z-index: 1;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
        }
        .slick-slider-arrow-inside .slick-prev {
            left: 5px;
        }
        .slick-slider-arrow-inside .slick-next {
            right: 5px;
        }
    </style>

<div class="col-xl-10 ps-xl-8 pe-xl-0 order-0 order-xl-1">
            <div id="vertical-slider-slides" class="slick-slider slick-slider-arrow-inside slick-slider-dots-inside slick-slider-dots-light g-0" data-slick-options='{"arrows":true,"asNavFor":"#vertical-slider-thumb","dots":false,"slidesToShow":1,"vertical":true}'>
                <a href="<?=$base_url?>images/Upload/product/<?=$proDtl['image']?>" data-gallery="product-gallery">
                    <img src="<?=$base_url?>images/Upload/product/<?=$proDtl['image']?>" width="540" height="720" title class="h-auto lazy-image" alt>
                </a>
                <?php 
                    $product_img_tbl10 = mysqli_query($conn, "SELECT * FROM product_img_tbl WHERE product_id='" . $proDtl['id'] . "'");
                    while($fetch_row10 = mysqli_fetch_assoc($product_img_tbl10)) {
                ?>
                    <a href="<?=$base_url?>images/Upload/product/<?=$fetch_row10['image_atb']?>" data-gallery="product-gallery">
                        <img src="<?=$base_url?>images/Upload/product/<?=$fetch_row10['image_atb']?>" width="540" height="720" title class="h-auto lazy-image" alt>
                    </a>
                <?php } ?>
            </div>
        </div>
        
        <div class="col-xl-2 pe-xl-0 order-1 order-xl-0 mt-5 mt-xl-0">
            <div id="vertical-slider-thumb" class="slick-slider slick-slider-thumb ps-1 ms-n3 me-n4 mx-xl-0" data-slick-options='{"arrows":false,"asNavFor":"#vertical-slider-slides","dots":false,"focusOnSelect":true,"responsive":[{"breakpoint":1260,"settings":{"vertical":false}}],"slidesToShow":4,"vertical":true}'>
                <img src="<?=$base_url?>images/Upload/product/<?=$proDtl['image']?>" class="cursor-pointer lazy-image mx-3 mx-xl-0 px-0 mb-xl-7" width="75" height="100" title alt>
                <?php 
                    $product_img_tbl10 = mysqli_query($conn, "SELECT * FROM product_img_tbl WHERE product_id='" . $proDtl['id'] . "'");
                    while($fetch_row10 = mysqli_fetch_assoc($product_img_tbl10)) {
                ?>
                    <img src="<?=$base_url?>images/Upload/product/<?=$fetch_row10['image_atb']?>" class="cursor-pointer lazy-image mx-3 mx-xl-0 px-0 mb-xl-7" width="75" height="100" title alt>
                <?php } ?>
            </div>
        </div>-->

<li><img src="<?=$base_url?>images/Upload/product/<?=$proDtl['image']?>"/></li>
                <?php 
                    $product_img_tbl10 = mysqli_query($conn, "SELECT * FROM product_img_tbl WHERE product_id='" . $proDtl['id'] . "'");
                    while($fetch_row10 = mysqli_fetch_assoc($product_img_tbl10)) {
                ?>
                    <li><img src="<?=$base_url?>images/Upload/product/<?=$fetch_row10['image_atb']?>"/></li>
                <?php } ?>
            </ul>
        </div>
        <div class="exzoom_nav"></div>
        <p class="exzoom_btn">
             <?php 
                $product_num = mysqli_query($conn, "SELECT * FROM product_img_tbl WHERE product_id='" . $proDtl['id'] . "'");
                $num = mysqli_num_rows($product_num);
                if($num>6){
            ?>
            <a href="javascript:void(0);" class="exzoom_prev_btn"> < </a>
            <a href="javascript:void(0);" class="exzoom_next_btn"> > </a>
            <?php } ?>
        </p>
    </div>

</div>

<?php if(isset($_COOKIE['spain'])){ ?>

<?php } else { ?>

<?php } ?> 
      
<div id="size_add">
    <p class="d-flex align-items-center mb-6">

<?php if(isset($_COOKIE['spain'])){ 
              if($proDtl['usd_price']>0){ 
        ?>
        <span class="text-decoration-line-through">SR <?=$proDtl['usd_price']?></span>
        <?php } if($proDtl['category_id']!=20){ ?>
        <span class="fs-20px text-red ps-6 fw-bold text-danger">SR <?=$proDtl['usd_dsc_price']?> Per sqm Meter</span>
        <?php } else { ?>
        <span class="fs-20px text-red ps-6 fw-bold text-danger">SR <?=$proDtl['usd_dsc_price']?></span>
        <?php } if(intval($UsddiscountPercentage) > 0){ ?>
        <span class="badge bg-success rounded-5 fs-6 fw-semibold ms-7 px-6 py-3"><?=intval($UsddiscountPercentage);?>%</span>
        <?php }  } else { 
              if($proDtl['usd_price']>0){ ?>
            <span class="text-decoration-line-through"><?=$proDtl['usd_price']?> ريال </span>
        <?php } if($proDtl['category_id']!=20){ ?>
        <span class="fs-20px text-red ps-6 me-5 fw-bold text-danger"><?=$proDtl['usd_dsc_price']?> ريال  لكل متر مربع</span>
         <?php } else { ?>
        <span class="fs-20px text-red ps-6 me-5 fw-bold text-danger"><?=$proDtl['usd_dsc_price']?> ريال  </span>
        <?php } if(intval($UsddiscountPercentage) > 0){ ?>
        <span class="badge bg-success rounded-5 fs-6 fw-semibold ms-7 px-6 py-3"><?=intval($UsddiscountPercentage);?>%</span>
        <?php } } ?>

</p>
</div>
      
<form class="mb-9 pb-2" method="POST">
<div class="row align-items-end">

<?php if($proDtl['category_id']==20){ ?>

<div class="form-group col-sm-6">
    <div class="input-group position-relative w-100 input-group-lg">
        <?php if(isset($_COOKIE['spain'])){ ?>
            <label>Size</label>
            <select class="form-control w-100 px-6" name="size" id="sizeInput">
                <option selected value="">Select Size</option>
        <?php } else { ?>
            <label>مقاس   </label>
            <select class="form-control w-100 px-6" name="size" id="sizeInput">
                <option selected value="">أختر المقاس</option>
        <?php } ?>
            <?php if(!empty($proDtl['size_atb'])){ ?>
                <option value="<?=$proDtl['size_atb'].",".$proDtl['size_price']?>" <?=($size_cart[0]==$proDtl['size_atb'])?'selected':''?>><?=$proDtl['size_atb']?></option>
            <?php } ?>
            <?php
                $product_size_tbl10 = mysqli_query($conn, "SELECT * FROM product_size_tbl WHERE product_id='".$proDtl['id']."'");
                while($fetch_size10 = mysqli_fetch_assoc($product_size_tbl10)){
            ?>
                <option value="<?=$fetch_size10['size_atb'].",".$fetch_size10['size_price_atb']?>" <?=($size_cart[0]==$fetch_size10['size_atb'])?'selected':''?>><?=$fetch_size10['size_atb']?></option>
            <?php } ?>
            </select>
    </div>
</div>

$("#msg03").html("");
        
        $.ajax({
            url: "size_price_add.php",
            type: "POST",
            data: {
                size_id: size_id,
                product_id: product_id
            },
            cache: false,
            success: function(result){
                $("#size_add").html(result);
            }
        });
    });
});
</script>

<?php } ?>

<div class="form-group col-sm-6">
    <div class="input-group position-relative w-100 input-group-lg">
        <?php
        function renderColorOptions($proDtl, $colorList, $color_cart, $isSpanish = true) {
            $colorLabel = $isSpanish ? 'Color' : 'لون';
            $selectColorText = $isSpanish ? 'Select Color' : 'أختر اللون';

echo "<label>$colorLabel</label>";
            echo '<div class="custom-select-container">';
            echo "<div class=\"selected-option\">$selectColorText</div>";
            echo '<div class="custom-options">';

// Render the initial color option
            if (!empty($proDtl['color_atb'])) {
                $checked1 = ($color_cart[0] == $proDtl['color_atb']) ? "checked" : "";
                echo '<div class="custom-option">';
                echo '<input type="radio" id="' . htmlspecialchars($isSpanish ? $proDtl['color_name_atb'] : $proDtl['color_name_atb_ar']) . '" name="color-option" value="' . htmlspecialchars($proDtl['color_atb'] . "," . ($isSpanish ? $proDtl['color_name_atb'] : $proDtl['color_name_atb_ar'])) . '" ' . $checked1 . '>';
                echo '<label for="' . htmlspecialchars($isSpanish ? $proDtl['color_name_atb'] : $proDtl['color_name_atb_ar']) . '">';
                echo '<span class="color-circle" style="background-color: ' . htmlspecialchars($proDtl['color_atb']) . ';"></span> ' . htmlspecialchars($isSpanish ? $proDtl['color_name_atb'] : $proDtl['color_name_atb_ar']);
                echo '</label>';
                echo '</div>';
            }

// Render color options from the database
            foreach ($colorList as $color) {
                $checked2 = ($color_cart[0] == $color['color_atb']) ? "checked" : "";
                echo '<div class="custom-option">';
                echo '<input type="radio" id="' . htmlspecialchars($isSpanish ? $color['color_name_atb'] : $color['color_name_atb_ar']) . '" name="color-option" value="' . htmlspecialchars($color['color_atb'] . "," . ($isSpanish ? $color['color_name_atb'] : $color['color_name_atb_ar'])) . '" ' . $checked2 . '>';
                echo '<label for="' . htmlspecialchars($isSpanish ? $color['color_name_atb'] : $color['color_name_atb_ar']) . '">';
                echo '<span class="color-circle" style="background-color: ' . htmlspecialchars($color['color_atb']) . ';"></span> ' . htmlspecialchars($isSpanish ? $color['color_name_atb'] : $color['color_name_atb_ar']);
                echo '</label>';
                echo '</div>';
            }

echo '</div>';
            echo '<input type="hidden" name="color" id="colorInput">';
            echo '</div>';
        }

// Fetch colors from the database
        $product_color_tbl10 = mysqli_query($conn, "SELECT * FROM product_color_tbl WHERE product_id='" . mysqli_real_escape_string($conn, $proDtl['id']) . "'");
        $colorList = [];
        while ($fetch_color10 = mysqli_fetch_assoc($product_color_tbl10)) {
            $colorList[] = $fetch_color10;
        }

// Assume $color_cart is already defined in your script and contains selected color
        if (isset($_COOKIE['spain'])) {
            renderColorOptions($proDtl, $colorList, $color_cart, true);  
        } else {
            renderColorOptions($proDtl, $colorList, $color_cart, false);
        }
        ?>
    </div>
</div>
<b><p id="add_msg" style="color:red; text-align: center;"></p></b>

// Set the initially checked option (if any)
    const checkedOption = optionsContainer.querySelector('input[type="radio"]:checked');
    if (checkedOption) {
        hiddenInput.value = checkedOption.value;
        selectedOption.innerHTML = checkedOption.nextElementSibling.innerHTML;
    }

selectedOption.addEventListener('click', () => {
        optionsContainer.style.display = optionsContainer.style.display === 'block' ? 'none' : 'block';
    });

options.forEach(option => {
        option.addEventListener('change', () => {
            const selectedColor = option.value;
            hiddenInput.value = selectedColor;
            selectedOption.innerHTML = option.nextElementSibling.innerHTML;
            optionsContainer.style.display = 'none';
        });
    });

document.addEventListener('click', (e) => {
        if (!selectContainer.contains(e.target)) {
            optionsContainer.style.display = 'none';
        }
    });
});
</script>

<?php if($proDtl['category_id']!=20){ ?>
  <?php if(isset($_COOKIE['spain'])){ ?>
    <h5 class="text-center text-danger">Quantity In sqm Meter</h5>
  <?php } else { ?>
    <h5 class="text-center text-danger">الكمية بالمتر المربع</h5>
  <?php } ?>
<?php } ?>

<div class="input-group position-relative w-100 input-group-lg">
    <a href="#" class="shop-down position-absolute translate-middle-y top-50 start-0 ps-7 product-info-2-minus">
      <i class="far fa-minus fa_minus<?= $proDtl['id'] ?>" data-id="<?= $proDtl['id'] ?>"></i>
    </a>
    <?php if($inCart){ ?>
      <input name="number" type="text" id="pro_edit_quantity<?= $proDtl['id'] ?>" class="product-info-2-quantity form-control w-100 px-6 text-center" value="<?=$OUT['quantity']?>" required>
    <?php }else{ ?> 
      <input name="number" type="text" id="pro_quantity" class="product-info-2-quantity form-control w-100 px-6 text-center" value="1" required>
    <?php } ?>
    <a href="#" class="shop-up position-absolute translate-middle-y top-50 end-0 pe-7 product-info-2-plus">
      <i class="far fa-plus fa_plus<?= $proDtl['id'] ?>" data-id="<?= $proDtl['id'] ?>"></i>
    </a>
  </div>
</div>

function editToCartFaPlus(productId, quantity) {
$.ajax({
type: "POST",
url: "editToCartFaPlus.php",
data: {
id: productId,
quantity: quantity
},
dataType: 'json',
success: function(response) {
if (response.status === 'success') {
location.reload();
localStorage.setItem('updateCartfaplusMessage', 'true');
} else {

$(".cart_update_success").html('<div class="alert alert-danger alert-dismissible" ><button type="button" class="btn-close" data-bs-dismiss="alert"></button>Product alreday in cart </div>');
setTimeout(function() {
$(".editCartItem").html('');
}, 2000);

}

},
error: function(xhr, status, error) {
// Handle errors, if any
console.error(error);
}
});
}

var updateCartfaplusMessage = localStorage.getItem('updateCartfaplusMessage');

if (updateCartfaplusMessage === 'true') {
localStorage.removeItem('updateCartfaplusMessage');
$(window).on('load', function() {
// This code will run after the page has fully reloaded
$(".cart_update_success").html('<div class="alert alert-success alert-dismissible id="alertClose"><button type="button" class="btn-close" data-bs-dismiss="alert"></button>Your cart is updated successfully. ' + editedfaplus.join(', ') + '</div>');
$("#shoppingCart").addClass("show");
setTimeout(function() {
$(".cart_update_success").html(''); // Clear the alert message
}, 2000);
});
}
});
</script>

function editToCartFaMinus(productId, quantity) {
$.ajax({
type: "POST",
url: "editToCartFaMinus.php",
data: {
id: productId,
quantity: quantity
},
dataType: 'json',
success: function(response) {
if (response.status === 'success') {
location.reload();
localStorage.setItem('updateCartFaminusMessage', 'true');
} else {

$(".cart_update_success").html('<div class="alert alert-danger alert-dismissible" ><button type="button" class="btn-close" data-bs-dismiss="alert"></button>Product alreday in cart </div>');

// Product already exists or another error occurred
setTimeout(function() {
$(".editCartItem").html(''); // Clear the alert message
}, 2000);
}

},
error: function(xhr, status, error) {
// Handle errors, if any
console.error(error);
}
});
}

// Check if the flag is set in local storage
var updateCartFaMinusMessage = localStorage.getItem('updateCartFaminusMessage');

if (updateCartFaMinusMessage === 'true') {
localStorage.removeItem('updateCartFaminusMessage');
$(window).on('load', function() {
// This code will run after the page has fully reloaded
$(".cart_update_success").html('<div class="alert alert-success alert-dismissible id="alertClose"><button type="button" class="btn-close" data-bs-dismiss="alert"></button>Your cart is updated successfully. ' + editedfaminus.join(', ') + '</div>');
$("#shoppingCart").addClass("show");
setTimeout(function() {
$(".cart_update_success").html(''); // Clear the alert message
}, 2000);
});
}
});
</script>

<?php if($inCart){ 
      if (isset($_COOKIE['spain'])) { ?>

<a  class="btn-hover-bg-primary btn-hover-border-primary btn btn-lg w-100"  data-id="<?=$proDtl['id']?>">Already In Cart</a>
        
<?php } else { ?>
    
         <a  class="btn-hover-bg-primary btn-hover-border-primary btn btn-lg w-100"  data-id="<?=$proDtl['id']?>">بالفعل في السلة</a>
          
<?php }  } else { 
      if (isset($_COOKIE['spain'])) { ?>

<a  class="btn-hover-bg-primary btn-hover-border-primary btn btn-lg btn-dark w-100 add_to_cart"  data-id="<?=$proDtl['id']?>" >Add To Cart</a>
        
<?php } else { ?>
    
         <a  class="btn-hover-bg-primary btn-hover-border-primary btn btn-lg btn-dark w-100 add_to_cart" data-id="<?=$proDtl['id']?>" >إضافة إلى عربة التسوق</a>
      
<?php } } ?>

</div>
</div>
</form>
      
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item pb-4">
<h2 class="accordion-header" id="flush-headingOne">
<a class="product-info-accordion collapsed text-decoration-none" href="#" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
 
 <?php
    if (isset($_COOKIE['spain'])) { ?>
       <span class="fs-4">Product Detail</span>
        
  <?php } else { ?>
    <span class="fs-4">تفاصيل المنتج</span>  
       
  <?php } ?>

</a>
</h2>
</div>

<?php
if(isset($_COOKIE['spain'])){ ?>

<?=$proDtl['product_dtl_eng']?>

<?php } else { ?>

<?=$proDtl['product_dtl_spanish']?>

<?php } ?>

</div>
</div>
</div>

<?php } else { ?>
    
     <span class="fs-4">كيفية الاستخدام  </span>
    
 <?php } ?>

</a>
</h2>
</div>

<?=$proDtl['uses_eng']?>

<?php } else { ?>

<?=$proDtl['uses_spanish']?>

<?php } ?>

</div>
</div>
</div>

</div>
</div>
</section>
<div class="border-top w-100 h-1px"></div>

<section class="container pt-15 pb-12 pt-lg-17 pb-lg-20">
  <div class="collapse-tabs">
    <ul class="nav nav-tabs border-0 justify-content-center pb-12 d-none d-md-flex" id="productTabs" role="tablist">
      <li class="nav-item" role="presentation">
        <button class="nav-link m-auto fw-semibold py-0 px-8 fs-4 fs-lg-3 border-0 text-body-emphasis active" id="product-details-tab" data-bs-toggle="tab" data-bs-target="#product-details" type="button" role="tab" aria-controls="product-details" aria-selected="true">
        <?php if(isset($_COOKIE['spain'])){ ?>
          Overview 
        <?php } else { ?>
          ملخص
        <?php } ?>
      </button>
      </li>
      <li class="nav-item" role="presentation">
        <button class="nav-link m-auto fw-semibold py-0 px-8 fs-4 fs-lg-3 border-0 text-body-emphasis" id="how-to-use-tab" data-bs-toggle="tab" data-bs-target="#how-to-use" type="button" role="tab" aria-controls="how-to-use" aria-selected="false">
        <?php if(isset($_COOKIE['spain'])){ ?>
          Specifications 
        <?php } else { ?>
          تحديد
        <?php } ?>
        </button>
      </li>
      <li class="nav-item" role="presentation">
        <button class="nav-link m-auto fw-semibold py-0 px-8 fs-4 fs-lg-3 border-0 text-body-emphasis" id="ingredients-tab" data-bs-toggle="tab" data-bs-target="#ingredients" type="button" role="tab" aria-controls="ingredients" aria-selected="false">
        <?php if(isset($_COOKIE['spain'])){ ?>
          Contact Us 
        <?php } else { ?>
          اتصل بنا
        <?php } ?>
        </button>
      </li> 
    </ul>
    <div class="tab-content">
      <div class="tab-inner">
        <div class="tab-pane fade active show" id="product-details" role="tabpanel" aria-labelledby="product-details-tab" tabindex="0">
          <div class="card border-0 bg-transparent">
            <div class="card-header border-0 bg-transparent px-0 py-4 product-tabs-mobile d-block d-md-none">
              <h5 class="mb-0">
                <button class="btn lh-2 fs-5 py-3 px-6 shadow-none w-100 border text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-product-detail" aria-expanded="false" aria-controls="collapse-product-detail">
        <?php if(isset($_COOKIE['spain'])){ ?>
          Product Detail
        <?php } else { ?>
          تفاصيل المنتجات
        <?php } ?>
        </button>
              </h5>
            </div>
            <div class="collapse show border-md-0 border p-md-0 p-6" id="collapse-product-detail">
              <div class="row">

<?php if (isset($_COOKIE['spain'])) { ?>
                <div class="pb-3 col-12 col-lg-6 pt-12 pt-lg-0">
                  <?=$proDtl['overview_eng']?>
                </div>
                <?php } else { ?>
                <div class="pb-3 col-12 col-lg-6 pt-12 pt-lg-0">
                  <?=$proDtl['overview_ar']?>
                </div>
                <?php } ?>

</div>
            </div>
          </div>
        </div>
        <div class="tab-pane fade" id="how-to-use" role="tabpanel" aria-labelledby="how-to-use-tab" tabindex="0">
          <div class="card border-0 bg-transparent">
            <div class="card-header border-0 bg-transparent px-0 py-4 product-tabs-mobile d-block d-md-none">
              <h5 class="mb-0">
                <button class="btn lh-2 fs-5 py-3 px-6 shadow-none w-100 border text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-to-use" aria-expanded="false" aria-controls="collapse-to-use">
        <?php if(isset($_COOKIE['spain'])){ ?>
          How To Use
        <?php } else { ?>
           كيفية الاستخدام
        <?php } ?>
        </button> 
              </h5>
            </div>
            <div class="collapse border-md-0 border p-md-0 p-6" id="collapse-to-use">
              <div class="pb-3">
                <?php if (isset($_COOKIE['spain'])) { ?>
                  <?=$proDtl['specifications_eng']?>
                <?php } else { ?>
                  <?=$proDtl['specifications_ar']?>
                <?php } ?>
              </div>
            </div>
          </div>
        </div>
        <div class="tab-pane fade" id="ingredients" role="tabpanel" aria-labelledby="ingredients-tab" tabindex="0">
          <div class="card-header border-0 bg-transparent px-0 py-4 product-tabs-mobile d-block d-md-none">
            <h5 class="mb-0">
              <button class="btn lh-2 fs-5 py-3 px-6 shadow-none w-100 border text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-ingredients" aria-expanded="false" aria-controls="collapse-ingredients">
        <?php if(isset($_COOKIE['spain'])){ ?>
          How To Use
        <?php } else { ?>
           كيفية الاستخدام
        <?php } ?>
        </button>
            </h5>
          </div>
          <div class="collapse border-md-0 border p-md-0 p-6" id="collapse-ingredients">
            <div class="pb-3">

<p id="msg" class="my-2" style="text-align: center; color: green; font-weight: bold;"></p>
                <p id="msgr" class="my-2" style="text-align: center; color: red; font-weight: bold;"></p>

<form class="contact-form" method="post" action="#" id="conatct-form">          
          
                  <?php
                    if (isset($_COOKIE['spain'])) { ?>
                      <div class="row mb-8 mb-md-10">
                            <div class="col-md-6 col-12 mb-8 mb-md-0">
                              <input type="text" class="form-control input-focus" placeholder="Name" id="name" required>
                            </div>
                            <div class="col-md-6 col-12">
                              <input type="email" class="form-control input-focus" placeholder="Email" id="email" required>
                            </div>
                          </div>
                          <textarea class="form-control mb-6 input-focus" placeholder="Your Message" rows="7" id="message" required></textarea>
                        <button type="button" class="btn btn-dark btn-hover-bg-primary btn-hover-border-primary px-11" id="contact-submit">Submit</button>
                        
                    <?php } else { ?>
                    
                     <div class="row mb-8 mb-md-10">
                            <div class="col-md-6 col-12 mb-8 mb-md-0">
                              <input type="text" class="form-control input-focus" placeholder="اسم" id="name" required>
                            </div>
                            <div class="col-md-6 col-12">
                              <input type="email" class="form-control input-focus" placeholder="بريد إلكتروني" id="email" required>
                            </div>
                          </div>
                          <textarea class="form-control mb-6 input-focus" placeholder="رسالتك" rows="7" id="message" required></textarea>
                        <button type="button" class="btn btn-dark btn-hover-bg-primary btn-hover-border-primary px-11" id="contact-submit">يُقدِّم</button>
                
                    <?php } ?>

// Gather the form data
                            var name = $('#name').val();
                            var email = $('#email').val();
                            var message = $('#message').val();
                            var product_id = $('#product_id').val();

// Validate the form data
                            if(name === '' || email === '' || message === '') {
                                $('#msgr').text('All fields are required.');
                                $('#msg').text('');
                                return;
                            }

// Validate email format
                            var emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
                            if (!emailPattern.test(email)) {
                                $('#msgr').text('Please enter a valid email address.');
                                $('#msg').text('');
                                return;
                            }

$('#msg').text('');
                            $('#msgr').text('');

// Perform an AJAX request
                            $.ajax({
                                url: 'product_form.php', 
                                type: 'POST',
                                data: {
                                    name: name,
                                    email: email,
                                    message: message,
                                    product_id: product_id
                                },
                                success: function(response) {
                                    // Handle success
                                    $('#msg').text(response); 
                                    $('#msgr').text('');
                                    // You can also clear the form fields here
                                    $('#name').val('');
                                    $('#email').val('');
                                    $('#message').val('');
                                },
                                error: function(xhr, status, error) {
                                    // Handle error
                                    $('#msgr').text('An error occurred. Please try again later.');
                                    $('#msg').text('');
                                }
                            });
                        });
                    });
                    </script>

</form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<?php } else { ?>

<div class="text-center">
<h3 class="mb-12">مقترحة لك</h3>
</div>

<?php } ?> 
 
<div class="slick-slider" data-slick-options="{&#34;arrows&#34;:true,&#34;centerMode&#34;:true,&#34;centerPadding&#34;:&#34;calc((100% - 1440px) / 2)&#34;,&#34;dots&#34;:true,&#34;infinite&#34;:true,&#34;responsive&#34;:[{&#34;breakpoint&#34;:1200,&#34;settings&#34;:{&#34;arrows&#34;:false,&#34;dots&#34;:false,&#34;slidesToShow&#34;:3}},{&#34;breakpoint&#34;:992,&#34;settings&#34;:{&#34;arrows&#34;:false,&#34;dots&#34;:false,&#34;slidesToShow&#34;:2}},{&#34;breakpoint&#34;:576,&#34;settings&#34;:{&#34;arrows&#34;:false,&#34;dots&#34;:false,&#34;slidesToShow&#34;:1}}],&#34;slidesToShow&#34;:4}">

<?php 
$feature=mysqli_query($conn,"SELECT * FROM product_tbl WHERE status=1 ORDER by id DESC ");
while($fetch_row=mysqli_fetch_assoc($feature)){
$product_id=$fetch_row['id'];
$usd_price = $fetch_row['usd_price'];
$usd_dsc_price = $fetch_row['usd_dsc_price'];
$UsddiscountPercentage = (($usd_price - $usd_dsc_price) / $usd_price) * 100;

// $euro_price = $fetch_row['euro_price'];
// $euro_dsc_price = $fetch_row['euro_dsc_price'];
// $eurodiscountPercentage = (($euro_price - $euro_dsc_price) / $euro_price) * 100;

$inCart = isset($_SESSION['cart'][$product_id]);
?>
<input type="hidden" id="pro_quantity" value="1"> 
<div class="mb-6">
<div class="card card-product grid-2 bg-transparent border-0">
<figure class="card-img-top position-relative mb-7 overflow-hidden">
<a href="<?=$base_url?><?=$fetch_row['slug']?>-list-dtl.php" class="hover-zoom-in d-block" title="Shield Conditioner">
<img src="<?=$base_url?>images/Upload/product/<?=$fetch_row['image']?>" data-src="<?=$base_url?>images/Upload/product/<?=$fetch_row['image']?>" data-src="<?=$base_url?>images/Upload/product/<?=$fetch_row['image']?>" class="img-fluid lazy-image w-100" alt="Shield Conditioner" width="330" height="440">
</a>
<div class="position-absolute product-flash z-index-2 d-none">

</div>
<!-- <div class="position-absolute d-flex z-index-2 product-actions  vertical">
<a class="text-body-emphasis bg-body bg-dark-hover text-light-hover rounded-circle square product-action shadow-sm" href="<?=$base_url?><?=$fetch_row['slug']?>-list-dtl.php" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Quick View">
<span  class="d-flex align-items-center justify-content-center">
<i class="ri-eye-line"></i>
</span>
</a>

<?php
if($inCart){ ?>
<a class="text-body-emphasis bg-body text-light-hover rounded-circle square product-action shadow-sm sm" data-id="<?=$fetch_row['id']?>" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Added"><i class="ri-shopping-cart-2-fill text-danger"></i></a>

<?php } else { ?>
<a class="text-body-emphasis bg-body bg-dark-hover text-light-hover rounded-circle square product-action shadow-sm add_to_cart sm" href="#" data-id="<?=$fetch_row['id']?>" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Add To Cart">
<i class="ri-shopping-cart-line"></i>                </a>

<?php } ?>

</div> -->
<!-- <?php
if($inCart){ ?>
<a class="btn btn-add-to-cart btn-danger btn-hover-bg-primary btn-hover-border-primary position-absolute z-index-2 text-nowrap btn-sm px-6 py-3 lh-2" data-id="<?=$fetch_row['id']?>">
<?php
if (isset($_COOKIE['spain'])) { ?>

Already in cart    
<?php } else { ?>
بالفعل في سلة التسوق
<?php } ?>

</a>

<?php } else { ?>
<a class="btn btn-add-to-cart btn-dark btn-hover-bg-primary btn-hover-border-primary position-absolute z-index-2 text-nowrap btn-sm px-6 py-3 lh-2 add_to_cart" data-id="<?=$fetch_row['id']?>">
<?php
if (isset($_COOKIE['spain'])) { ?>
Add To Cart   
<?php } else { ?>
  إضافة إلى عربة التسوق
<?php } ?>

</a>

<?php } ?>  -->

</figure>
<div class="card-body text-center p-0">
<span class="d-flex align-items-center price text-body-emphasis fw-bold justify-content-center mb-3 fs-6">
<?php
if(isset($_COOKIE['spain'])){ ?>

<?php if($proDtl['usd_price']>0){ ?>
<del class="text-body fw-500 me-4 fs-13px">SR <?=$usd_price?></del>
<?php } ?>
<ins class="text-decoration-none">SR <?=$usd_dsc_price?></ins>

<?php } else { ?>

<?php if($proDtl['usd_price']>0){ ?>
<del class="text-body fw-500 me-4 fs-13px">ريال <?=$usd_price?></del>
<?php } ?>
<ins class="text-decoration-none">ريال <?=$usd_dsc_price?></ins>

<?php } ?>

</span>
<h4 class="product-title card-title text-primary-hover text-body-emphasis fs-15px fw-500 mb-3">
<a class="text-decoration-none text-reset" href="<?=$base_url?><?=$fetch_row['slug']?>-list-dtl.php"> 
<?php
if(isset($_COOKIE['spain'])){ ?>
<?=$fetch_row['title_eng']?>
<?php } else { ?>
<?=$fetch_row['title_spanish']?>

<?php } ?>  
</a>
</h4>
</div>
</div>
</div>
<?php } ?> 
  
</div>
</section>

<?php include('footer.php'); ?>

<?php
if (isset($_COOKIE['spain'])) { ?>
    <script src="assets/js/jquery.exzoom.js"></script>
<?php } else { ?>
    <script src="assets/js/jquery.exzoom_ar.js"></script>
<?php } ?>

$('.zoomer').imagesLoaded( function() {
  $("#exzoom").exzoom({
        autoPlay: false,
    });
  $("#exzoom").removeClass('hidden')
});

</script>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: listing-detail_new.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation