@php
    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
        $title ?? 'Email Validation',
        $subTitle ?? 'Email Validation',
        isset($filters) ? $filters : [],
        isset($advancedFilters) ? $advancedFilters : []
    );
@endphp
@extends('admin.layouts.layout', $headerOption)

@section('content')
<div class="card">
    <div class="card-header"><strong>Invalid / Unsubscribed Emails</strong></div>
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead>
                <tr>
                    <th>Lead</th>
                    <th>Email</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($leads as $lead)
                <tr id="lead-row-{{ $lead->id }}">
                    <td>{{ $lead->first_name }} {{ $lead->last_name }}</td>
                    <td>{{ $lead->email }}</td>
                    <td>
                        @if($lead->email_invalid)
                            <span class="badge bg-danger">Invalid Email</span>
                        @endif
                        @if($lead->email_unsubscribed)
                            <span class="badge bg-warning text-dark">Unsubscribed</span>
                        @endif
                    </td>
                    <td>
                        @if($lead->email_invalid)
                        <button class="btn btn-sm btn-outline-success clear-flag-btn"
                            data-lead="{{ $lead->id }}" data-flag="email_invalid">
                            Clear Invalid
                        </button>
                        @endif
                        @if($lead->email_unsubscribed)
                        <button class="btn btn-sm btn-outline-warning clear-flag-btn"
                            data-lead="{{ $lead->id }}" data-flag="email_unsubscribed">
                            Clear Unsub
                        </button>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="4" class="text-center text-muted py-4">No invalid or unsubscribed emails.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $leads->links() }}</div>
</div>
@endsection

@push('page_script')
<script>
$(document).on('click', '.clear-flag-btn', function () {
    var leadId = $(this).data('lead');
    var flag   = $(this).data('flag');
    var btn    = $(this);
    $.ajax({
        url: '/communications/email-validation/' + leadId + '/clear',
        method: 'PATCH',
        data: { flag: flag, _token: '{{ csrf_token() }}' },
        success: function (res) {
            if (res.status === 1) {
                btn.closest('tr').fadeOut(400, function () { $(this).remove(); });
            }
        }
    });
});
</script>
@endpush