<div class="page-header">
    <h2><?= t('Average Lead and Cycle time') ?></h2>
</div>

<div class="listing">
    <ul>
        <li><?= t('Average lead time: ').'<strong>'.$this->dt->duration($average['avg_lead_time']) ?></strong></li>
        <li><?= t('Average cycle time: ').'<strong>'.$this->dt->duration($average['avg_cycle_time']) ?></strong></li>
    </ul>
</div>

<?php if (empty($metrics)): ?>
    <p class="alert"><?= t('Not enough data to show the graph.') ?></p>
<?php else: ?>
    <section id="analytic-lead-cycle-time">

        <div id="chart" data-metrics='<?= json_encode($metrics) ?>' data-label-cycle="<?= t('Cycle Time') ?>" data-label-lead="<?= t('Lead Time') ?>"></div>

        <form method="post" class="form-inline" action="<?= $this->url->href('analytic', 'leadAndCycleTime', array('project_id' => $project['id'])) ?>" autocomplete="off">

            <?= $this->form->csrf() ?>

            <div class="form-inline-group">
                <?= $this->form->label(t('Start Date'), 'from') ?>
                <?= $this->form->text('from', $values, array(), array('required', 'placeholder="'.$this->text->in($date_format, $date_formats).'"'), 'form-date') ?>
            </div>

            <div class="form-inline-group">
                <?= $this->form->label(t('End Date'), 'to') ?>
                <?= $this->form->text('to', $values, array(), array('required', 'placeholder="'.$this->text->in($date_format, $date_formats).'"'), 'form-date') ?>
            </div>

            <div class="form-inline-group">
                <input type="submit" value="<?= t('Execute') ?>" class="btn btn-blue"/>
            </div>
        </form>

        <p class="alert alert-info">
            <?= t('This chart show the average lead and cycle time for the last %d tasks over the time.', 1000) ?>
        </p>
    </section>
<?php endif ?>
