@extends('back.layouts.main')
@section('title','Dashboard')
@section('content-header')
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0">Dashboard</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item active">Dashboard</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3 col-6">
                    <div class="small-box bg-info">
                        <div class="inner">
                            <h3>{{ $messages }}</h3>
                            <p>Total Message</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-comment-dots"></i>
                        </div>
                        <a href="{{ route('message.index') }}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h3>{{ $sent_messages }}</h3>
                            <p>Total Sent Message</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-comments"></i>
                        </div>
                        <a href="{{ route('message.index') }}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="small-box bg-warning">
                        <div class="inner">
                            <h3>{{ $failed_messages }}</h3>
                            <p>Total Failed Message</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-comment-slash"></i>
                        </div>
                        <a href="{{ route('message.index') }}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="small-box bg-danger">
                        <div class="inner">
                            <h3>{{ $users }}</h3>
                            <p>Total Users</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <a href="{{ route('user.index') }}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <div class="card card-primary bg-olive">
                        <div class="card-header with-border text-bold"><h4 class="m-0">Common SMS Rates</h4></div>
                        <div class="card-body">
                            <table class="table table-bordered">
                                <tr>
                                    <th>Type</th>
                                    <th>SMS</th>
                                    <th>MMS</th>
                                </tr>
                                <tr>
                                    <th>Send</th>
                                    <td>{{ $rate->send_sms }}</td>
                                    <td>{{ $rate->send_mms }}</td>
                                </tr>
                                <tr>
                                    <th>Receive</th>
                                    <td>{{ $rate->receive_sms }}</td>
                                    <td>{{ $rate->receive_mms }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection