FM / item

/var/www/vhosts/nabawater/frontend/views/item/

/var/www/vhosts/nabawater/frontend/views/item

Name	Size	Mode	Actions
direct-purchase.php	32587	0644	edit dl rm
index.php	6099	0644	edit dl rm
item_view.php	13456	0644	edit dl rm
_direct_purchase_row.php	5941	0644	edit dl rm

Edit: /var/www/vhosts/nabawater/frontend/views/item/index.php (6099B)

<?php
/* @var $this yii\web\View */

/* @var $dataProviderVendor \yii\data\ActiveDataProvider */

use yii\helpers\Html;
use common\helpers\Com;
use yii\widgets\ListView;
use yii\helpers\Url;
use common\helpers\UploadHelper;
use frontend\models\Configuration;
$uploadHelper = UploadHelper::getInstance();

?>
  <section class="banner detail-baner">
         <div class="container">
         <div class="row">
            <div class="col-md-6">
               <div class="baner-logo">
                  <a class="b-logo" href="#"><img src="<?= Com::res('images/logo.png', false) ?>" class="img-responsive wow fadeInUp">
                  </a>
               </div>
            </div>
         </div>
      </section>

<div class="detail-full">
               <div class="detail-header">
                  <h3>Naba 12ltr</h3>
                  <div class="rating">4.1<i class="las la-star"></i>(50) </div>
                  <p class="payment"><span>400 SR</span>200 SR</p>
                
               </div>
               <h3 class="color-1 description-title">Description</h3>
               <div class="detail-description">
                  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
               </div>
            </div>
            <div class="review-section">
              <h3 class="color-1 description-title">Reviews <span class="add-btn"><a data-toggle="modal" data-target="#exampleModal"><i class="material-icons">
add_circle_outline
</i></a></span></h3>
               <div class="detail-description">
                  <div class="r-name">Ramesh</div>
                   <div class="date-time">22/03/2021 <span class="time">11:10PM</span></div>
                     <p class="rating"><i class="fa fa-star"></i> (4.3)</p>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
               </div>
            </div>
            </div>
            <div class="col-md-3 pd-40">
                <div class="card shoping-cart ">
                  <div class="card-body">
                        <?php 
                                echo $this->render('/branch/_mini_cart', ['branch_key' => 'normal_items'])?>
                  </div>
               </div>
            </div>
         </div>
       </div>
     </section>

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content review-modal">
      <div class="modal-header">
        <h5 class="modal-title review-title" id="exampleModalLabel">Add Review</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form>
  <div class="form-group">
    <label for="exampleFormControlInput1">Name</label>
    <input  class="form-control" placeholder="Enter Name">
  </div>
 
  <div class="form-group">
    <label for="exampleFormControlTextarea1">Add Review</label>
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
  </div>
</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Update</button>
      </div>
    </div>
  </div>
</div>

runOnLoad(function(){
    $(document).on('click', '.add_qty', function(e){
        var branch_key = $(this).closest('div.item_list').attr('cart_type');
        var item_key = $(this).closest('div.item_list').attr('key');

if (branch_key == '' && item_key == '') {
            e.preventDefault();
        }else {
            Core.ajax({
               type: "POST",
               url: "<?= Url::to(['/branch/add-cart']) ?>",
               data: {
                    "branch_key": branch_key, 
                    "item_key": item_key, 
                    "element" : "quantity_add",
                    "is_clear_cart": 0
                },
               done: function (result) {
                    if(result.status == '<?=Com::SUCCESS?>'){
                        $('.card-body').html(result.html);
                        $('span.item_counts').html(result.count);
                    }
                }
                
            });
        }
    });

$(document).on('click', '.reduce_qty', function(e){
        var branch_key = $(this).closest('div.item_list').attr('cart_type');
        var item_key = $(this).closest('div.item_list').attr('key');

if (branch_key == '' && item_key == '') {
            e.preventDefault();
        }else {
            Core.ajax({
               type: "POST",
               url: "<?= Url::to(['/branch/add-cart']) ?>",
               data: {
                    "branch_key": branch_key, 
                    "item_key": item_key, 
                    "element" : "quantity_subtract",
                    "is_clear_cart": 0
                },
               done: function (result) {
                    if(result.status == '<?=Com::SUCCESS?>'){
                        $('.card-body').html(result.html);
                        $('span.item_counts').html(result.count);
                    }
                }
                
            });
        }
    });

});
</script>

cmd: