<?php if (! $is_ajax): ?>
    <div class="page-header">
        <h2><?= t('Average Lead and Cycle time') ?></h2>
    </div>
<?php endif ?>

<div class="panel">
    <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: ?>
    <?= $this->app->component('chart-project-lead-cycle-time', array(
        'metrics' => $metrics,
        'labelCycle' => t('Cycle Time'),
        'labelLead' => t('Lead Time'),
    )) ?>

    <form method="post" class="form-inline" action="<?= $this->url->href('AnalyticController', 'leadAndCycleTime', array('project_id' => $project['id'])) ?>" autocomplete="off">
        <?= $this->form->csrf() ?>
        <?= $this->form->date(t('Start date'), 'from', $values) ?>
        <?= $this->form->date(t('End date'), 'to', $values) ?>
        <?= $this->modal->submitButtons(array('submitLabel' => t('Execute'))) ?>
    </form>

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