<h3 class="mb-20"><?= $heading_title; ?> </h3>

<div id="product_type_text"></div>

<div id="product-form" class="row">
 
  <? foreach ($products as $index => $product): ?>


    <div class="col-lg-12 tamamlayici mb-10 p-0">
      <div class="kl-store-shipping-fields">
          <div class="col-xs-3 col-sm-2 hediyeImage">
            <img class="img-responsive" src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" />
          </div>
          <div class="col-xs-6 col-sm-8">
            <h4 class="m-0">
              <label>
                <?php echo $product['name']; ?> + <?php echo $product['price']; ?>
                <br />
                <small><?php echo $product['description']; ?> </small>
              </label>
            </h4>
          </div>
          <div class="col-xs-3 col-sm-2">
            <input type="checkbox" name="option[<?= $product ['product_id']; ?>]" class="tgl tgl-light" id="cb<?= $index; ?>" data-productid="<?= $product ['product_id']; ?>" value="" />
            <label class="tgl-btn" for="cb<?= $index; ?>"></label>
          </div>
        </div>
      </div>
    <div class="clearfix"></div>
  <? endforeach; ?>


</div>

<script>
// input get valu by name 

  var product_type = $('input[name="product_type"]').val();

    if(product_type != null || product_type != undefined){

      if(product_type == 9 || product_type == 7){

      $('#product_type_text').html('<h6 style="font-size: 11px;  padding-bottom: 10px;">Kişiye özel(Fotoğraf Yükle) ürünlerde öncelikle özelleştirdiğiniz ürünü sepete ekleyin ve daha sonra yan ürün seçiminizi yapın. Seçtiğiniz yan ürünler "ödeme" sayfasında gözükecektir.</h6>');
    }

  }


  console.log("product_type: " + product_type);


</script>

