@extends('masters.layout.default_layout')
@section('content')
    <main class="app-content">
        <div class="app-title">
            <div>
                <h1><i class="fa fa-dashboard"></i> Dashboard</h1>
            </div>
            <ul class="app-breadcrumb breadcrumb">
                <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
                <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
            </ul>
        </div>
        <div class="row" id="dasboard-match">
        <div class="col-md-4">
            <div class="dbox dbox--color-1 column">
                <div class="dbox__icon">
                    <i class="fa fa-credit-card" aria-hidden="true"></i>
                </div>
                <div class="dbox__body">
                    
                    <span class="dbox__count">{{$total_cards}}</span>
                    <span class="dbox__title">Total Card </span>
                   

                </div>
                
                <div class="dbox__action">
                    <a href="{{url('masterAdmin/cards')}}" class="dbox__action__btn">View Cards</a>
            
                </div>              
            </div>
        </div>
        @if(Auth::user()->user_role == 'ADMIN')
        <div class="col-md-4">
            <div class="dbox dbox--color-2 column">
                <div class="dbox__icon">
                    <i class="fa fa-address-card" aria-hidden="true"></i>
                </div>
                <div class="dbox__body">
                    <span class="dbox__count"> {{$total_franchisee}}</span>
                    <span class="dbox__title">Total Franchisee</span>
                                
                </div>
                
                <div class="dbox__action">
                    <a href="{{url('masterAdmin/franchisee')}}" class="dbox__action__btn">View Franchisee</a>
                </div>              
            </div>
        </div>
        @endif
        <!-- <div class="col-md-4">
            <div class="dbox dbox--color-3">
                <div class="dbox__icon">
                    <i class="glyphicon glyphicon-heart"></i>
                </div>
                <div class="dbox__body">
                    <span class="dbox__count">2502</span>
                    <span class="dbox__title">Enrichment Content</span>
                </div>
                
                <div class="dbox__action">
                    <button class="dbox__action__btn">More Info</button>
                </div>              
            </div>
        </div> -->
    </div>
        <!---->
        <!-- <div class="row">
            <div class="col-md-6">
                <div class="tile">
                    <h3 class="tile-title">Monthly Sales</h3>
                    <div class="embed-responsive embed-responsive-16by9">
                        <canvas class="embed-responsive-item" id="lineChartDemo"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="tile">
                    <h3 class="tile-title">Support Requests</h3>
                    <div class="embed-responsive embed-responsive-16by9">
                        <canvas class="embed-responsive-item" id="pieChartDemo"></canvas>
                    </div>
                </div>
            </div>
        </div> -->
        
    </main>
@stop