@extends('dashboard.mobile._theme_dashboard')

@section('content')
    <div class="container-fluid" style="margin-top: 10px;">
        <div class="row">
            <div class="col-12 rounded-3 shadow-md">
                <div class="card text-white bg-success mb-1">
                    <div class="card-body">
                        <div class="row text-center">
                            <div class="col-6 border-end">
                                <small>Saldo disponível</small>
                            </div>
                            <div class="col-6">
                                <h5 class="card-title">{{session()->get('balance_available')}} Pontos</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 rounded-3 shadow-md">
                <div class="card text-white bg-warning mb-1">
                    <div class="card-body">
                        <div class="row text-center">
                            <div class="col-6 border-end">
                                <small>Saldo expirando <br>(em 30 dias)</small>
                            </div>
                            <div class="col-6">
                                <h5 class="card-title">{{session()->get('balance_expiring')}} Pontos</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 rounded-3 shadow-md">
                <div class="card text-white bg-danger mb-1">
                    <div class="card-body">
                        <div class="row text-center">
                            <div class="col-6 border-end">
                                <small>Saldo expirado</small>
                            </div>
                            <div class="col-6">
                                <h5 class="card-title">{{session()->get('balance_expired')}} Pontos</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('customJS')
    <script>
        $(document).ready(function () {
            $("#home_footer_button").addClass("text-primary");
        });
    </script>
@endsection