<?php

use yii\helpers\Html;
use yii\grid\GridView;

$this->title = 'Dashboard - Documentos Activos';
$this->params['breadcrumbs'][] = $this->title;
?>

<div class="dashboard-index">
    <h1><?= Html::encode($this->title) ?></h1>
    <p class="text-muted">Documentos en proceso (excluye finalizados y cancelados)</p>

    <?= GridView::widget([
        'dataProvider' => $dataProvider,
        'tableOptions' => ['class' => 'table table-striped table-bordered'],
        'summary' => 'Mostrando {begin}-{end} de {totalCount} documentos activos',
        'columns' => [
            // Estado/Tipo
            [
                'label' => 'Estado',
                'format' => 'raw',
                'value' => function ($model) {
                    $tipo = $model->tipo_documento;
                    $estado = $model->estado;
                    
                    // Determinar el texto a mostrar
                    if ($estado === 'CLAC GENERADA') {
                        $texto = 'CLAC';
                        $color = '#f0ad4e'; // Naranja
                    } elseif ($estado === 'TBS GENERADA') {
                        $texto = 'TBS';
                        $color = '#5bc0de'; // Azul
                    } elseif ($estado === 'Aprobado') {
                        $texto = $tipo . ' Aprobado';
                        $color = '#5cb85c'; // Verde
                    } elseif ($estado === 'PI Creado') {
                        $texto = 'PI Creado';
                        $color = '#337ab7'; // Azul oscuro
                    } elseif ($estado === 'PI Pendiente') {
                        $texto = 'PI Pendiente';
                        $color = '#f39c12'; // Amarillo
                    } elseif ($estado === 'PI Aprobado') {
                        $texto = 'PI Aprobado';
                        $color = '#27ae60'; // Verde oscuro
                    } else {
                        $texto = $estado;
                        $color = '#95a5a6'; // Gris
                    }
                    
                    return '<strong style="color: ' . $color . '; font-size: 14px;">' . Html::encode($texto) . '</strong>';
                },
                'contentOptions' => ['style' => 'width: 200px;'],
            ],

            // Número de Documento
            [
                'attribute' => 'numero_orden',
                'label' => 'N° Documento',
                'format' => 'raw',
                'value' => function($model) {
                    return '<strong style="font-size: 15px;">' . Html::encode($model->numero_orden) . '</strong>';
                },
                'contentOptions' => ['style' => 'width: 180px;'],
            ],

            // Fecha
            [
                'attribute' => 'fecha_cotizacion',
                'label' => 'Fecha',
                'format' => ['date', 'php:d/m/Y'],
                'contentOptions' => ['style' => 'width: 120px;'],
            ],

            // Cliente
            [
                'label' => 'Cliente',
                'value' => function($model) {
                    return $model->cliente ? $model->cliente->nombre_razon_social : 'N/A';
                },
            ],

            // Acciones
            [
                'label' => 'Acciones',
                'format' => 'raw',
                'value' => function ($model) {
                    return Html::a(
                        '<span class="glyphicon glyphicon-eye-open"></span> Ver',
                        ['/cotizaciones/view', 'id' => $model->id],
                        ['class' => 'btn btn-sm btn-info']
                    );
                },
                'contentOptions' => ['style' => 'text-align: center; width: 100px;'],
            ],
        ],
    ]); ?>
</div>

<style>
.table > tbody > tr > td {
    vertical-align: middle !important;
}

.table > thead > tr > th {
    background-color: #f5f5f5;
    font-weight: bold;
}
</style>