<?php
    include("all_kms_con.inc.php");

    $article_id = $_GET['id'];

    $q_article = sprintf("SELECT kms_articles.article_id, kms_articles.naam, kms_articles.artikelnummer, kms_articles.categorie_id, kms_articles.prijs, kms_articles.description, kms_articles.gewicht FROM kms_articles WHERE article_id='%s'", $article_id);
    $r_article = mysql_query($q_article);
    $rec_article = mysql_fetch_assoc($r_article);

    $article_id = $rec_article['article_id'];
    $naam = $rec_article['naam'];
    $categorie = $rec_article['categorie_id'];
    $prijs = $rec_article['prijs'];
    $omschrijving = $rec_article['description'];

    $naam= html_entity_decode($naam);
    $omschrijving = html_entity_decode($omschrijving);
?>

<div id="toevoegenDiv">


    <h1><?php echo($naam); ?> bestellen</h1>

    <div class="columnLeft">
        <h3>Beschrijving</h3><br />
        <?php echo($omschrijving); ?>


        <h3>Verzendkosten:</h3><br />
            <p>Per pakket van max. 20 kg betaalt u in Nederland &euro; 6,90 en <br />in Belgi&euml; &euro; 8,75.</p>
        <a href="" class="verderWinkelenKnop">Verder winkelen</a>
    </div>

    <div class="columnRight">
        <h3>Selecteer de gewenste hoeveelheid</h3><br />
        <form name="articlePost" id="artikelForm" action="<?php $_SERVER['PHP_SELF']; ?>" method="post" >
            <label for="gewicht">Gewicht:</label>
            <select>
                <?php
                $q_gewicht = sprintf("SELECT kms_articles.article_id, kms_articles.gewicht, kms_articles.prijs  FROM kms_articles WHERE kms_articles.naam='%s' ORDER BY kms_articles.artikelnummer ASC", $rec_article['naam']);
                $r_gewicht = mysql_query($q_gewicht);

                while($rec_gewicht = mysql_fetch_assoc($r_gewicht)){

                    $eersteNummer = substr($rec_gewicht['gewicht'], 0,1);
                    if($eersteNummer == 0){
                        $notatie = "gr";
                        $gewicht_nr = substr($rec_gewicht['gewicht'], 2);
                        if(strlen($gewicht_nr) < 3){ $gewicht_nr = $gewicht_nr."0"; }
                    }else{
                        $notatie = "kg";
                        $gewicht_nr = $rec_gewicht['gewicht'];
                    }
                    ?>
                    <option data-name="<?php echo($rec_gewicht['prijs']);?>" value="<?php echo($rec_gewicht['article_id']); ?>"><?php echo("<span>".$gewicht_nr." ".$notatie."</span> -  &euro; ".html_entity_decode(str_replace('.',',',$rec_gewicht['prijs']))." per stuk" ); ?></option>
                <?php } ?>

            </select>

            <input type="hidden" id="price_item_1_1" value="<?php echo($prijs);?>" />

            <label class="moreMargin" for="aantal">Aantal stuks:</label>
            <input type="text" id="aantal" class="numbersOnly enterAfvangen" name="qty_item_1_1" value="1" />

            <div id="totaalbedragLabel"><div class="text">Totaalbedrag:</div> <div id="total_item_1_1" class="sub_totaal_1_1 subtotaal"></div></div>
            <a id="bestelActie" href="/winkelwagen/toevoegen/<?php echo($article_id); ?>/1" class="bestelKnop">Bestellen</a>
            <?php if($shopIsLimited){ ?>
                <p style="margin-top: 10px; color: #d1232a; font-weight: bold;">Let op: op dit moment is het niet mogelijk om bestellingen groter dan 60 kg te verwerken. Deze bestellingen worden na plaatsing direct geannuleerd. Excuses voor het ongemak.</p>
            <?php } ?>
<!--            <p>Let op! Wegens extreme drukte, kunnen we momenteel geen bestellingen aannemen. Wij zien u graag op een later moment terug. Excuses voor het ongemak.</p>-->
        </form>
    </div>

</div>

<script type="text/javascript" src="/css-js/jquery-1.5.1.min.js"> </script>
<script type="text/javascript" src="/css-js/jquery.field.js"></script>
<script type="text/javascript" src="/css-js/jquery.calculation.js"></script>

<script type="text/javascript">

    $(document).ready(

        function (){
            $("input[name^=qty_item_1_]").bind("keyup", function(){ calc(1); });
            calc(1);
            $('select').click( function(){ calc(1) });

            $('select').change(function() {
                $('#price_item_1_1').val($('select option:selected').attr('data-name'));
                calc(1);
            });

            $('.numbersOnly').keyup(function () {
                if(this.value != this.value.replace(/[^0-9\.]/g,'')){
                    this.value = this.value.replace(/[^0-9\.]/g,'');
                }
                if(this.value != ""){ this.value = parseInt(this.value); }
            });

            $('.enterAfvangen').keypress(function(e){
                if (e.which == 13) {
                    e.preventDefault();
                    window.location.href = $('#bestelActie').attr('href');
                }
            });

        }
    );

    function calc(number){

        var artikelID = $('select option:selected').attr('value');
        var aantalItems = $('#aantal').attr('value');

        $("#bestelActie").attr('href', '/winkelwagen/toevoegen/'+artikelID+'/'+aantalItems);

        $("[id^=total_item_"+[number]+"_]").calc(
            "qty * price",
            {
                qty: $("input[name^=qty_item_"+[number]+"_]"),
                price: $("[id^=price_item_"+[number]+"_]")
            },
            function (s){
                return "€ " + s.toFixed(2);
            },
            function (){
                var sub_totaal = $("[class^=sub_totaal_"+[number]+"_]").sum().toFixed(2);
                var ntot = 0;
                $(".chkOptions:checked").each(function () {
                    var item1 = 0;
                    var item2 = 0;

                    if(parseFloat($("input[name^=qty_item_1_1]").val()) > 0){
                        item1 = parseFloat($("input[name^=qty_item_1_1]").val());
                    }else{
                        item1 = 0;
                    }

                    if(parseFloat($("input[name^=qty_item_1_2]").val()) > 0){
                        item2 = parseFloat($("input[name^=qty_item_1_2]").val());
                    }else{
                        item2 = 0;
                    }

                    ntot += parseFloat($(this).val()) * (item1 + item2);
                });
                var totaal = parseFloat(sub_totaal) + ntot;
                totaal = totaal.toFixed(2);
                $("[id^=totaal_all_"+[number]+"_]").text(totaal.toString().replace(".", ","));
            }
        );


    }


</script>