{config_load file=$language_path section="general"}
{config_load file=$language_path section="products"}
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

{if !$POPUP}
    <script type="text/javascript">
    <!--
    var chart_values = new Array();
    var stats_source_date = '{$stats_source_date}';
    {foreach from=$SOURCES_TOTAL item=total key=src}
    chart_values.push( new Array('{$src}',{$total|string_format:"%.2f"}) );
    {/foreach}


    {literal}
    // Callback that creates and populates a data table,
    // instantiates the pie chart, passes in the data and
    // draws it.
    function drawChart() {

      // Create the data table.
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Herkunft');
      data.addColumn('number', 'Umsatz');
      data.addRows(chart_values);

      // Set chart options
      var options = {'title':'Gesamtumsatz der Artikel nach Quellen',
                     'width':400,
                     'height':170};

      // Instantiate and draw our chart, passing in some options.
      var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }

    if(chart_values.length > 1){
          // Load the Visualization API and the piechart package.
          google.load('visualization', '1.0', {'packages':['corechart']});

          // Set a callback to run when the Google Visualization API is loaded.
          google.setOnLoadCallback(drawChart);

    }
    {/literal}
    </script>

    <script type="text/javascript" src="minify_js.php?file=includes/general.js"></script>
    <script type="text/javascript">
    var base_url = '{$SORT_BASE_URL}';
    var TEXT_SORT_BY = '{#text_sort_by#}';
    var TEXT_SORT_ORDER_ASC = '{#text_sort_order_asc#}';
    var TEXT_SORT_ORDER_DESC = '{#text_sort_order_desc#}';
    var SUBMITTED_ORDER_BY = '{$SUBMITTED_ORDER_BY}';
    var SUBMITTED_ORDER_DIRECTION = '{$SUBMITTED_ORDER_DIRECTION}';
    {literal}
    $().ready(function(){
            var default_sort_direction = 'asc';
            $('table#stats_table thead tr th.sortable').each(function(){
                    if( $(this).attr('id') == SUBMITTED_ORDER_BY){
                            var sort_direction = (SUBMITTED_ORDER_DIRECTION == 'asc') ? 'desc' : 'asc';
                            $(this).css('font-style','italic');
                    }else{
                            var sort_direction = default_sort_direction;
                    }
                    this.onclick = function(){
                            sort_string = '&order_by='+$(this).attr('id')+'%20'+sort_direction;
                            window.location.href = base_url+sort_string;
                    };
                    $(this).css('cursor','pointer');
                    var title = sprintf(TEXT_SORT_BY,$(this).attr('id'),((sort_direction == 'asc')?TEXT_SORT_ORDER_ASC:TEXT_SORT_ORDER_DESC));
                    $(this).attr('title',title);
                    $(this).prepend('<font style="font-size: larger;">'+((sort_direction=='desc')?'&dtrif;':'&utrif;')+'</font>&nbsp;');
            });
            if($('form#reportform input[name="products_name_search"]').is(':checked')){
                var _pn_title = $('form#reportform input[name="products_name_search"]').attr('title');
                $('form#reportform input[name="products_id"]').attr('size','32');
                $('form#reportform #products_id_label').html(_pn_title);
            }
            $('form#reportform input[name="products_name_search"]').on('change', function(){
                var _pn_title = $(this).attr('title');
                if($(this).prop('checked')){
                    $('form#reportform input[name="products_id"]').attr('size','32');
                    $('form#reportform #products_id_label').html(_pn_title);
                }else{
                    $('form#reportform input[name="products_id"]').attr('size','8');
                    $('form#reportform #products_id_label').html('pID');
                }
            });
    });
    </script>
    {/literal}
    {yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
    <br clear="all" />


    <form action="" method="get" id="reportform" class="yesForm">
        <fieldset>
            <legend>{$TEXT_FILTER_STATS}</legend>
            <table border="0" width="100%">
                <tr>
                    <td valign="top">
                        {$TEXT_REPORT_STARTDATE}<br />
                        <input type="date" id="startDate" name="startDate" value="{$FORMATTED_STARTDATE}" />
                        <br />
                        {$TEXT_REPORT_ENDDATE}<br />
                        <input type="date" id="endDate" name="endDate" value="{$FORMATTED_ENDDATE}" />
                    </td>
                    <td valign="top">
                        <table border="0">
                            <tr>
                                <td>
                                    {if $INPUT_PRODUCTS_GROUPS}
                                    {$TEXT_PRODUCTS_GROUP}:
                                    {else}
                                    <i>{$TEXT_NO_PRODUCTS_GROUPS}</i>
                                    {/if}
                                </td><td valign="top">
                                    {$INPUT_PRODUCTS_GROUPS}
                                </td>
                            </tr><tr>
                                <td valign="top">
                                    {$TEXT_CATEGORY}:
                                </td><td valign="top">
                                    {$INPUT_CATEGORIES}
                                </td>
                            </tr><tr>
                                <td valign="top">
                                    {$TEXT_DISTRIBUTOR}:
                                </td><td valign="top">
                                    {$INPUT_DISTRIBUTOR}
                                </td>
                            </tr>
                        </table>
                    </td><td valign="top">
                        <table border="0">
                            <tr>
                                <td>
                                    {$TEXT_ORDERS_SOURCE}:
                                </td>
                                <td>{$INPUT_SOURCE}</td>
                            </tr><tr>
                                <td>{#customers_status_name#}:</td>
                                <td>{$INPUT_CUSTOMERS_STATUS}</td>
                            </tr><tr>
                                <td>{#manufacturer#}:</td>
                                <td>{$INPUT_MANUFACTURER}</td>
                            </tr>
                        </table>
                    </td><td valign="top">
                        {$INPUT_PRODUCTS_NAME_SEARCH}
                        <span id="products_id_label">{#products_id#}</span> {$INPUT_PID}
                            <br />
                            {$INPUT_ONLY_BEZAHLT} {$TEXT_ONLY_BEZAHLT}<br />
                            {$INPUT_ONLY_VERSENDET} {$TEXT_ONLY_VERSENDET}<br />
                            <input type="checkbox" value="1" name="csv_export" /> {$TEXT_CSV_EXPORT}
                    </td><td valign="bottom">
                        <input type="submit" class="ui-button ui-corner-all ui-state-default" value="{$IMAGE_UPDATE}" />
                    </td>
                </tr>
            </table>
        </fieldset>
    </form>

    {if $PID_MODE == 1}
    <table class="yesListTable_minimal" style="margin-top: 10px;margin-bottom: 10px;">
    <tr>
        <td rowspan="4">{products_id_image id=$PRODUCTS_ID}{$IMAGE}</td>
        <td class="main" width="25"><b>{$TEXT_PRODUCT}:</b></td>
        <td class="main">{$NAME}</td>
    </tr>
    <tr>
            <td class="main"><b>{$TEXT_SELLS}:</b></td>
            <td class="main">{$PQTY}</td>
    </tr>
    <tr>
            <td class="main"><b>{$TEXT_EBAY_SELLS}:</b></td>
            <td class="main">{$EQTY} {$TEXT_EBAY_SELLS_STORNO}</td>
    </tr>
    <tr>
            <td class="main"><b>{$TEXT_QUANTITY_INFO}:</b></td>
            <td class="main"><a href='#' onclick='window.open("{$PLINK}","popup","width=350px,height=400px");'><u>[Details]</u></a></td>
    </tr>
    </table>
    {/if}
    
    {if $TEXT_SOURCE_SELECTED}
    <p><i>{$TEXT_SOURCE_SELECTED}</i></p>
    {/if}
    
    {if $TOTAL}
    <div style="display:flex;flex-direction: row;justify-content:flex-end;">
        <div style="display: inline-block;float:right;" align="right"><b>{$TEXT_TOTAL}:</b> {$TOTAL} EUR<br /><b>{$TEXT_TOTAL_TAX}:</b> {$TOTAL_TAX} EUR</div>
        <div style="display: inline-block;float:right;" id="chart_div"></div>
    </div>
    {/if}
    
{/if} {* END IF !POPUP*}             
        <table class="yesListTable_minimal" id="stats_table">
            <thead>
                <tr>
                    <th id="products_id" class="sortable">{$TABLE_HEADING_NUMBER}</th>
                    <th id="products_name" class="sortable">{$TABLE_HEADING_PRODUCTS}</th>
                    <th id="products_model" class="sortable">{$TABLE_HEADING_PRODUCTS_MODEL}</th>
                    <th id="pqty" class="sortable" align="right">{$TABLE_HEADING_PURCHASED}</th>
                    <th id="price" class="sortable" align="right">{$TABLE_HEADING_TOTAL}</th>
                    <th id="price_ebay" class="sortable" style="font-family: monospace;" align="right">eBay</th>
                    <th id="price_amazon" class="sortable" style="font-family: monospace;" align="right">Amazon</th>
                    <th id="price_shop" class="sortable" style="font-family: monospace;" align="right">Shop</th>
                    <th id="price_admin" class="sortable" style="font-family: monospace;" align="right">{$TEXT_ORDERS_SOURCE_ADMIN}</th>
                    <th id="price_counter" class="sortable" style="font-family: monospace;" align="right">{$TEXT_ORDERS_SOURCE_COUNTER}</th>
                </tr>
            </thead>
            <tbody>
                {foreach from=$ITEMS item=stat}
                <tr id="{$stat.PRODUCTS_ID}">
                        <td>

                           {if $stat.SLAVES.0}
                            {if !$POPUP}<a class="lbOn" title="{#masterproduct#}" id="{$stat.SLAVES_LINK}" href="javascript:;">{/if}<img src="images/master.gif" border="0" />{if !$POPUP}</a>{/if}
                            {/if}
                           {if $stat.MASTER != $stat.PRODUCTS_ID}
                            {if !$POPUP}<a class="lbOn" title="{#slaveproduct#}" id="{$stat.SLAVES_LINK}" href="javascript:;">{/if}<img src="images/slave.gif" border="0" />{if !$POPUP}</a>{/if}
                            {/if}
                            {$stat.PRODUCTS_ID}
                        </td>
                        <td>
                            {if !$POPUP}<a title="Info pID {$stat.PRODUCTS_ID}" rel="{$stat.LINK}" class="yes_dynamic_tooltip"><u>{/if}
                                    {$stat.NAME}
                            {if !$POPUP}</u></a>{/if}
                        </td>
                        <td>{$stat.PRODUCTS_MODEL}</td>
                        <td align="right">{$stat.QTY}{if $stat.CQTY > 0} ({$stat.CQTY}){/if}</td>
                        <td align="right">{$stat.TOTAL}</td>
                        <td style="font-family: monospace;" align="right">{$stat.SOURCES.ebay|string_format:"%.2f"}</td>
                        <td style="font-family: monospace;" align="right">{$stat.SOURCES.amazon|string_format:"%.2f"}</td>
                        <td style="font-family: monospace;" align="right">{$stat.SOURCES.shop|string_format:"%.2f"}</td>
                        <td style="font-family: monospace;" align="right">{$stat.SOURCES.admin|string_format:"%.2f"}</td>
                        <td style="font-family: monospace;" align="right">{$stat.SOURCES.counter|string_format:"%.2f"}</td>
                </tr>
                {foreachelse}
                <tr>
                        <td colspan="4"><i>{$TEXT_NO_SEARCH_RESULTS}</i></td>
                </tr>
                {/foreach}
            </tbody>
    </table>
{if !$POPUP}


{/if} {* END IF !POPUP *}