@extends('adminlte::page')

@section('title', 'Versões do produto')

@section('content_header')
@stop

@section('content')
@php
    $filtroAmbiente = $filtros['ambiente'] ?? '';
    $resultadoCount = $versoes->total();
    $ambienteLabels = [
        'homologacao' => 'Homologação',
        'producao' => 'Produção',
    ];
@endphp

<div class="dashboard-page dashboard-stagger">
    {{-- Hero --}}
    <section class="dashboard-hero">
        <div class="dashboard-hero__inner">
            <div>
                <p class="dashboard-hero__eyebrow">Deploy &amp; Produto</p>
                <h1 class="dashboard-hero__title">
                    Versões <em>WayGest</em>
                </h1>
                <p class="dashboard-hero__subtitle">
                    @if($temFiltros ?? false)
                        {{ $resultadoCount }} resultado(s) com os filtros aplicados · {{ $stats['total'] ?? 0 }} no total
                    @else
                        {{ $stats['total'] ?? 0 }} release(s) registradas pelo pipeline Alfred · formato <code class="dashboard-hero__code">YYYYmmddN</code>
                    @endif
                </p>
            </div>
            <div class="dashboard-hero__actions">
                <a href="{{ route('deploy-homologacao.index') }}" class="btn-dashboard-hero btn-dashboard-hero--primary">
                    <i class="fas fa-rocket" aria-hidden="true"></i>
                    Deploy homologação
                </a>
            </div>
        </div>
    </section>

    {{-- KPIs / filtros rápidos --}}
    <div class="dashboard-kpi-grid">
        <a href="{{ route('produto-versoes.index') }}"
           class="dashboard-kpi dashboard-kpi--link {{ empty($filtroAmbiente) ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--purple"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--purple">
                    <i class="fas fa-code-branch" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['total'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Total de releases</p>
        </a>

        <a href="{{ route('produto-versoes.index', ['ambiente' => 'homologacao']) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroAmbiente === 'homologacao' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--info"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--info">
                    <i class="fas fa-flask" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['homologacao'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Homologação</p>
        </a>

        <a href="{{ route('produto-versoes.index', ['ambiente' => 'producao']) }}"
           class="dashboard-kpi dashboard-kpi--link {{ $filtroAmbiente === 'producao' ? 'dashboard-kpi--filter-active' : '' }}">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--success"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--success">
                    <i class="fas fa-globe" aria-hidden="true"></i>
                </div>
            </div>
            <p class="dashboard-kpi__value">{{ $stats['producao'] ?? 0 }}</p>
            <p class="dashboard-kpi__label">Produção</p>
        </a>

        <div class="dashboard-kpi">
            <div class="dashboard-kpi__accent dashboard-kpi__accent--warning"></div>
            <div class="dashboard-kpi__head">
                <div class="dashboard-kpi__icon dashboard-kpi__icon--warning">
                    <i class="fas fa-clock" aria-hidden="true"></i>
                </div>
            </div>
            @if(!empty($stats['ultima_versao']))
                <p class="dashboard-kpi__value dashboard-kpi__value--sm">
                    <span class="listagem-version-code">{{ $stats['ultima_versao'] }}</span>
                </p>
                <p class="dashboard-kpi__label">
                    Última publicação
                    @if($stats['ultima_publicada_em'] ?? null)
                        · {{ $stats['ultima_publicada_em']->format('d/m/Y') }}
                    @endif
                </p>
            @else
                <p class="dashboard-kpi__value">—</p>
                <p class="dashboard-kpi__label">Última publicação</p>
            @endif
        </div>
    </div>

    {{-- Filtros --}}
    <div class="dashboard-panel mb-4">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-filter" aria-hidden="true"></i>
                Filtros e busca
            </h2>
        </div>
        <div class="dashboard-panel__body">
            @if($temFiltros ?? false)
                <div class="listagem-chips">
                    <span class="listagem-chip listagem-chip--muted">Filtros ativos:</span>
                    @if($filtroAmbiente)
                        <a href="{{ request()->fullUrlWithQuery(['ambiente' => null]) }}" class="listagem-chip">
                            Ambiente: {{ $ambienteLabels[$filtroAmbiente] ?? $filtroAmbiente }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    @if($filtros['versao'] ?? null)
                        <a href="{{ request()->fullUrlWithQuery(['versao' => null]) }}" class="listagem-chip">
                            Versão: {{ $filtros['versao'] }}
                            <i class="fas fa-times listagem-chip__remove" aria-hidden="true"></i>
                        </a>
                    @endif
                    <a href="{{ route('produto-versoes.index') }}" class="listagem-chip">
                        Limpar todos
                        <i class="fas fa-eraser listagem-chip__remove" aria-hidden="true"></i>
                    </a>
                </div>
            @endif

            <form method="GET" action="{{ route('produto-versoes.index') }}">
                <div class="listagem-filters listagem-filters--versoes">
                    <div class="listagem-filters__field">
                        <label for="f_ambiente">Ambiente</label>
                        <select name="ambiente" id="f_ambiente" class="form-control">
                            <option value="">Todos</option>
                            <option value="homologacao" @selected($filtroAmbiente === 'homologacao')>Homologação</option>
                            <option value="producao" @selected($filtroAmbiente === 'producao')>Produção</option>
                        </select>
                    </div>
                    <div class="listagem-filters__field">
                        <label for="f_versao">Versão</label>
                        <input type="text" name="versao" id="f_versao" class="form-control"
                               value="{{ $filtros['versao'] ?? '' }}"
                               placeholder="Ex.: 20260516"
                               autocomplete="off">
                    </div>
                    <div class="listagem-filters__actions">
                        <button type="submit" class="btn-listagem btn-listagem--primary">
                            <i class="fas fa-search" aria-hidden="true"></i>
                            Filtrar
                        </button>
                        <a href="{{ route('produto-versoes.index') }}" class="btn-listagem btn-listagem--ghost">
                            <i class="fas fa-undo" aria-hidden="true"></i>
                            Limpar
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Tabela --}}
    <div class="dashboard-panel">
        <div class="dashboard-panel__header">
            <h2 class="dashboard-panel__title">
                <i class="fas fa-list" aria-hidden="true"></i>
                Histórico de releases
            </h2>
            <span class="text-muted small">{{ $resultadoCount }} registro(s)</span>
        </div>

        @if($versoes->isNotEmpty())
            <div class="dashboard-panel__body p-0">
                <div class="dashboard-table-wrap">
                    <table class="dashboard-table">
                        <thead>
                            <tr>
                                <th>Versão</th>
                                <th>Ambiente</th>
                                <th>Resumo para clientes</th>
                                <th>Conteúdo</th>
                                <th>Homolog origem</th>
                                <th>Publicado em</th>
                                <th>Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($versoes as $v)
                                @php
                                    $dataVersao = $v->dataVersao();
                                    $novCount = is_array($v->novidades) ? count($v->novidades) : 0;
                                    $melCount = is_array($v->melhorias) ? count($v->melhorias) : 0;
                                    $corCount = is_array($v->correcoes) ? count($v->correcoes) : 0;
                                @endphp
                                <tr>
                                    <td>
                                        <a href="{{ route('produto-versoes.show', $v) }}" class="dashboard-table__name text-decoration-none">
                                            <span class="listagem-version-code">{{ $v->versao }}</span>
                                        </a>
                                        @if($dataVersao)
                                            <span class="dashboard-table__sub d-block">{{ \Carbon\Carbon::parse($dataVersao)->format('d/m/Y') }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="dashboard-status dashboard-status--{{ $v->ambiente === 'producao' ? 'producao' : 'homologacao' }}">
                                            {{ $v->ambienteLabel() }}
                                        </span>
                                    </td>
                                    <td class="listagem-resumo-cell">
                                        {{ $v->resumo_clientes ? Str::limit($v->resumo_clientes, 100) : '—' }}
                                    </td>
                                    <td>
                                        <div class="listagem-release-tags">
                                            @if($novCount)
                                                <span class="listagem-release-tag listagem-release-tag--nov" title="Novidades">{{ $novCount }} nov.</span>
                                            @endif
                                            @if($melCount)
                                                <span class="listagem-release-tag listagem-release-tag--mel" title="Melhorias">{{ $melCount }} mel.</span>
                                            @endif
                                            @if($corCount)
                                                <span class="listagem-release-tag listagem-release-tag--cor" title="Correções">{{ $corCount }} cor.</span>
                                            @endif
                                            @if(!$novCount && !$melCount && !$corCount)
                                                <span class="text-muted small">—</span>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        @if($v->versao_homolog_origem)
                                            <span class="listagem-version-code listagem-version-code--muted">{{ $v->versao_homolog_origem }}</span>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($v->publicado_em)
                                            <span class="dashboard-table__sub d-block">{{ $v->publicado_em->format('d/m/Y') }}</span>
                                            <span>{{ $v->publicado_em->format('H:i') }}</span>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="listagem-row-actions">
                                            <a href="{{ route('produto-versoes.show', $v) }}"
                                               class="listagem-row-actions__btn listagem-row-actions__btn--view"
                                               title="Ver detalhes"
                                               aria-label="Ver versão {{ $v->versao }}">
                                                <i class="fas fa-eye" aria-hidden="true"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if($versoes->hasPages())
                    <div class="listagem-pagination">
                        <span>
                            Exibindo {{ $versoes->firstItem() }}–{{ $versoes->lastItem() }} de {{ $versoes->total() }}
                        </span>
                        {{ $versoes->links() }}
                    </div>
                @endif
            </div>
        @else
            <div class="dashboard-panel__body">
                <div class="dashboard-empty">
                    <i class="fas fa-code-branch" aria-hidden="true"></i>
                    @if($temFiltros ?? false)
                        <p>Nenhuma versão encontrada com os filtros aplicados.</p>
                        <a href="{{ route('produto-versoes.index') }}" class="btn-listagem btn-listagem--ghost">
                            Limpar filtros
                        </a>
                    @else
                        <p>Ainda não há releases registradas. O pipeline Alfred envia versões via API após cada deploy.</p>
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/adminlte-inter.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-colors.css') }}">
    <link rel="stylesheet" href="{{ asset('css/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('css/waygest-listagem.css') }}">
@stop