{{--
    @intent Página de Auditoria de E-mails — histórico de envios do MailService V2.
    @uses MailService::getHistory() — histórico de envios
    @compliance Bootstrap 5, Bootstrap Icons, WCAG AAA, eMAG
--}}
@extends('v2-cms::layouts.app', [
    'title' => 'Auditoria de E-mails',
])

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

@push('css')
<style>
    .mail-status-badge {
        font-size: var(--text-xs);
        padding: 0.25em 0.6em;
    }
    .mail-detail-card {
        transition: box-shadow 0.2s ease;
    }
    .mail-detail-card:hover {
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .mail-body-preview {
        max-height: 120px;
        overflow-y: auto;
        font-size: var(--text-sm);
        background: #f8f9fa;
        padding: 0.75rem;
        border-radius: 4px;
        border: 1px solid #e9ecef;
        white-space: pre-wrap;
        word-break: break-word;
    }
</style>
@endpush

@section('content')
{{-- Dashboard de Estatísticas --}}
<div class="row g-3 mb-4">
    <div class="col-lg-3 col-md-6 col-12">
        <div class="card border shadow-sm h-100">
            <div class="card-body p-3 d-flex align-items-center gap-3">
                <div class="bg-primary bg-opacity-10 rounded-3 p-3 d-flex align-items-center justify-content-center" style="width: 56px; height: 56px;">
                    <i class="bi bi-send-fill fs-4 text-primary" aria-hidden="true"></i>
                </div>
                <div>
                    <p class="text-secondary small text-uppercase fw-bold mb-0" style="font-size: var(--text-xs); letter-spacing: 0.5px;">Total de Envios</p>
                    <p class="h4 fw-bold text-dark mb-0">{{ $totalSent + $totalFailed }}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 col-12">
        <div class="card border shadow-sm h-100">
            <div class="card-body p-3 d-flex align-items-center gap-3">
                <div class="bg-success bg-opacity-10 rounded-3 p-3 d-flex align-items-center justify-content-center" style="width: 56px; height: 56px;">
                    <i class="bi bi-check-circle-fill fs-4 text-success" aria-hidden="true"></i>
                </div>
                <div>
                    <p class="text-secondary small text-uppercase fw-bold mb-0" style="font-size: var(--text-xs); letter-spacing: 0.5px;">Enviados</p>
                    <p class="h4 fw-bold text-dark mb-0">{{ $totalSent }}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 col-12">
        <div class="card border shadow-sm h-100">
            <div class="card-body p-3 d-flex align-items-center gap-3">
                <div class="bg-danger bg-opacity-10 rounded-3 p-3 d-flex align-items-center justify-content-center" style="width: 56px; height: 56px;">
                    <i class="bi bi-exclamation-circle-fill fs-4 text-danger" aria-hidden="true"></i>
                </div>
                <div>
                    <p class="text-secondary small text-uppercase fw-bold mb-0" style="font-size: var(--text-xs); letter-spacing: 0.5px;">Com Falha</p>
                    <p class="h4 fw-bold text-dark mb-0">{{ $totalFailed }}</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 col-12">
        <div class="card border shadow-sm h-100">
            <div class="card-body p-3 d-flex align-items-center gap-3">
                <div class="bg-info bg-opacity-10 rounded-3 p-3 d-flex align-items-center justify-content-center" style="width: 56px; height: 56px;">
                    <i class="bi bi-percent fs-4 text-info" aria-hidden="true"></i>
                </div>
                <div>
                    <p class="text-secondary small text-uppercase fw-bold mb-0" style="font-size: var(--text-xs); letter-spacing: 0.5px;">Taxa de Sucesso</p>
                    <p class="h4 fw-bold text-dark mb-0">
                        @php $total = $totalSent + $totalFailed; @endphp
                        {{ $total > 0 ? round(($totalSent / $total) * 100, 1) : 0 }}%
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Filtros --}}
@component('v2-cms::partials.filter-card', [
    'searchPlaceholder' => 'Buscar por destinatário, assunto ou remetente...',
    'searchValue'       => $currentSearch ?? '',
    'action'            => route('v2.mailaudit.index'),
    'showDateRange'     => false,
])
    <div class="col-md-3">
        <label for="status" class="form-label small fw-medium text-muted mb-1">Status</label>
        <select name="status" class="form-select form-select-sm" aria-label="Filtrar por status">
            <option value="">Todos os status</option>
            <option value="sent" {{ $currentStatus === 'sent' ? 'selected' : '' }}>Enviado</option>
            <option value="failed" {{ $currentStatus === 'failed' ? 'selected' : '' }}>Com falha</option>
        </select>
    </div>
    <div class="col-md-3">
        <label for="profile" class="form-label small fw-medium text-muted mb-1">Profile SMTP</label>
        <select name="profile" class="form-select form-select-sm" aria-label="Filtrar por profile SMTP">
            <option value="">Todos</option>
            <option value="default" {{ $currentProfile === 'default' ? 'selected' : '' }}>default</option>
        </select>
    </div>
