@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-4 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.mine') }}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-4 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.mine') }}" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-4 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.mine') }}" 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">My 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>{{ \Illuminate\Support\Facades\Auth::user()->send_sms_rate }}</td>
                                    <td>{{ \Illuminate\Support\Facades\Auth::user()->send_mms_rate }}</td>
                                </tr>
                                <tr>
                                    <th>Receive</th>
                                    <td>{{ \Illuminate\Support\Facades\Auth::user()->receive_sms_rate }}</td>
                                    <td>{{ \Illuminate\Support\Facades\Auth::user()->receive_mms_rate }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection