<div class="container-fluid">
    <div class="row sue-row sue-dashboard">

		<?php 
?>
            <div class="col-sm-9">
				<?php 
?>

                <div class="card shadow">
                    <div class="card-body">
                        <h5 class="card-title text-uppercase"><?php 
esc_attr_e( 'Dashboard', 'send-users-email' );
?></h5>
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="card">
                                    <div class="card-body">
                                        <h6 class="card-title text-uppercase"><?php 
esc_attr_e( 'Total Users', 'send-users-email' );
?></h6>
                                        <h3 class="card-text badge bg-success"><?php 
echo esc_html( $users['total_users'] );
?></h3>
                                    </div>
                                </div>
                            </div>

							<?php 
foreach ( $users['avail_roles'] as $role => $total ) {
    ?>
								<?php 
    if ( $total > 0 ) {
        ?>
                                    <div class="col-sm-4">
                                        <div class="card">
                                            <div class="card-body">
                                                <h6 class="card-title text-uppercase"><?php 
        echo esc_attr( ucfirst( str_replace( '_', '', $role ) ) );
        ?></h6>
                                                <h3 class="card-text badge bg-primary"><?php 
        echo esc_html( $total );
        ?></h3>
                                            </div>
                                        </div>
                                    </div>
								<?php 
    }
    ?>
							<?php 
}
?>

							<?php 
?>

                        </div>
                    </div>
                </div>

				<?php 
?>

            </div>

            <div class="col-sm-3">

				<?php 
require_once SEND_USERS_EMAIL_PLUGIN_BASE_PATH . '/partials/donate.php';
?>

				<?php 
?>
                    <div class="card shadow">
                        <div class="card-body">
                            <h5 class="card-title text-uppercase"><?php 
esc_attr_e( 'About', 'send-users-email' );
?></h5>
                            <p class="card-text"><?php 
esc_attr_e( 'Send email to users by selecting individual users or bulk send emails using roles.', 'send-users-email' );
?></p>
                        </div>
                    </div>

                    <div class="card shadow alert alert-warning">
                        <div class="card-body">
                            <h5 class="text-uppercase mb-4"><?php 
esc_attr_e( "Please don't SPAM", 'send-users-email' );
?></h5>
                            <p><?php 
esc_attr_e( "You don't like spam, I don't like spam, nobody likes spam.", 'send-users-email' );
?></p>
                            <p><?php 
esc_attr_e( "Please be responsible and don't spam your users.", 'send-users-email' );
?></p>
                            <p>
                                <strong><?php 
esc_attr_e( "With great power comes great responsibility.", 'send-users-email' );
?></strong>
                            </p>
                        </div>
                    </div>
				<?php 
?>

            </div>

        </div>
    </div>