@extends('layouts.master')
@php use Illuminate\Support\Str; @endphp

@section('title', 'Email Outbox - Paidash')
@section('content')

<div class="dashboard-main-body">
@if(session('success'))
    <div id="snackbar" class="snackbar alert alert-success bg-success-100 text-success-600 border-success-100 fw-semibold text-lg radius-8 d-flex align-items-center justify-content-between show">
        <div class="d-flex align-items-center gap-2">
            <iconify-icon icon="akar-icons:double-check" class="icon text-xl"></iconify-icon>
            <span id="snackbar-message"> {{ session('success') }}</span>
        </div>
        <button class="remove-button text-success-600 text-xxl line-height-1" onclick="closeSnackbar()">
            <iconify-icon icon="iconamoon:sign-times-light" class="icon"></iconify-icon>
        </button>
    </div>
@endif

    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-24">
        <h6 class="fw-semibold mb-0">Email Outbox</h6>
        <ul class="d-flex align-items-center gap-2">
            <li class="fw-medium">
                <a href="/dashboard" class="d-flex align-items-center gap-1 hover-text-primary">
                    <iconify-icon icon="solar:home-smile-angle-outline" class="icon text-lg"></iconify-icon>
                    Dashboard
                </a>
            </li>
            <li>-</li>
            <li class="fw-medium">Email Outbox</li>
        </ul>
    </div>

    <div class="card">
        <div class="card-header d-flex flex-wrap align-items-center justify-content-between gap-3">
            <form method="get" class="d-flex flex-no-wrap align-items-center gap-3 w-100">
                <div class="d-flex flex-wrap align-items-center gap-3 w-25 w-mb-100">
                    <div class="icon-field w-100">
                        <input type="text" name="recipient" value="{{ request('recipient') }}" class="form-control form-control-sm w-100" placeholder="Search Recipient">
                        <span class="icon">
                            <iconify-icon icon="ion:search-outline"></iconify-icon>
                        </span>
                    </div>
                </div>
                <select name="type" class="form-control form-select" title="Select Type">
                    <option value="">All Types</option>
                    @foreach(['invoice','payment','alert_invoice','alert_payment','alert_client','alert_employee','alert_service','daily_report'] as $t)
                        <option value="{{ $t }}" @selected(request('type')===$t)>{{ $t }}</option>
                    @endforeach
                </select>
                <select name="status" class="form-control form-select" title="Select Status">
                    <option value="">All Status</option>
                    @foreach(['pending','sending','sent','failed'] as $s)
                        <option value="{{ $s }}" @selected(request('status')===$s)>{{ ucfirst($s) }}</option>
                    @endforeach
                </select>
                <button type="submit" class="btn btn-sm btn-primary-600 d-flex"><i class="ri-search-line"></i><span class="d-none d-md-block">&nbsp;Filter</span></button>
            </form>
        </div>
        <div class="card-body">
            <div class="d-none d-md-block">
                <table class="table table-sm table-striped table-hover table-bordered text-wrap mt-4" style="width:100%">
                    <thead>
                        <tr>
                            <th>Type</th>
                            <th>Context</th>
                            <th>Recipient</th>
                            <th>Status</th>
                            <th>Attempts</th>
                            <th>Scheduled At</th>
                            <th>Sent At</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($entries as $e)
                        <tr>
                            <td><span class="badge bg-secondary">{{ $e->type }}</span></td>
                            <td>
                                @if(isset($e->context))
                                    <div class="small">
                                        <div>
                                            <span class="text-muted">{{ $e->context['entity'] ?? '' }}:</span>
                                            @if(!empty($e->context['url']))
                                                <a href="{{ $e->context['url'] }}" class="text-decoration-none">{{ $e->context['label'] ?? '' }}</a>
                                            @else
                                                <span>{{ $e->context['label'] ?? '' }}</span>
                                            @endif
                                        </div>
                                        @if(isset($e->context['amount']))
                                            <div>Amount: ₹{{ number_format(round((float)$e->context['amount']), 0) }}</div>
                                        @endif
                                    </div>
                                @endif
                            </td>
                            <td>{{ $e->recipient_email }}</td>
                            <td>
                                <span class="badge {{ $e->status==='failed' ? 'bg-danger' : ($e->status==='sent' ? 'bg-success' : 'bg-warning text-dark') }}">{{ ucfirst($e->status) }}</span>
                                @if($e->last_error && $e->status==='failed')
                                    <div class="small text-danger mt-1">{{ Str::limit($e->last_error, 60) }}</div>
                                @endif
                            </td>
                            <td>{{ $e->attempts ?? 0 }}</td>
                            <td>{{ optional($e->scheduled_at)->format('d M Y, h:i A') }}</td>
                            <td>{{ optional($e->sent_at)->format('d M Y, h:i A') }}</td>
                            <td>
                                <div class="d-flex align-items-center gap-2">
                                    @if(!empty($e->context['url']))
                                        <a href="{{ $e->context['url'] }}" class="btn btn-sm btn-outline-secondary">
                                            View {{ $e->context['entity'] ?? 'Detail' }}
                                        </a>
                                    @endif

                                    @if(in_array($e->status, ['failed', 'pending']))
                                        <form action="{{ route('outbox.resend', $e->id) }}" method="post" class="d-inline">
                                            @csrf
                                            <button class="btn btn-sm btn-outline-primary">Resend</button>
                                        </form>
                                    @endif

                                    @if($e->last_error)
                                        <button type="button" class="btn btn-sm btn-outline-danger" data-bs-toggle="modal" data-bs-target="#outboxErrorModal{{ $e->id }}">
                                            View error
                                        </button>

                                        <div class="modal fade" id="outboxErrorModal{{ $e->id }}" tabindex="-1" aria-hidden="true">
                                            <div class="modal-dialog modal-lg modal-dialog-scrollable">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <h5 class="modal-title">Error details - ID {{ $e->id }}</h5>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <pre class="mb-0" style="white-space:pre-wrap;word-break:break-word;">{{ $e->last_error }}</pre>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center py-4">No entries</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">{{ $entries->withQueryString()->links() }}</div>
    </div>

</div>
@endsection