Tul xxx Tul

Viewing: mis_tareas.php

<?php
$success = $success ?? null;
$error   = $error ?? null;

// Agrupar tareas por estado
$tareasAgrupadas = [
    'pendiente'   => [],
    'en_progreso' => [],
    'completada'  => [],
];
foreach ($tareas as $t) {
    $tareasAgrupadas[$t['estado']][] = $t;
}
?>

<?php if ($success): ?>
<div class="alert alert-success alert-dismissible fade show d-flex align-items-center" role="alert" style="border: none; border-radius: 10px; border-left: 4px solid #06d6a0;">
    <i class="bi bi-check-circle-fill me-2"></i><?= htmlspecialchars($success) ?>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
<?php endif; ?>

<?php if ($error): ?>
<div class="alert alert-danger alert-dismissible fade show d-flex align-items-center" role="alert" style="border: none; border-radius: 10px; border-left: 4px solid #ef476f;">
    <i class="bi bi-exclamation-circle-fill me-2"></i><?= htmlspecialchars($error) ?>
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
<?php endif; ?>

<!-- Bienvenida -->
<div class="card-custom mb-4">
    <div class="card-body-custom" style="padding: 20px 24px;">
        <div class="d-flex align-items-center gap-3">
            <div style="width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 12px; display: flex; align-items: center; justify-content: center;">
                <i class="bi bi-person-workspace" style="color: #fff; font-size: 1.3rem;"></i>
            </div>
            <div>
                <h5 style="font-weight: 600; margin-bottom: 2px;">Hola, <?= htmlspecialchars($empleado['nombre']) ?></h5>
                <span class="text-muted" style="font-size: 0.85rem;">Tienes <?= count($tareas) ?> tarea<?= count($tareas) !== 1 ? 's' : '' ?> asignada<?= count($tareas) !== 1 ? 's' : '' ?></span>
            </div>
        </div>
    </div>
</div>

<?php if (empty($tareas)): ?>
    <div class="card-custom">
        <div class="empty-section">
            <div class="empty-section-icon"><i class="bi bi-clipboard-check"></i></div>
            <h4>No tienes tareas asignadas</h4>
            <p>Cuando se te asigne una tarea, aparecerá aquí.</p>
        </div>
    </div>
<?php else: ?>

<?php
$columnas = [
    'pendiente'   => ['label' => 'Pendientes',  'color' => '#ef476f', 'bg' => 'rgba(239,71,111,0.06)', 'icon' => 'bi-clock'],
    'en_progreso' => ['label' => 'Progreso',  'color' => '#d97706', 'bg' => 'rgba(255,209,102,0.08)','icon' => 'bi-arrow-repeat'],
    'completada'  => ['label' => 'Completadas',  'color' => '#059669', 'bg' => 'rgba(6,214,160,0.06)', 'icon' => 'bi-check-circle'],
];
?>

<div class="row g-4">
    <?php foreach ($columnas as $estado => $config): ?>
    <div class="col-lg-4">
        <!-- Header de columna -->
        <div class="d-flex align-items-center gap-2 mb-3">
            <div style="width: 10px; height: 10px; border-radius: 50%; background: <?= $config['color'] ?>;"></div>
            <h6 style="font-weight: 600; margin: 0; font-size: 0.9rem;"><?= $config['label'] ?></h6>
            <span class="badge" style="background: <?= $config['bg'] ?>; color: <?= $config['color'] ?>; font-size: 0.72rem; border-radius: 10px;">
                <?= count($tareasAgrupadas[$estado]) ?>
            </span>
        </div>

        <!-- Tarjetas -->
        <?php if (empty($tareasAgrupadas[$estado])): ?>
            <div class="card-custom" style="border: 2px dashed var(--border-color);">
                <div class="text-center py-4" style="color: var(--text-muted); font-size: 0.85rem;">
                    <i class="bi <?= $config['icon'] ?>"></i><br>Sin tareas
                </div>
            </div>
        <?php else: ?>
            <?php foreach ($tareasAgrupadas[$estado] as $t): ?>
            <div class="card-custom mb-3" style="border-left: 4px solid <?= $config['color'] ?>; cursor: pointer; transition: all 0.2s;"
                 onclick="window.location='<?= BASE_URL ?>/tareas/show/<?= $t['id'] ?>'"
                 onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='var(--shadow-md)'"
                 onmouseout="this.style.transform=''; this.style.boxShadow=''">
                <div class="card-body-custom" style="padding: 16px 20px;">
                    <h6 style="font-weight: 600; font-size: 0.92rem; margin-bottom: 8px;">
                        <?= htmlspecialchars($t['titulo']) ?>
                    </h6>
                    <?php if (!empty($t['descripcion'])): ?>
                    <p style="font-size: 0.82rem; color: var(--text-secondary); margin-bottom: 10px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;">
                        <?= htmlspecialchars($t['descripcion']) ?>
                    </p>
                    <?php endif; ?>
                    <div class="d-flex align-items-center justify-content-between">
                        <span style="font-size: 0.72rem; color: var(--text-muted);">
                            <i class="bi bi-calendar3 me-1"></i><?= date('d/m/Y', strtotime($t['fecha_creacion'])) ?>
                        </span>
                        <?php if (!empty($t['archivo'])): ?>
                        <span style="font-size: 0.72rem; color: var(--text-muted);">
                            <i class="bi bi-paperclip"></i>
                        </span>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        <?php endif; ?>
    </div>
    <?php endforeach; ?>
</div>

<?php endif; ?>
User / IP	: 216.73.216.110
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64