<div id="rightPane"></div>
<div id="leftPane">
<script>
    $(document).ready(function() {
        var time = new Date().getTime();
        var reloadInterval = 10000;
        var timeout;
        $('#download-sales-sheet').bind('click', function(e) {
            clearTimeout(timeout);
        });
        function refresh() {
            if (new Date().getTime() - time >= reloadInterval) {
                var pollUrl =  '/salessheets/salessheets/?release_id=<?php echo \Orchard\XSSFilter::h($this->releaseId) ?>';
                window.location.href = pollUrl;
            }
            else
            {
                timeout = setTimeout(refresh, reloadInterval);
            }
        }
        function formatGenerationDate(val)
        {
            var months = ['January', 'February', 'March','April', 'May', 'June', 
                           'July', 'August', 'September', 'October', 'November', 'December'];
            var date = new Date(val);
            if (isNaN(date.getTime())) {
                return '';
            }
            var hour = date.getHours();
            var amPm = 'AM';
            if (hour > 12) {
                hour -= 12;
                amPm = 'PM';
            }
            var minute = (date.getMinutes() < 10) ? '0' + date.getMinutes() : date.getMinutes();
            
            return months[date.getMonth()] + ' ' + date.getDate() + ', ' + date.getFullYear() + ' at ' + hour + ':' + minute + ' ' + amPm;
        }
        
        timeout = setTimeout(refresh, reloadInterval);
        $('#salessheet-generation-time').text(formatGenerationDate('<?=$this->file_last_modified ?>'));
    });
</script>

    <h2>Sales Sheets</h2>
    <p>
        Click the button below to generate your sales sheet. This may take 
        a moment. 
        Please stay on the page and a button will appear when your 
        Sales Sheet is available.
    </p>
    <?php
        $disabled = ($this->error_message != null || $this->generating ) ? 'disabled="disabled"' : "";
    ?>
    
    <div class="sales-sheets-btn">
    <form action="/salessheets/putmessagetopdfgenerationqueue/" method="POST">
        <input type="hidden" value="<?php echo \Orchard\XSSFilter::h($this->releaseId) ?>" name="releaseId">
        <?php  
        if (is_array($this->localizedTemplates) && count($this->localizedTemplates) > 0) { ?>
        <select id="localized_template" name="localized_template">
        <?php foreach ($this->localizedTemplates as $templateData) { ?>
            <option value="<?=$templateData->template_id; ?>"<?php 
            if ((empty($this->vendorDefaultTemplateId) && $templateData->is_default) || $this->vendorDefaultTemplateId === $templateData->template_id) {
            ?> selected="selected" <?php } ?>>
                <?=$templateData->template_name ?>
            </option>
        <?php } ?>
        </select><br /><br />
        <?php } ?>
        <input type="submit" value="Generate Sales Sheet" class="initiate-audit-btn btn btn-primary btn-sm" name="start_generation" <?php echo $disabled?>>
    </form>
    </div>
    <div class="sales-sheets-btn">
    <?php if ($this->reportUrl != null) {
        echo "<button class='btn btn-default btn-sm' id='download-sales-sheet' onclick = 'window.location.href=\"" . \Orchard\XSSFilter::h($this->reportUrl) . "\"' >View Sales Sheet</button>";
    } ?>
    </div>    
    <?php if ($this->error_message != '') { ?>
    <p class="error-sqs-message">
        Sales sheets cannot be generated at this time. Please try again later.
    </p>
    <?php } 
    if ($this->generating) {
    ?>
    <p class="generation-sqs-message">
        Your Sales Sheet is being generated.
    </p>
    <?php } 
    if ($this->file_last_modified != null) {
    ?>
    <p class="last-generated-sqs-message">
        This Sales Sheet was last generated on <span id="salessheet-generation-time">...</span>
    </p>
    <?php } ?>  

</div>