@endcomponent

{{-- Listagem do Histórico --}}
<div class="card border shadow-sm">
    <div class="card-header bg-light py-2 px-3 border-bottom d-flex align-items-center justify-content-between flex-wrap gap-2">
        <h5 class="card-title h6 mb-0 fw-bold text-dark d-flex align-items-center gap-2">
            <i class="bi bi-clock-history" aria-hidden="true"></i>
            Histórico de Envios
            @if($currentSearch || $currentStatus || $currentProfile)
                <span class="badge bg-warning text-dark">Filtrado</span>
            @endif
        </h5>
        <small class="text-muted">{{ count($history) }} registro(s) exibido(s)</small>
    </div>

    <div class="card-body p-0">
        @if($history->isEmpty())
            <div class="text-center py-5" role="alert">
                <i class="bi bi-inbox fs-1 text-secondary d-block mb-3" aria-hidden="true"></i>
                <p class="h6 fw-bold mb-1">Nenhum envio encontrado</p>
                <p class="text-secondary small mb-0">
                    @if($currentSearch || $currentStatus || $currentProfile)
                        Nenhum resultado para os filtros aplicados.
                    @else
                    O histórico será populado automaticamente à medida que e-mails forem enviados.
                    @endif
                </p>
            </div>
        @else
            <div class="table-responsive">
                <table class="table table-bordered table-hover align-middle mb-0" aria-label="Histórico de envios de e-mail">
                    <caption class="visually-hidden">Relação de e-mails enviados pelo sistema</caption>
                    <thead class="table-light">
                        <tr>
                            <th scope="col" style="width: 140px;" class="small fw-bold text-secondary">Data</th>
                            <th scope="col" class="small fw-bold text-secondary">Destinatário</th>
                            <th scope="col" class="small fw-bold text-secondary">Assunto</th>
                            <th scope="col" style="width: 100px;" class="small fw-bold text-secondary">Status</th>
                            <th scope="col" style="width: 50px;" class="small fw-bold text-secondary text-center">Detalhes</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($history as $log)
                            <tr>
                                <td class="text-secondary small" style="white-space: nowrap;">
                                    <i class="bi bi-clock me-1" aria-hidden="true"></i>
                                    {{ date('d/m/Y H:i', strtotime($log->created_at)) }}
                                </td>
                                <td class="text-truncate" style="max-width: 180px;">
                                    <i class="bi bi-envelope me-1 text-secondary" aria-hidden="true"></i>
                                    {{ $log->to_address }}
                                </td>
                                <td class="text-truncate fw-bold" style="max-width: 300px;">
                                    {{ $log->subject }}
                                </td>
                                <td>
                                    @if($log->status === 'sent')
                                        <span class="badge bg-success mail-status-badge">
                                            <i class="bi bi-check-circle-fill me-1" aria-hidden="true"></i> Enviado
                                        </span>
                                    @elseif($log->status === 'failed')
                                        <span class="badge bg-danger mail-status-badge"
                                              title="{{ $log->error_message ?? 'Erro desconhecido' }}">
                                            <i class="bi bi-exclamation-circle-fill me-1" aria-hidden="true"></i> Falha
                                        </span>
                                    @else
                                        <span class="badge bg-warning text-dark mail-status-badge">
                                            <i class="bi bi-clock me-1" aria-hidden="true"></i> Pendente
                                        </span>
                                    @endif
                                </td>
                                <td class="text-center">
                                    <a href="{{ route('v2.mailaudit.detail', ['id' => $log->id]) }}"
                                       class="btn btn-sm btn-outline-primary d-inline-flex align-items-center justify-content-center"
                                       aria-label="Ver detalhes do e-mail para {{ $log->to_address }}">
                                        <i class="bi bi-eye-fill" aria-hidden="true"></i>
                                    </a>
                                </td>
                            </tr>
                            @if($log->status === 'failed' && $log->error_message)
                                <tr class="table-danger">
                                    <td colspan="5" class="py-2 px-3 text-danger small border-top-0">
                                        <i class="bi bi-exclamation-triangle-fill me-1" aria-hidden="true"></i>
                                        <strong>Erro:</strong> {{ $log->error_message }}
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>
@endsection