@push('title')
    Email Campaigns
@endpush
<div class="content-wrapper">

<div class="min-w-full mt-6 flex justify-center" wire:poll.2s="loadCampaigns">
    <div class="bg-white border border-gray-200 rounded-lg shadow-sm p-5 w-full max-w-4xl">
        <table class="min-w-full">
            <thead class="bg-gray-100">
                <tr>
                    <th class="py-2 text-sm font-semibold text-gray-600 text-center">Server <i class="fas fa-server ml-1 text-blue-500"></i></th>
                    <th class="py-2 text-sm font-semibold text-gray-600 text-center">Campaign <i class="fas fa-bullhorn ml-1 text-yellow-500"></i></th>
                    <th class="py-2 text-sm font-semibold text-gray-600 text-center">In</th>
                    <th class="py-2 text-sm font-semibold text-gray-600 text-center">Out</th>
                    <th class="py-2 text-sm font-semibold text-gray-600 text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($campaigns as $campaign)
                <tr class="border-t">
                    <td class="py-2 text-sm text-center">{{ $campaign->server_name }}</td>
                    <td class="py-2 text-sm text-center">{{ $campaign->campaign_name }}</td>
                    <td class="py-2 text-sm text-center">{{ $stats['total_emails'] }}</td>
                    <td class="py-2 text-sm text-center">{{ $campaign->sent_status }}</td>
                    <td class="py-2 text-sm">
                        <div class="flex justify-center space-x-2">
                            @if($campaign->status === \App\Models\SlaveServer::STATUS_ACTIVE)
                            <button wire:click="stop({{ $campaign->server_id }})" wire:loading.attr="disabled" class="p-2 rounded-full hover:bg-gray-100" title="Stop">
                                <i class="fas fa-stop text-blue-500" wire:loading.remove wire:target="stop({{ $campaign->server_id }})"></i>
                                <span wire:loading wire:target="stop({{ $campaign->server_id }})" class="spinner-border spinner-border-sm text-blue-500" role="status"></span>
                            </button>
                            @endif

                            @if($campaign->status === \App\Models\SlaveServer::STATUS_PAUSED || $campaign->status === \App\Models\SlaveServer::STATUS_STOPPED)
                            <button wire:click="resume({{ $campaign->server_id }})" wire:loading.attr="disabled" class="p-2 rounded-full hover:bg-gray-100" title="Resume">
                                <i class="fas fa-play text-green-500" wire:loading.remove wire:target="resume({{ $campaign->server_id }})"></i>
                                <span wire:loading wire:target="resume({{ $campaign->server_id }})" class="spinner-border spinner-border-sm text-green-500" role="status"></span>
                            </button>
                            @endif

                            <button wire:click="deleteCampaign('{{ $campaign->campaign_name }}')" wire:loading.attr="disabled" class="p-2 rounded-full hover:bg-gray-100" title="Delete">
                                <i class="fas fa-trash text-red-500" wire:loading.remove wire:target="deleteCampaign('{{ $campaign->campaign_name }}')"></i>
                                <span wire:loading wire:target="deleteCampaign('{{ $campaign->campaign_name }}')" class="spinner-border spinner-border-sm text-red-500" role="status"></span>
                            </button>
                        </div>
                    </td>


                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
</div>