@extends('v2-cms::layouts.app', ['title' => 'Certificados Digitais'])

@section('page-breadcrumbs')
    @include('v2-cms::partials.breadcrumb', ['items' => [
        ['label' => 'Infraestrutura'],
        ['label' => 'Certificado Digital'],
    ]])
@endsection

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card shadow-sm border-0">
            <div class="card-header bg-light d-flex align-items-center justify-content-between py-3 flex-wrap gap-2">
                <h3 class="card-title h5 mb-0 fw-bold d-flex align-items-center gap-2">
                    <i class="bi bi-shield-check text-primary" aria-hidden="true"></i>
                    Certificados Digitais
                </h3>
                @v2can('CertificadoDigital', 'write')
                <a href="{{ route('v2.certificadodigital.create') }}"
                   class="btn btn-sm btn-primary text-white fw-bold d-inline-flex align-items-center gap-1">
                    <i class="bi bi-upload" aria-hidden="true"></i> Importar Certificado
                </a>
                @endv2can
            </div>

            <div class="card-body p-4">

                {{-- Mensagens de feedback --}}
                @if(session('success'))
                    <div class="alert alert-success d-flex align-items-center gap-2" role="alert">
                        <i class="bi bi-check-circle-fill" aria-hidden="true"></i>
                        <span>{{ session('success') }}</span>
                    </div>
                @endif

                @if(session('error'))
                    <div class="alert alert-danger d-flex align-items-center gap-2" role="alert">
                        <i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
                        <span>{{ session('error') }}</span>
                    </div>
                @endif

                @component('v2-cms::partials.filter-card', [
                    'searchPlaceholder' => 'Buscar por nome, titular ou CPF/CNPJ...',
                    'searchValue'       => $search,
                    'action'            => route('v2.certificadodigital.index'),
                ])
                @endcomponent

                {{-- Tabela de certificados --}}
                @if($certificates->isEmpty())
                    <div class="text-center py-5">
                        <i class="bi bi-shield-slash text-muted" style="font-size: 3rem;" aria-hidden="true"></i>
                        <p class="text-muted mt-3 mb-0">Nenhum certificado encontrado.</p>
                        @v2can('CertificadoDigital', 'write')
                        <a href="{{ route('v2.certificadodigital.create') }}"
                           class="btn btn-primary mt-2 fw-bold">
                            <i class="bi bi-upload" aria-hidden="true"></i> Importar seu primeiro certificado
                        </a>
                        @endv2can
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-striped table-hover align-middle mb-0" aria-label="Certificados digitais">
                            <thead class="table-light">
                                <tr>
                                    <th scope="col" style="width: 5%;" class="text-center">
                                        <span class="visually-hidden">Status</span>
                                        <i class="bi bi-shield-check" aria-hidden="true"></i>
                                    </th>
                                    <th scope="col" style="width: 22%;">Nome / Titular</th>
                                    <th scope="col" style="width: 15%;">CPF/CNPJ</th>
                                    <th scope="col" style="width: 18%;">Validade</th>
                                    <th scope="col" style="width: 25%;">Impressão Digital (SHA-256)</th>
                                    <th scope="col" style="width: 15%;" class="text-center">Ações</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($certificates as $cert)
                                    @php
                                        $isExpired = $cert->valid_until < $now;
                                        $isNotYetValid = $cert->valid_from > $now;
                                        $statusBadge = '';
                                        $statusColor = '';

                                        if ($isExpired) {
                                            $statusBadge = 'Expirado';
                                            $statusColor = 'danger';
                                        } elseif ($isNotYetValid) {
                                            $statusBadge = 'Pré-validade';
                                            $statusColor = 'warning';
                                        } else {
                                            $statusBadge = 'Válido';
                                            $statusColor = 'success';
                                        }

                                        $validFrom = date('d/m/Y', strtotime($cert->valid_from));
                                        $validUntil = date('d/m/Y', strtotime($cert->valid_until));
                                        $certName = $cert->name ?: $cert->common_name;
                                        $truncatedHash = substr($cert->thumbprint_sha256, 0, 16);
                                    @endphp
                                    <tr>
                                        <td class="text-center">
                                            <span class="badge bg-{{ $statusColor }} p-2"
                                                  title="{{ $statusBadge }}"
                                                  aria-label="Certificado {{ $statusBadge }}">
                                                <i class="bi {{ $isExpired ? 'bi-x-circle' : ($isNotYetValid ? 'bi-clock' : 'bi-check-circle') }}"
                                                   aria-hidden="true"></i>
                                            </span>
                                        </td>
                                        <td>
                                            <a href="{{ route('v2.certificadodigital.show', $cert->id) }}"
                                               class="text-decoration-none fw-bold text-dark"
                                               aria-label="Ver detalhes de {{ $certName }}">
                                                {{ $certName }}
                                            </a>
                                            <br>
                                            <small class="text-muted">{{ $cert->common_name }}</small>
                                        </td>
                                        <td>
                                            @if($cert->document_number)
                                                <span class="font-monospace small">{{ $cert->document_number }}</span>
                                            @else
                                                <span class="text-muted small" aria-label="Não informado">—</span>
                                            @endif
                                        </td>
                                        <td>
                                            <small>
                                                <strong>De:</strong> {{ $validFrom }}<br>
                                                <strong>Até:</strong>
                                                <span class="text-{{ $statusColor }} fw-bold">
                                                    {{ $validUntil }}
                                                </span>
                                            </small>
                                        </td>
                                        <td>
                                            <span class="font-monospace small text-muted"
                                                  title="{{ $cert->thumbprint_sha256 }}"
                                                  aria-label="SHA-256: {{ $cert->thumbprint_sha256 }}">
                                                {{ $truncatedHash }}...
                                            </span>
                                        </td>
                                        <td class="text-center">
                                            <div class="btn-group gap-1">
                                                <a href="{{ route('v2.certificadodigital.show', $cert->id) }}"
                                                   class="btn btn-sm btn-outline-primary d-inline-flex align-items-center gap-1 fw-bold"
                                                   aria-label="Detalhes de {{ $certName }}">
                                                    <i class="bi bi-eye" aria-hidden="true"></i> Detalhes
                                                </a>
                                                @v2can('CertificadoDigital', 'write')
                                                <button type="button"
                                                        class="btn btn-sm btn-outline-danger d-inline-flex align-items-center gap-1 fw-bold"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#confirmDelete_{{ $cert->id }}"
                                                        aria-label="Remover certificado {{ $certName }}">
                                                    <i class="bi bi-trash" aria-hidden="true"></i>
                                                </button>
                                                @endv2can
                                            </div>
                                        </td>
                                    </tr>

                                    {{-- Modal de confirmação de exclusão --}}
                                    @v2can('CertificadoDigital', 'write')
                                    <div class="modal fade" id="confirmDelete_{{ $cert->id }}" tabindex="-1"
                                         role="dialog" aria-labelledby="confirmDeleteLabel_{{ $cert->id }}"
                                         aria-modal="true" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <form action="{{ route('v2.certificadodigital.destroy', $cert->id) }}"
                                                  method="POST">
                                                {{ csrf_field() }}
                                                <div class="modal-content border-0 shadow-lg">
                                                    <div class="modal-header bg-danger text-white">
                                                        <h5 class="modal-title fw-bold d-flex align-items-center gap-2"
                                                            id="confirmDeleteLabel_{{ $cert->id }}">
                                                            <i class="bi bi-exclamation-triangle-fill" aria-hidden="true"></i>
                                                            Confirmar Remoção
                                                        </h5>
                                                        <button type="button" class="btn-close btn-close-white"
                                                                data-bs-dismiss="modal" aria-label="Fechar"></button>
                                                    </div>
                                                    <div class="modal-body p-4">
                                                        <p class="mb-2">
                                                            <strong>Tem certeza que deseja remover este certificado?</strong>
                                                        </p>
                                                        <div class="bg-light rounded p-3 small">
                                                            <strong>Certificado:</strong> {{ $certName }}<br>
                                                            <strong>Titular:</strong> {{ $cert->common_name }}<br>
                                                            <strong>CPF/CNPJ:</strong>
                                                            {{ $cert->document_number ?: '—' }}<br>
                                                            <strong>Validade:</strong> {{ $validFrom }} até {{ $validUntil }}
                                                        </div>
                                                        <p class="text-danger small mt-2 mb-0">
                                                            <i class="bi bi-info-circle" aria-hidden="true"></i>
                                                            Documentos já assinados com este certificado permanecem válidos.
                                                            Apenas o certificado será removido do sistema.
                                                        </p>
                                                    </div>
                                                    <div class="modal-footer bg-light border-top d-flex justify-content-end gap-2">
                                                        <button type="button" class="btn btn-outline-secondary fw-bold px-3"
                                                                data-bs-dismiss="modal">Cancelar</button>
                                                        <button type="submit" class="btn btn-danger fw-bold px-3"
                                                                aria-label="Confirmar remoção de {{ $certName }}">
                                                            <i class="bi bi-trash-fill me-1" aria-hidden="true"></i> Remover Certificado
                                                        </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    @endv2can
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection