@extends('layouts.app')
@section('title', 'Historico de E-mails - ERP-PLUS')
@section('page_title', 'Historico de E-mails')
@section('page_subtitle', 'Todos os e-mails enviados pelo sistema.')

@section('content')
<div class="panel">
    <div class="panel-header">
        <div>
            <h2>Caixa de Saida</h2>
            <span>{{ $logs->total() }} e-mail(s) enviado(s)</span>
        </div>
        <form method="GET" action="{{ route('email-logs.index') }}" style="display:flex;gap:8px;align-items:center">
            <select name="type" onchange="this.form.submit()" style="min-width:180px">
                <option value="">Todos os tipos</option>
                <option value="verification"    @selected(request('type') === 'verification')>Verificacao de e-mail</option>
                <option value="password_reset"  @selected(request('type') === 'password_reset')>Redefinicao de senha</option>
                <option value="plan_change"     @selected(request('type') === 'plan_change')>Mudanca de plano</option>
                <option value="new_charge"      @selected(request('type') === 'new_charge')>Nova cobranca</option>
                <option value="payment_received"@selected(request('type') === 'payment_received')>Pagamento confirmado</option>
                <option value="notification"    @selected(request('type') === 'notification')>Notificacao</option>
            </select>
            <input name="q" value="{{ request('q') }}" placeholder="Buscar por e-mail ou assunto..." style="min-width:240px">
            <button class="button primary" type="submit">Buscar</button>
            @if(request('q') || request('type'))
                <a class="button" href="{{ route('email-logs.index') }}">Limpar</a>
            @endif
        </form>
    </div>

    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Data</th>
                    <th>Destinatario</th>
                    <th>Assunto</th>
                    <th>Tipo</th>
                    <th>Status</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($logs as $log)
                    <tr>
                        <td style="white-space:nowrap;font-size:12px">{{ $log->created_at->format('d/m/Y H:i') }}</td>
                        <td>
                            <div style="font-size:13px">{{ $log->to_email }}</div>
                            @if ($log->to_name)
                                <div style="font-size:11px;color:var(--muted)">{{ $log->to_name }}</div>
                            @endif
                        </td>
                        <td style="max-width:320px">
                            <span style="font-size:13px">{{ $log->subject }}</span>
                        </td>
                        <td>
                                <span style="font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;{{ $log->typeBadgeStyle() }}">
                                {{ $log->typeLabel() }}
                            </span>
                        </td>
                        <td>
                            <span class="pill ok" style="font-size:11px">{{ strtoupper($log->status) }}</span>
                        </td>
                        <td>
                            <a class="button" href="{{ route('email-logs.show', $log) }}" style="font-size:12px;min-height:28px;padding:3px 10px">Ver</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6"><div class="empty">Nenhum e-mail enviado ainda.</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    @if ($logs->hasPages())
        <div style="padding:12px 16px;border-top:1px solid var(--border)">
            {{ $logs->links() }}
        </div>
    @endif
</div>
@endsection