@extends('layout.app')




@section('content')



<div class="card mx-auto col-sm-12  col-lg-12">
    <div class="card-body" style="text-align: center">
        <span class="lead">Your sms balance</span>
        <h2 class="text-center">{{ $emptyBalance }}</h2>
    </div>
</div>



<div @class(["card mx-auto col-sm-6  col-lg-3"=>$emptyBalance<=20,
"d-none"=>$emptyBalance>20])>
    <div class="card-body" style="text-align: center">
        <span class="lead">Contact  For More SMS</span>
        <h2 class="text-center mt-2"> 01681046437</h2>
    </div>
</div>

@endsection