@extends('layouts.app')
@section('title', 'E-blast')

@push('css')
@endpush
@section('content')
    <x-content-body>

        <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

        <x-row-card>
            <x-slot:title>
                <h4 class="card-title">Manage E-Blast</h4>
                <div class="heading-btn-group">
                    <a type="button" href="{{ route('marketing.e-blast.create') }}" class="btn btn-rounded btn-primary btn-sm">
                        Add E-Blast
                    </a>
                </div>
            </x-slot:title>
                    <div class="table-responsive">
                        <table id="example3" class="display">
                            <thead>
                                <tr>
                                    <th>Sent Date</th>
                                    <th>Status</th>
                                    <th>Name</th>
                                    <th>subject</th>
                                    <th>Sent</th>
                                    <th>Delivered</th>
                                    <th>Opens</th>
                                    <th>Clicks</th>
                                    <th>Unsubs</th>
                                    <th>Spam R</th>
                                    <th>Bounces</th>
                                    <th>Failures</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <p class="m-0">02/16/2024</p>
                                        <p class="m-0">9:44:20 PM</p>
                                    </td>
                                    <td> <span class="badge rounded-pill bg-success">Sent</span></td>
                                    <td> Happy Presidents' Day </td>
                                    <td> Happy Presidents' Day</td>
                                    <td> 3951</td>
                                    <td> 1125</td>
                                    <td> 715</td>
                                    <td> 0 </td>
                                    <td> 21 </td>
                                    <td> 2 </td>
                                    <td> 93 </td>
                                    <td> 0 </td>
                                </tr>
                                <tr>
                                    <td>
                                        <p class="m-0">12/30/2023</p>
                                        <p class="m-0">11:59:00 PM</p>
                                    </td>
                                    <td> <span class="badge rounded-pill bg-success">Sent</span></td>
                                    <td> New Year' Announcement </td>
                                    <td> New Year' Announcement</td>
                                    <td> 4567</td>
                                    <td> 4453</td>
                                    <td> 675</td>
                                    <td> 4567 </td>
                                    <td> 54 </td>
                                    <td> 456 </td>
                                    <td> 23 </td>
                                    <td> 46 </td>
                                </tr>
                                <tr>
                                    <td>
                                        <p class="m-0">12/14/2024</p>
                                        <p class="m-0">08:56:00 PM</p>
                                    </td>
                                    <td> <span class="badge rounded-pill bg-danger">Cancel</span></td>
                                    <td> New House Add </td>
                                    <td>New House Add</td>
                                    <td> 2345</td>
                                    <td> 452</td>
                                    <td> 675</td>
                                    <td> 343 </td>
                                    <td> 54 </td>
                                    <td> 345 </td>
                                    <td> 23 </td>
                                    <td> 56 </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                
                </x-row-card>
    </x-content-body>
@endsection
@push('js')
<script>
    const SocialMediaStoreRoute = @json(route('marketing.social-media.store'));          
</script>
<script src="{{ asset('assets/js/custom/marketing/social-media.js') }}"></script>
@endpush