<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<div class="wrapp2"> 

    <p><br><?= $this->session->flashdata('no_stock'); ?></p>
  
     <!-- Product Detail  -->
    <div class="detail_product clearfix">
    
    <!-- Breadcrumb  -->
    <div class="breadcrumb">
        <a href="<?= base_url(); ?>">Home</a> <span class="bread_spacer">/</span> <span class="bread_spacer"></span> <span class="active_bread"><?= $product->title; ?></span> </a>
    </div><!-- End Breadcrumb  -->
    
    <!-- Detail Top  -->
    <div class="detail_top clearfix">
      <!-- Detail Top Image -->
        <div class="detail_top_img">
            <div class="sp-loading"><img style="border: 1px solid #d6d4d4;" src="<?= base_url('themes/images/sp-loading.gif'); ?>" alt=""><br>LOADING IMAGES</div>

            <div class="sp-wrap">
                <?php if ($product->image1 != NULL) : ?>
                    <a href="<?= base_url() . 'uploads/product/'. $product->image1; ?>"><img style="border: 1px solid #d6d4d4;" src="<?= base_url() . 'uploads/product/large/'. $product->image1; ?>" alt=""></a>
                <?php endif; ?>
                <?php if ($product->image2 != NULL) : ?>
                     <a href="<?= base_url() . 'uploads/product/'. $product->image2; ?>"><img style="border: 1px solid #d6d4d4;" src="<?= base_url() . 'uploads/product/large/'. $product->image2; ?>" alt=""></a>
                <?php endif; ?>
                 <?php if ($product->image3 != NULL) : ?>
                     <a href="<?= base_url() . 'uploads/product/'. $product->image3; ?>"><img style="border: 1px solid #d6d4d4;" src="<?= base_url() . 'uploads/product/large/'. $product->image3; ?>" alt=""></a>
                <?php endif; ?>
                 <?php if ($product->image4 != NULL) : ?>
                     <a href="<?= base_url() . 'uploads/product/'. $product->image4; ?>"><img style="border: 1px solid #d6d4d4;" src="<?= base_url() . 'uploads/product/large/'. $product->image4; ?>" alt=""></a>
                <?php endif; ?>
                 <?php if ($product->image5 != NULL) : ?>
                     <a href="<?= base_url() . 'uploads/product/'. $product->image5; ?>"><img style="border: 1px solid #d6d4d4;" src="<?= base_url() . 'uploads/product/large/'. $product->image5; ?>" alt=""></a>
                <?php endif; ?>
            </div>
        </div><!-- End Detail Top Image -->
        
        <!-- Detail Top Desc -->
        <div class="detail_top_desc">

          <div class="detail_top_desc_name">
             <h2><?= ucwords($product->title); ?></h2>   
          </div>

          <div class="row m0 proRating" style="padding-left:30px; padding-top:20px; padding-bottom:20px;">

          <!-- REVIEW RATINGS -->
            <div class="row m0 starsRow">
          
                <?php if (count($review_ratings) != 0) : ?>
                    <div class="stars fleft">
                        <?php for ($i = 0; $i < $average_rating; $i++) : ?> 
                            <i class="fa fa-star"></i>
                        <?php endfor; ?>
                    </div>
                <?php endif; ?>

                <div class="fleft">
                    <a href="#" class="tulisReview" data-tab-destination="productReview"><?= count($review_ratings); ?> Review</a> <span>|</span> 
                    <a class="tulisReview" href="#" data-tab-destination="productReview">Tulis Review</a> 
                </div>
            </div>  

            <script>
                $(document).ready(function() {
                    $('a.tulisReview').click(function(event) {
                        event.preventDefault();
                        $('#reviewproduk a').addClass('active');
                        $('#infolengkap a').removeClass('active');
                        $('#det1').hide();
                        $('#det3').show();
                        $('html, body').animate({
                            scrollTop: $('#productReview').offset().top -210
                        }, 900);
                    }); 
                });
            </script>

        </div> 
  
          <form id="formAddToCart" action="<?= base_url('cart/add'); ?>" method="post">  

            <input type="hidden" name="product_id" value="<?= $product->id_products; ?>">
            <input type="hidden" name="product_name" value="<?= $product->title; ?>">

            <?php 
                //get the initial product price from stocks table
                $this->db->select('price, discounted_price, sku, attributes')->from('product_details')->where('product_id', $product->id_products)/* ->where('stock !=' , 0)*/->order_by('id_product_details', 'ASC')->limit(1);
                $prices = $this->db->get()->row(); 
                $price = $prices->price;
                $discounted_price = $prices->discounted_price;
            ?>   

            <?php 
                //check quantity discount if exist
                $this->db->select('id_quantity_discount')->from('quantity_discount')->where('product_id', $product->id_products);
                $count_quantity_discount = $this->db->get()->num_rows();
            ?>

             <?php
                //check if point rewards program is active or not.
                $this->db->select('*')->from('point_rewards')->where('id_point_rewards', 1);
                $point_rewards = $this->db->get()->row();
             ?>

             <?php if($count_quantity_discount > 0) : ?> 

                <div id="headingPrice" class="detail_top_desc_price clearfix">

                    <div class="detail_saleprice">Rp <?= number_format($price); ?></div>

                    <input type="hidden" name="price" value="<?= $price; ?>"> 

                    <?php if($point_rewards->active =='yes') : ?>
                    <?php
                    $point = $price / $point_rewards->ratio;
                    ?>
                    <br><p>Dapatkan <strong><?= $point; ?></strong> Point Reward dengan membeli produk ini.</p>
                    <?php endif; ?> 

                </div><!-- end  id="headingPrice" --> 

             <?php else : ?>

                <div id="headingPrice" class="detail_top_desc_price clearfix">

                    <?php if ($discounted_price != 0): ?>

                        <div class="detail_saleprice">Rp <?= number_format($discounted_price); ?> <span class="det_oriprice" style="margin-left:20px;">Rp <?= number_format($price); ?></span></div>
                        
                        <div class="detail_top_desc_hemat" style="clear:both;">Hemat Rp <?= number_format($price - $discounted_price); ?> </div>

                        <input type="hidden" name="price" value="<?= $discounted_price; ?>"> 

                        <?php if($point_rewards->active =='yes') : ?>
                        <?php
                        $point = $discounted_price / $point_rewards->ratio;
                        ?>
                        <br><p>Dapatkan <strong><?= $point; ?></strong> Point Reward dengan membeli produk ini.</p>
                        <?php endif; ?>

                    <?php else : ?>

                        <div class="detail_saleprice">Rp <?= number_format($price); ?></div>

                        <input type="hidden" name="price" value="<?= $price; ?>"> 

                        <?php if($point_rewards->active =='yes') : ?>
                        <?php
                        $point = $price / $point_rewards->ratio;
                        ?>
                        <br><p>Dapatkan <strong><?= $point; ?></strong> Point Reward dengan membeli produk ini.</p>
                        <?php endif; ?>

                    <?php endif; ?> 

                </div><!-- end  id="headingPrice" -->  

             <?php endif; ?>


            <div class="detail_top_sortdesc" style="text-align:justify;">
                <?= ucfirst($product->description); ?>
            </div>

    <div class="detail_top_addinfo">
        <br>
        <?php if($count_quantity_discount > 0) : ?> 
            <?php 
            //get quantity discount
            $this->db->select('*')->from('quantity_discount')->where('product_id', $product->id_products)->order_by('min_quantity', 'ASC');
            $quantity_discount = $this->db->get()->result();
            ?>
            
            <h4>Pembelian Kuantitas:</h4>
            <dl class="dl-horizontal">
            <?php foreach ($quantity_discount as $item) : ?>
                <dt style="text-align:left; margin-bottom:5px;"><?= $item->min_quantity; ?></dt>
                
                <dd style="text-align:left; position:relative; left:-100px;">
                    IDR <?= number_format($item->discount_price); ?> 
                </dd>
            <?php endforeach; ?>
            </dl> 
        <?php endif; ?>
    </div>

    <?php if(count($product_links) > 0) : ?>
        <p style="font-family:arial; font-size;14px;">Pilihan Warna Lain:</p>
        <?php foreach($product_links as $link) : ?>
            <?php
                //get linked product alias, id and color_code
                $this->db->select('title, alias, color_code')->from('products')->where('id_products', $link->link_to_product_id);
                $product_link_atrributes = $this->db->get()->row();
            ?>     
            <a href="<?= base_url() . 'product/' . $product_link_atrributes->alias; ?>" title="<?= $product_link_atrributes->title; ?>"><span style="margin-right:10px; background-color:<?= $product_link_atrributes->color_code; ?>; width:25px; height:25px;float:left;"></span></a>
        <?php endforeach; ?>
        <br><br><br>
    <?php endif; ?>   
  
   <?php if($count_product_stock > 0) : ?>
      
      <div class="detail_top_addinfo">
            <div class="detail_top_addinfo_label">Pilih Opsi Produk</div>
            <div class="detail_top_addinfo_select">
                <select class="form-control" name="product_size" id="select_product_size" style="width:180px; font-size: 13px;">
                    <?php foreach ($product_details as $item) : ?> 
                        <option  value="<?= $item->id_product_details; ?>">
                            <?= strtoupper($item->attributes); ?> 
                        </option>
                    <?php endforeach; ?>
                </select>
            </div>
       </div>
       <div class="add_to_cart clearfix">
            <div class="add_to_cart_qty">
                    <select name="qty" id="select_product_quantity" class="form-control" style="font-size: 13px; font-family: arial;">
                        <?php for ($i=1; $i <=10 ; $i++) : ?>
                            <option  value="<?= $i; ?>"><?= $i; ?></option>
                        <?php endfor; ?> 
                    </select>   
                </div>
                <div class="add_to_cart_btn">
                    <input id="addToCartButton" type="submit" value="Add to Cart" style="position:relative; left:3px;">
                </div>

                <script>
                    $(document).ready(function() {

                        $('#select_product_size').change(function() { 
                            var id_product_details = $(this).val();
                            ajax_get_price(id_product_details); 
                        });  

                        var controller = 'ajax';
                        var base_url = '<?php echo base_url(); ?>'; 

                        function ajax_get_price(id_product_details) {

                            $.ajax({
                                'url'       : '<?php echo base_url(); ?>' + 'ajax' + '/ajax_get_price', 
                                'type'      : 'POST',
                                'data'      : {'id_product_details' : id_product_details}, 
                                'success'   : function(result) {
                                    
                                    var container = $('#headingPrice');
                                    if (result) { 
                                        container.html(result);  
                                    };
                                }
                            });
                        } 

                        $('input#addToCartButton').click(function(event) {
                            event.preventDefault();
                            /*!
                            * Function: flyToElement
                            * Author: CodexWorld
                            * Author URI: http://www.codexworld.com  
                            * Author Email: contact@codexworld.com
                            * Description: This function is used for adding flying effect to the element.
                            */
                            function flyToElement(flyer, flyingTo) {
                                var $func = $(this);
                                var divider = 3;
                                var flyerClone = $(flyer).clone();
                                $(flyerClone).css({position: 'absolute', top: $(flyer).offset().top + "px", left: $(flyer).offset().left + "px", opacity: 1, 'z-index': 1000});
                                $('body').append($(flyerClone));
                                var gotoX = $(flyingTo).offset().left + ($(flyingTo).width() / 2) - ($(flyer).width()/divider)/2;
                                var gotoY = $(flyingTo).offset().top + ($(flyingTo).height() / 2) - ($(flyer).height()/divider)/2;
                                
                                $(flyerClone).animate({
                                    opacity: 0.4,
                                    left: gotoX,
                                    top: gotoY,
                                    width: $(flyer).width()/divider,
                                    height: $(flyer).height()/divider
                                }, 700,
                                function () {
                                    $(flyingTo).fadeOut('fast', function () {
                                        $(flyingTo).fadeIn('fast', function () {
                                            $(flyerClone).fadeOut('fast', function () {
                                                $(flyerClone).remove();
                                            });
                                        });
                                    });
                                });
                            }

                            //Select item image and pass to the function
                            var itemImg = $('.sp-wrap').find('img').eq(0);
                            flyToElement($(itemImg), $('#headerKeranjangBelanja'));

                            //activate ajax function add to cart
                            ajax_add_to_cart();
                        }); 

                        function ajax_add_to_cart() {
                            $.ajax({
                                'url'       : '<?php echo base_url(); ?>' + 'ajax' + '/ajax_add_to_cart',
                                'type'      : 'POST',
                                'data'      : $('form#formAddToCart').serialize(),
                                'success'   : function(result) {
                                    
                                    var container = $('#cartItemCount');
                                    
                                    if (result) { 
                                        container.html(result);  
                                    };
                                }
                            });
                        } 

                    }); /*----end document ready -----*/   
                </script>
        </div>
         <?php else : ?>
             Stok Belum Tersedia
        <?php endif; ?>

       </form>    

        <?php if($count_quantity_discount > 0) : ?> 

                    <script>
                    $(document).ready(function() {

                        $('#select_product_quantity').change(function() {
                            var quantity = $(this).val(); 
                            load_data_ajax(quantity);
                        });  

                        var controller = 'ajax';
                        var base_url = '<?php echo base_url(); ?>'; 

                        function load_data_ajax(quantity) {

                            $.ajax({
                                'url'       : base_url + controller + '/ajax_select_size',
                                'type'      : 'POST',
                                'data'      : { 'quantity' :  quantity,
                                                'id_product' : <?= $product->id_products; ?>
                                            }, 
                                'success'   : function(result) {
                                    
                                    var container = $('#headingPrice');
                                    
                                    if (result) { 
                                        container.html(result);  
                                    };
                                }
                            });
                        } 
                    });    
                    </script>
        <?php endif; ?>


            
            <div class="detail_adwish"><a href="<?= base_url() . 'wishlist/add_wishlist/' . $product->id_products; ?>">Tambahkan ke Wishlist</a></div>
            
            <div class="addsharethisinner" style="margin-top: 10px; margin-bottom: 10px">
                  <span class="st_twitter_hcount sharebtn" displayText="Tweet"></span>
                  <span class="st_googleplus_hcount" displayText="Google +"></span>
                  <span class="st_pinterest_hcount sharebtn" displayText="Pinterest"></span>
                  <span class="st_facebook_hcount sharebtn" displayText="Facebook"></span>
            </div>
            <br>

            <script type="text/javascript">/* <![CDATA[ */$(function(){$(".addsharethis").addClass("loader");$(window).load(function(){$(".addsharethis").removeClass("loader");$(".addsharethisinner").show(400);});});$(function(){$(".addsharethis .sharebtn").click(function(){$(this).find("img").show("medium");})});/* ]]> */</script><script type="text/javascript">/* <![CDATA[ */var switchTo5x=true;/* ]]> */</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js">/* <![CDATA[ *//* ]]> */</script><script type="text/javascript">/* <![CDATA[ */stLight.options({publisher:"ea22d519-9f98-4018-99a9-5b5f1b100fa8",doNotHash:false,doNotCopy:false,hashAddressBar:false});/* ]]> */</script>
    
          
        </div><!-- End Detail Top Desc -->
        </div><!-- End Detail Top  -->
        
        <!-- Detail Bottom -->
        <div class="detail_bottom clearfix">
          <!-- Detail Bottom Left -->
          <div class="detail_bottom_left">
            <ul class='promo_tabs'>
                <li id="infolengkap"><a href="#det1">Informasi Lengkap</a></li>
                <li id="spesifikasi"><a href="#det2">Spesifikasi</a></li>
                <li id="reviewproduk"><a href="#det3">Review Produk</a></li>
            </ul>
            </div><!-- End Detail Bottom Left -->
            
            <!-- Detail Bottom Right -->
            <div class="detail_bottom_right">
            <div id="det1">
              <?= $product->long_description; ?>
            </div>
            
            <div id="det2">
             <?= $product->additional_information; ?>
            </div>

            <div id="det3" style="padding:30px;">

             <div id="productReview">

                <div style="position:relative; left:-20px;"><h4><?= count($product_reviews); ?> Reviews: <?= ucwords($product->title); ?></h4></div>

                <?php foreach ($product_reviews as $review) : ?> 

                    <div class="row">
                        
                         <?php if (count($review_ratings) != 0) : ?>
                            <div class="stars fleft">
                                <?php for ($i = 0; $i < $review->rating; $i++) : ?> 
                                    <i class="fa fa-star"></i>
                                <?php endfor; ?>
                            </div>
                        <?php endif; ?>
                        
                        <span></span><strong><?= ucwords($review->name); ?> - <?= ucwords($review->review_date); ?></strong>
                        <p><?= ucfirst($review->review); ?></p>
                    </div>

                <?php endforeach; ?>

                </div><!-- end review container -->

                <div class="row">

                    <h4 class="heading">Write Your Review</h4>
                                    
                     <form id="submitReview" action="" role="form" method="post" class="row" style="width:60%; position:relative; left:14px;">

                        <input type="hidden" name="product_id" value="<?= $product->id_products; ?>"> 

                         	<?php if ($this->session->userdata('customer')['customer_name']) : ?> 

                                <input type="hidden" name="customer_id" value="<?= $this->session->userdata('customer')['customer_id'] ?>"> 

                            <?php else : ?>

                                <div class="row">
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control" placeholder="Nama Anda *" name="name" required>
                                    </div>
                                    <div class="col-sm-6">
                                            <input type="email" class="form-control" placeholder="Email Anda *" name="email" required> 
                                    </div>
                                 </div>

                            <?php endif; ?>
                                        
                            <div class="row">
                                
                                <div class="col-sm-12 ratingStars">
                                    Your Rating 
                                    <select name="rating" class="form-control">
                                        <option value="5">5</option>
                                        <option value="4">4</option>
                                        <option value="3">3</option>
                                        <option value="2">2</option>
                                        <option value="1">1</option>
                                    </select>
                                </div>
                            </div>
                           <div class="row">
                               <div class="col-sm-12">
                                   <h4 class="heading">Review Anda</h4>
                                      <textarea name="review" id="reviewText" class="form-control reviewText"></textarea>

                                    <?php
                                        //load codeigniter captcha
                                        $this->load->helper('captcha');
                                        $vals = array(
                                            'img_path'      => './captcha/',
                                            'img_url'       => base_url() . 'captcha/',
                                            'word_length'   => 5
                                        );
                                        $cap = create_captcha($vals);
                                        $data = array( 
                                                'captcha_time'  => $cap['time'],
                                                'ip_address'    => $this->input->ip_address(),
                                                'word'          => $cap['word']
                                        );
                                        $query = $this->db->insert_string('captcha', $data);
                                        $this->db->query($query); 
                                    ?>    
                                        <br>
                                        <p>Masukan kode <?= $cap['image']; ?> 
                                        <br> <br>
                                        <input type="text" name="captcha" value="" class="form-control" placeholder="Masukan kode security" required/></p>
                                        
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                            <br>
                                                <input type="submit" class="btn btn-primary filled" value="Submit Review">
                                            </div>
                                        </div>

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


                            <script>

                        $(document).ready(function() {

                            $('#submitReview').submit(function(e) {

                                e.preventDefault(); //STOP default action
                                
                                var postData = $(this).serializeArray();

                                $.ajax({
                                    'url'       : '<?php echo base_url(); ?>' + 'ajax' + '/ajax_addproductreview',
                                    'type'      : 'POST',
                                    'data'      : postData, 
                                    'success'   : function(result) {
                                        if (result) { 
                                            $('#productReview').html(result);  
                                        };
                                    }
                                });
                            });  
                        });

                        </script>

             
            </div><!-- end id="det3" -->
            
            </div><!-- End Detail Bottom Right -->
            
        </div><!-- End Detail Bottom -->
       
     <!-- Recent View  -->
     <div class="recent_view">
      <h4>Produk Lain Sejenis :</h4> 
       <ul class="bxslider2"><!-- Tab Slide Item Box -->

        <?php
            //get product on the same category
            $this->db->select_max('id_category')->from('category_product')->where('id_product', $product->id_products);
            $category_id = $this->db->get()->row()->id_category;

            //select $products by given $category_id
            $this->db->select('id_product')->from('category_product')->where('id_category', $category_id);
            $products = $this->db->get()->result();
        ?>

        <?php foreach ($products as $product) : ?>

        <?php
            //get product detail
            $this->db->select('id_products, title, alias, image1')->from('products')->where('id_products', $product->id_product)->where('product_status', '1')->order_by('id_product', 'RANDOM');
            $related_product = $this->db->get()->row();
        ?>
        <li>
            <div class="recntprod_box">
                <div class="recntprod_box">
                    <a href="<?= base_url() . 'product/' . $related_product->alias; ?>"><img src="<?= base_url() . 'uploads/product/small/' . $related_product->image1; ?>" alt="<?= $related_product->title; ?>"></a>
                    <div class="recntprod_box_name"><a href="<?= base_url() . 'product/' . $related_product->alias; ?>"><?= $related_product->title; ?></a></div>
                </div>
            </div>
        </li>   
    <?php endforeach; ?>

    </ul>
     </div><!-- End Recent View  -->
       
    </div><!-- End Product Detail  -->
</div>