@extends('layouts.master')
@section('css')
@endsection

@section('content')
    <div class="dashboard-body">
        <div class="card shadow-none">
            <div class="card-body">
                <div class="row mb-2">
                    <div class="col-xxl">
                        <div class="row justify-content-end">
                            <div class="col-auto mb-2">
                                <a href="{{ route('bulk.messages.index') }}" class="btn btn-outline-primary px-4">send
                                    message</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Message -->
        <div class="table-design custom-table container-fluid py-2">
            <table class="table display">
                <thead>
                    <th>No</th>
                    <th>Prefix campaign name</th>
                    <th>Template name</th>
                    <th>Scheduled</th>
                    <th>Success User</th>
                    <th>Total</th>
                    <th class="text-center">Sent</th>
                    <th class="text-center">Delivered</th>
                    <th class="text-center">Read</th>
                    <th class="text-center">Status</th>
                    <th>Action</th>
                </thead>
                <tbody>
                    @if (count($messageCampaigns) > 0)