@extends('layouts.app')
<?php
use App\Member;
use App\Reference;

?>
<style>
    .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }

    a {
        color: #0087C3;
        text-decoration: none;
    }

    body {
        position: relative;
        margin: 0 auto;
        width: 32cm;
        color: #555555;
        background: #FFFFFF;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-family: SourceSansPro;
    }

    header {
        padding: 10px 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #AAAAAA;
    }

    #logo {
        float: left;
        margin-top: 6px;
    }

    #logo img {
        height: 100px;
    }

    #company {
        float: right;
        text-align: right;
    }

    #details {
        margin-bottom: 50px;
    }

    #client {
        padding-left: 6px;
        border-left: 6px solid #0087C3;
        float: left;
    }
</style>

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <div class="card card-info" id="printcontent">
                    <div class="card-header">
                        <h3>SMS Counter</h3>
                    </div>
                    <div class="card-body">

                        <br>


                        <div class="row">
                            <div class="col-md-6">
                                <strong><i class="fas fa-signature"></i> Total balance</strong>
                                <p class="text-muted text-capitalize">
                                    {{ $sms_account->remain }}
                                </p>
                            </div>
                            <div class="col-md-6">
                                <strong><i class="fas fa-signature"></i> Total Number of sent SMS</strong>
                                <p class="text-muted text-capitalize">
                                    {{ $sms_group + $sms_single }}
                                </p>
                            </div>

                        </div>
                        <div class="row">
                            {{-- <div class="col-md-6">
                                <strong><i class="fas fa-signature"></i> Number of rest SMS</strong> <br>
                                <p class="text-muted text-capitalize">
                                    {{ $rest }}
                                </p>
                            </div> --}}
                            <div class="col-md-6">
                                <strong><i class="fas fa-signature"></i>Time Limit</strong>
                                <p class="text-muted text-capitalize">
                                    31st December, 2022
                                </p>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection