<?php include('../include/meta.php'); ?>

<?php $menu = 'product'; ?>

<?php
$sql = array('table' => 'product', 'where' => "id = '" . $_GET['id'] . "'");
$view_sql = $view_db->view($sql);
$row = $view_db->q($view_sql);

//session_destroy();
?>

<?php

$sql_cat = array('table' => 'category', 'where' => "id = '" . $row['category_id'] . "'");
$view_cat = $view_db->view($sql_cat);
$row_cat = $view_db->q($view_cat);

$sql_ty = array('table' => 'type', 'where' => "id = '" . $row['type_id'] . "'");
$view_ty = $view_db->view($sql_ty);
$row_ty = $view_db->q($view_ty);

$title =  $row['name'] . '(' . $row_ty['name'] . ') ' . ' รหัสสินค้า '  . $row['code'];
$description = strip_tags($row['detail']);
$image = 'http://homhuan.com/redbag/product/thumb/' . $row['image'];

$page = 'productdetail';

?>

<?php include('../include/head.php'); ?>
<?php include('../include/menu.php'); ?>







<div class="container div_main p_top40">
    <div class="row">
        <div class="col-md-12">
            <div>
                <span style="color:#5d6a99;">หน้าหลัก</span> / สินค้า<?php echo $row_ty['name'] ?> / <?php echo $row_cat['name'] ?> / <?php echo $row['name'] ?> (<?php echo $row_ty['name'] ?>)
            </div>
        </div>
    </div>
</div>



<style>
    a:focus {
        border: 0;
        outline: none;
    }
</style>





<div class="container div_main " style="padding-top:40px;">
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-12" align="center">
                <?php
                if ($row['image_ads'] <> '' && $row['status_imgads'] == 1) {
                ?>
                    <div style="margin-top:15px;margin-bottom:15px;">
                        <img src="../redbag/product/<?php echo $row['image_ads'] ?>" class="img-responsive">
                    </div>
                <?php
                }
                ?>

                <a style="border:0px;" href="#" name="preview">
                    <div class="pro_img" style="background-color:#FFF;">
                        <img src="../redbag/product/<?php echo $row['image'] ?>" id="preview1" width="580" class="img_res img_nocopy">
                    </div>
                </a>

                <div class="div_img_right" align="center">
                    <div class="div_img_right2">
                        <div class="div_img_right_s display_web" align="center">
                            <a href="#preview"><img src="../redbag/product/<?php echo $row['image'] ?>" class="img_pro_small img_nocopy" onclick="document.getElementById('preview1').src = this.src;"></a>
                        </div>
                        <?php
                        $sql_img = array('table' => 'product_img', 'where' => "product_id = '" . $row['id'] . "' order by id ASC");
                        $view_img = $view_db->view($sql_img);
                        $result_img = $view_db->q_re($view_img);
                        while ($row_img = $view_db->q_ro($result_img)) {
                        ?>
                            <div class="div_img_right_s" align="center">
                                <a href="#preview"><img src="../redbag/product/<?php echo $row_img['image'] ?>" class="img_pro_small img_nocopy" onclick="document.getElementById('preview1').src = this.src;"></a>
                            </div>
                        <?php
                        }
                        ?>
                        <div style="clear:left;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>






