<section id="main" class="project-overview-dashboard">
    <?= $this->projectHeader->render($project, 'ProjectOverviewController', 'show') ?>
    
    <div class="dashboard-kpi-row">
        <?= $this->render('project_overview/columns', array('project' => $project, 'columns' => $columns)) ?>
    </div>
    
    <!-- Pure CSS Tabs -->
    <div class="css-tabs">
        <!-- Radio inputs to track active tab -->
        <input type="radio" name="dashboard-tabs" id="tab-desc" class="tab-radio" checked>
        <input type="radio" name="dashboard-tabs" id="tab-attach" class="tab-radio">
        <input type="radio" name="dashboard-tabs" id="tab-info" class="tab-radio">
        <input type="radio" name="dashboard-tabs" id="tab-act" class="tab-radio">
        
        <!-- Tabs Header -->
        <div class="dashboard-tabs-header">
            <label for="tab-desc" class="tab-btn"><?= t('Description') ?></label>
            <label for="tab-attach" class="tab-btn"><?= t('Attachments') ?></label>
            <label for="tab-info" class="tab-btn"><?= t('Information') ?></label>
            <label for="tab-act" class="tab-btn"><?= t('Last activity') ?></label>
        </div>

        <!-- Tabs Content -->
        <div class="dashboard-tabs-content">
            <div class="tab-pane pane-desc">
                <?= $this->render('project_overview/description', array('project' => $project)) ?>
            </div>
            <div class="tab-pane pane-attach">
                <?= $this->render('project_overview/attachments', array('project' => $project, 'images' => $images, 'files' => $files)) ?>
            </div>
            <div class="tab-pane pane-info">
                <?= $this->render('project_overview/information', array('project' => $project, 'users' => $users, 'roles' => $roles)) ?>
            </div>
            <div class="tab-pane pane-act">
                <?= $this->render('project_overview/activity', array('project' => $project, 'events' => $events)) ?>
            </div>
        </div>
    </div>
</section>
