{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_TITLE}

<style type="text/css">
{literal}
#price_timings_products{
    margin: 0;
    padding: 0;
}
#special_params{
    margin-bottom: 20px;
}
#products_timings #label{
    width: 160px;
    display: inline-block;
}
#revise_auctions{
    clear: both;
    padding-top: 25px;
}
#revise_auctions .auction{
    float: left;
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    padding: 2px;
    margin: 2px;
        
}
#revise_auctions .variation{
    float: left;
    border: 1px solid #999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    padding: 2px;
    margin: 2px;
    background-color: lightgreen;
}
    #products_timings #filter, #products_timings #price_timings_products #special_params{
        border: 1px solid #777;
        padding: 4px;
    }
    #products_timings #filter #intro,#products_timings #price_timings_products #special_params #intro{
        display: inline-block;
        float: left;
        width: 350px;
        height: 120px;
        color: #666;
        padding-right: 35px;
    }
    #products_timings #price_timings_products{
        margin-top: 10px;
        padding-top: 4px;
    }
    #products_timings #price_timings_products li i{
        font-size: smaller;
    }
    #products_timings #price_timings_products li{
        padding: 2px;
        margin: 2px;
        font-family: fixed, monospace,system;
        font-size: 14px;
        list-style-type: none;
        float: left;
        border: 1px solid #999;
        color: #666;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
    }
    #products_timings #price_timings_products li img.mini{
        max-width: 30px;
        max-height: 30px;
        border: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #products_timings #price_timings_products li .special_price{
        color: green;
    }
    #price_timings_products #num{
        font-weight: bold;
        font-size: larger;
        display: block;
        padding-bottom: 10px;
    }
{/literal}
</style>
<script type="text/javascript">
var preview_mode = '{$PREVIEW_MODE}';
var PRODUCTS_TIMINGS_BASEURL = '{$BASEURL}';
var LINK_SPECIALS_ADD_MULTIPLE = '{$LINK_SPECIALS_ADD_MULTIPLE}';
var LINK_CLEAR_QUEUE = '{$LINK_CLEAR_QUEUE}';
var TEXT_PRICE_TIMINGS_NO_END_DATE = '{$TEXT_PRICE_TIMINGS_NO_END_DATE}';
var TEXT_PRICE_TIMINGS_INVALID_SPECIALS_PRICE = '{$TEXT_PRICE_TIMINGS_INVALID_SPECIALS_PRICE}';
{literal}
if(PRODUCTS_TIMINGS_BASEURL.indexOf('?') > -1){
  PRODUCTS_TIMINGS_BASEURL += '&';
}else{
  PRODUCTS_TIMINGS_BASEURL += '?';
}
$(function(){
   $('#products_timings #filter select[name="groups_id"]').on('change',function(){
        var groups_id = $(this).val();
        if(groups_id < 1 || isNaN(groups_id)){
            $('#products_timings #filter select[name="groups_id"]').val('');
           return false;
        }
        window.location.href = PRODUCTS_TIMINGS_BASEURL+'groups_id='+groups_id;
   });
   
   $('#products_timings #filter select[name="cart_id"]').on('change',function(){
        var cart_id = $(this).val();
        cart_id = parseInt(cart_id);
       if(isNaN(cart_id)){
           $('#products_timings #filter select[name="cart_id"]').val('');
           return false;
       }
        window.location.href = PRODUCTS_TIMINGS_BASEURL+'cart_id='+cart_id;
   });
   $('#products_timings #filter img#save_catID').on('click',function(){
       var catID = $('#products_timings #filter select[name="categories_id"]').val();
       catID = parseInt(catID);
      if(isNaN(catID)){
          $('#products_timings #filter input[name="categories_id"]').val('');
          return false;
      }
      if(catID < 1){
          return false;
      }
      window.location.href = PRODUCTS_TIMINGS_BASEURL+'categories_id='+catID;
   });
   $('#products_timings #price_timings_products li').each(function(){
       $(this).attr('id','products.php?action=ajax_view&pID='+$(this).attr('products_id'));
       $(this).on('click',function(){
            $('#modal_window').dialog({
                 width:650,
                 height: 'auto',
                 modal: true,
                 title: 'Info pID '+$(this).text(),
            }).load($(this).attr('id'));
        });
   });
   $('img.mini').each(function(){
      if($(this).attr('src').indexOf('images/basicons') > -1){
          $(this).css('opacity',0.5).css('filter', 'alpha(opacity=50)');
      }
   });
   $('form[name="preview_specials"]').on('submit',function(){
       val = $('input[name="special_value"]').val();
       val = val.replace(',','.');
       val = val.replace('%','');
       if($('#price_timings_products #special_params input[name="end_date"]').val() == ''){
           if(!$('#price_timings_products #special_params input[name="sell_to_v1null"]').is(':checked')){
               alert(TEXT_PRICE_TIMINGS_NO_END_DATE);
               return false;
           }
       }
       if(!isNaN(parseInt(val))){
           return true;
       }
       alert(TEXT_PRICE_TIMINGS_INVALID_SPECIALS_PRICE);
       return false;
   });
   if(preview_mode == '1'){
       if($('#price_timings_products #special_params input[name="sell_to_v1null"]:checked').length > 0){
           $('#price_timings_products #special_params input[name="end_date"]').val('');
       }
       $('#price_timings_products #special_params input[type="text"], #price_timings_products #special_params input[type="checkbox"]').each(function(){
          $(this).prop('disabled','disabled');
          $(this).css('background-color','#EEE');
       });
       $('input#reset_specials').on('click',function(){
           window.location.href = PRODUCTS_TIMINGS_BASEURL;
       });
       $('#price_timings_products #special_params input#save_specials').on('click',function(){
           var pID_params = new Array();
           var add_multi_url = 
           $('#price_timings_products li').each(function(){
               pID_params.push($(this).attr('products_id'));
           });
           if(pID_params.length < 1){
               return false;
           }
           var sell_to_v1null = 0;
           if($('#price_timings_products #special_params input[name="sell_to_v1null"]:checked').length > 0){
               sell_to_v1null = 1;
           }
           var ebay_price_revise = 0;
           if($('#price_timings_products #special_params input[name="ebay_price_revise"]:checked').length > 0){
               ebay_price_revise = 1;
           }
           var post_data = {
                'pID[]': pID_params,
                'specials_price' : $('#price_timings_products #special_params input[name="special_value"]').val().replace(',','.'),
            };
            post_data.specials_date_from = $('#price_timings_products #special_params input[name="start_date"]').val();
            if(sell_to_v1null === 0){
                post_data.specials_date = $('#price_timings_products #special_params input[name="end_date"]').val();
            }else{
                post_data.sell_to_v1null = sell_to_v1null;
            }
            if(ebay_price_revise == 1){
                post_data.ebay_price_revise = ebay_price_revise;
            }
           $.ajax({
                type: "POST",
                url: LINK_SPECIALS_ADD_MULTIPLE,
                data: post_data,
                dataType: 'json',
                success: function(json){
                    alert(json.message);
                    if(typeof json.ERROR == 'number' && json.ERROR == 1){
                        window.location.href = PRODUCTS_TIMINGS_BASEURL;
                    }
                    window.location.href = PRODUCTS_TIMINGS_BASEURL+'clear_queue=1';
                }
           });
       });
   }else{
       $('#price_timings_products #special_params input[name="sell_to_v1null"]').on('change',function(){
           $('#price_timings_products #special_params input[name="end_date"]').val('');
       });
   }
});
{/literal}
</script>
<div id="products_timings">
    {if !$REVISE_MODE}
    <div id="filter">
        <div id="intro">{$INTRO_FILTER}</div>
        <div id="label">{$TEXT_PRODUCT_GROUPS_ALLOCATION}:</div> {$INPUT_PRODUCT_GROUPS}<br />
        <div id="label">{$TEXT_EBAY_SAMMLER}:</div> {$INPUT_EBAY_CARTS}<br />
        <div id="label">{$TEXT_CATEGORY}:</div> <div  style="display:inline-block;">{$INPUT_CATEGORIES}</div>
        <img title="{$IMAGE_SAVE}" id="save_catID" src="images/arrow_right.gif" style="cursor: pointer;margin-left: 15px;"  /><br />
        <div id="m2c"></div>
    </div>
    {/if}
    <div id="price_timings_products">
        <span id="num">{$TEXT_QUEUE}
            {if $QUEUE_SIZE > 0}
            <a href="{$LINK_CLEAR_QUEUE}">{$TEXT_CLEAR_PRODUCTS_QUEUE}</a>
            {/if}
        </span>
        {if $QUEUE_SIZE > 0}
            {if !$REVISE_MODE}
        <div id="special_params">
                {$FORM_PREVIEW}
                <input type="hidden" name="action" value="price_timings" />
                <div id="intro">{$INTRO_SPECIAL_INPUT}</div>
                <div id="date_range">
                    <div id="label">{$TEXT_SPECIAL_START}:</div> <input type="date" name="start_date" id="start_date" size="10" maxlength="10" value="{$START_DATE_DEFAULT}"/><br />
                    <div id="label">{$TEXT_SPECIAL_END}:</div> <input type="date" name="end_date" id="end_date" size="10" maxlength="10" value="{$END_DATE_DEFAULT}" />
                    {if !$PREVIEW_MODE}
                    <input type="submit" value="{$PREVIEW_SPECIALS}" class="ui-button ui-corner-all ui-state-default" />
                    {else}
                    <input type="button" id="save_specials" value="{$SAVE_SPECIALS}" class="ui-button ui-corner-all ui-state-default" />
                    <input id="reset_specials" type="button" value="{$RESET_SPECIALS}" class="ui-button ui-corner-all ui-state-default" />
                    {/if}
                </div>
                <div id="special_value_input">
                    <div id="label">{$TEXT_SPECIAL}:</div> {$INPUT_SPECIAL}
                </div>
                <div id="special_additional_input">
                    <div id="label">{$SELL_TO_V1NULL}</div>{$INPUT_SELL_TO_V1NULL}<br />
                    <div id="label">{$TEXT_EBAY_PRICE_REVISE}</div>{$INPUT_EBAY_PRICE_REVISE}
                </div>
                </form>
        </div>
            {else}
            <p>Revise Auktionen</p>
            {/if}
        {/if}
        {foreach from=$QUEUE item=Q}
        <li products_id="{$Q.products_id}"><img src="{$Q.img}" class="mini" />{$Q.products_id}<br /><i>{$Q.price}{$Q.spec_price}</i></li>
        {/foreach}
        {if $REVISE_MODE}
        <div id="revise_auctions">
            {foreach from=$QUEUE item=Q}
                {foreach from=$Q.auctions item=auction}
                    {if $auction.variation == 1}
                    <div class="variation" id="{$auction.ebay_id}:{$Q.products_id}">{$auction.label}</div>
                    {/if}
                {/foreach}
            {/foreach}
            <br clear="all" />
            {foreach from=$QUEUE item=Q}
                {foreach from=$Q.auctions item=auction}
                    {if $auction.variation != 1}
                    <div class="auction" id="{$auction.ebay_id}">#{$auction.ebay_id}</div>
                    {/if}
                {/foreach}
            {/foreach}
        </div>
        {/if}
    </div>
</div>