<div class="container div_main p_top20">
    <div class="row">
        <div class="col-md-12" align="center">
            <div class="text_header_pro"> <?php echo $row['name'] ?> <span style="color:#f68236;">(<?php echo $row_ty['name'] ?>)</span></div>
            <div> รหัสสินค้า <?php echo $row['code'] ?></div>
            <?php
            $sql_price = array('table' => 'product_size', 'where' => "product_id = '" . $row['id'] . "' order by price ASC LIMIT 0 , 1");
            $view_price = $view_db->view($sql_price);
            $row_price = $view_db->q($view_price);
            ?>
            <div class="p_top20" style="font-weight:bold;"> ราคาเริ่มต้น <?php echo number_format($row_price['price']); ?> บาท</div>
            <div class="row">
                <div class="col-md-6 col-md-offset-3 p_top20" align="center">
                    <?php echo $row['detail']; ?>
                </div>
            </div>
            <br>
            <script>
                function tb_size_show() {
                    if ($(".size:first").is(":hidden")) {
                        $(".size").show("slow");
                    } else {
                        $(".size").slideUp("slow");
                    }
                }
            </script>
            <!--<button type="button"  class="btn btn-default div_all_product" style="border-radius:0px;">ตารางขนาดไซซ์</button >-->

            <div class="row p_top20">
                <div class="col-md-8 col-md-offset-2">
                    <style>
                        .size td {
                            padding: 8px;
                        }

                        @media (max-width:767px) {
                            .size td {
                                padding: 2px;
                                font-size: 16px;
                            }
                        }
                    </style>
                    <table width="100%" border="1" cellpadding="10" cellspacing="10" class="size" id="size">
                        <tr align="center" style="font-weight:bold;">
                            <td width="20%">Size</td>
                            <?php
                            $sql_sz = array('table' => 'product_size', 'where' => "product_id = '" . $row['id'] . "' order by id ASC");
                            $view_sz = $view_db->view($sql_sz);
                            $result_sz = $view_db->q_re($view_sz);
                            while ($row_sz = $view_db->q_ro($result_sz)) {
                            ?>
                                <td><?php echo $row_sz['size'] ?></td>
                            <?php

                                $size[] = $row_sz['size'];
                                if ($row_sz['flow'] <> '') {
                                    $sz['flow'][$row_sz['id']] = $row_sz['flow'];
                                }

                                if ($row_sz['chest'] <> '') {
                                    $sz['chest'][$row_sz['id']] = $row_sz['chest'];
                                }

                                if ($row_sz['waist'] <> '') {
                                    $sz['waist'][$row_sz['id']] = $row_sz['waist'];
                                }

                                if ($row_sz['hip'] <> '') {
                                    $sz['hip'][$row_sz['id']]  = $row_sz['hip'];
                                }

                                if ($row_sz['wide'] <> '') {
                                    $sz['wide'][$row_sz['id']]  = $row_sz['wide'];
                                }

                                if ($row_sz['longs'] <> '') {
                                    $sz['longs'][$row_sz['id']]  = $row_sz['longs'];
                                }

                                if ($row_sz['neck'] <> '') {
                                    $sz['neck'][$row_sz['id']]  = $row_sz['neck'];
                                }

                                if ($row_sz['high'] <> '') {
                                    $sz['high'][$row_sz['id']]  = $row_sz['high'];
                                }

                                if ($row_sz['price'] <> '') {
                                    $sz['price'][$row_sz['id']]  = $row_sz['price'];
                                }
                            }

                            ?>

                        </tr>

                        <?php if ($sz['price'] <> '') { ?>
                            <tr>
                                <td width="20%" style="font-weight:bold">ราคา</td>
                                <?php
                                foreach ($sz['price'] as $key => $value) {
                                ?>
                                    <td style="font-weight:bold;color:#F00;"><?php echo number_format($value, 2, '.', '') ?> บาท</td>
                                <?php
                                }
                                ?>
                            </tr>
                        <?php  } ?>

                        <?php if ($sz['flow'] <> '') { ?>
                            <tr>
                                <td width="20%">ไหล่</td>
                                <?php foreach ($sz['flow'] as $key => $value) { ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php } ?>



                        <?php if ($sz['chest'] <> '') { ?>
                            <tr>
                                <td width="20%">รอบอก</td>
                                <?php
                                    foreach ($sz['chest'] as $key => $value) {
                                ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php } ?>

                        <?php if ($sz['waist'] <> '') { ?>
                            <tr>
                                <td width="20%">เอว</td>
                                <?php foreach ($sz['waist'] as $key => $value) { ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php } ?>

                        <?php if ($sz['hip'] <> '') { ?>
                            <tr>
                                <td width="20%">สะโพก</td>
                                <?php foreach ($sz['hip'] as $key => $value) { ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php } ?>
                        <?php if ($sz['wide'] <> '') { ?>
                            <tr>
                                <td width="20%">ความกว้าง</td>
                                <?php foreach ($sz['wide'] as $key => $value) { ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php } ?>

                        <?php if ($sz['longs'] <> '') { ?>
                            <tr>
                                <td width="20%">ความยาว</td>
                                <?php foreach ($sz['longs'] as $key => $value) { ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php } ?>

                        <?php if ($sz['neck'] <> '') { ?>
                            <tr>
                                <td width="20%">รอบคอ</td>
                                <?php foreach ($sz['neck'] as $key => $value) {  ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php  }  ?>

                        <?php if ($sz['high'] <> '') { ?>
                            <tr>
                                <td width="20%">ความสูง</td>
                                <?php foreach ($sz['high'] as $key => $value) { ?>
                                    <td><?php echo $value ?></td>
                                <?php } ?>
                            </tr>
                        <?php } ?>
                    </table>
                </div>
            </div>
            <div class="p_top20" style="border-bottom:1px solid #e5e5e5;"></div>

            <form action="../cart/add_pro.php" method="post">
                <div class="p_top20" style="font-weight:bold;"> เลือกขนาด </div>
                <div class="p_top20" align="center">
                    <?php foreach ($size as $key => $value) { ?>
                        <button type="button" class="btn btn-default bn_size" onClick="select_size('<?php echo $value ?>'),show_price()"><?php echo strtoupper($value) ?></button>
                    <?php } ?>
                </div>

                <div class="p_top20" id="show_price" style="font-weight:bold;color:#F00;"></div>
                <div class="p_top40">
                    <input type="hidden" name='size' id="pro_size" value="">
                    <input type="hidden" name='id_pro' id="id_pro" value="<?php echo $row['id'] ?>">
                    <button type="button" class="btn btn-default bn_send_mail" onClick="submit_pro(<?php echo $row['id'] ?>)">สั่งซื้อสินค้า</button>
                </div>
            </form>

            <div id="fb-root"></div>

            <script>
                (function(d, s, id) {

                    var js, fjs = d.getElementsByTagName(s)[0];

                    if (d.getElementById(id)) return;

                    js = d.createElement(s);
                    js.id = id;

                    js.src = "//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.8";

                    fjs.parentNode.insertBefore(js, fjs);

                }(document, 'script', 'facebook-jssdk'));
            </script>



            <div style="padding:10px 0;">
                <div class="fb-share-button" data-href="http://homhuan.com/product/productdetail.php?id=<?php echo $_GET['id'] ?>" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fhomhuan.com%2Fproduct%2Fproductdetail.php%3Fid%3D39&amp;src=sdkpreparse">แชร์</a>
                </div> &nbsp; <div class="line-it-button" data-lang="th" data-type="share-e" data-url="http://homhuan.com/product/productdetail.php?id=<?php echo $_GET['id'] ?>" style="display: none;"></div>
                <script src="https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js" async="async" defer="defer"></script>
           </div>

            <script>
                function select_size(var1)
                {
                    document.getElementById('pro_size').value = var1;
                }

                function submit_pro(var1)
                {
                    var size = document.getElementById('pro_size').value;
                    if (size == 0)
                    {
                        alert('กรุณาเลือกขนาดสินค้าก่อนค่ะ');
                    } 
                    else
                    {
                        var pro_stock = document.getElementById('pro_stock').value;
                        if (pro_stock == 0)
                        {
                            alert('สินค้าหมดสต็อก ไม่สามารถเพิ่มได้ค่ะ');
                        } 
                        else
                        {
                            var xhttp = new XMLHttpRequest();
                            xhttp.onreadystatechange = function() {
                                if (xhttp.readyState == 4 && xhttp.status == 200)
                                {
                                    document.getElementById("num_cart").innerHTML = xhttp.responseText;
                                    alert('เพิ่มสินค้าในตะกร้าเรียบร้อยแล้วค่ะ');
                                }
                            };
                            xhttp.open("GET", "../cart/add_pro.php?cart_id=" + var1 + '&id_pro=' + size, true);
                            xhttp.send();
                        }

                    }
                }

                function show_price()
                {
                    var xmlhttp = new XMLHttpRequest();
                    xmlhttp.onreadystatechange = function() {
                        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                            document.getElementById("show_price").innerHTML = xmlhttp.responseText;
                        }
                    }
                    size = document.getElementById("pro_size").value;
                    id = document.getElementById("id_pro").value;
                    xmlhttp.open("GET", "ajax_price.php?id=" + id + "&sz=" + size, true);
                    xmlhttp.send();
                }
            </script>

        </div>

    </div>

</div>

<span id="cart111"></span>



<?php include('../themes/tap_footer.php'); ?>

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

<?php include('../include/footer_js.php'); ?>