@extends("layouts.admin.app")
@section("page-title")
    Dashboard
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> Dashboard</h1>
            <p>Sahla Dashboard</p>
        </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>
@endsection

@section("content")

    <div class="row">
        <div class="col-md-6 col-lg-3">
            <div class="widget-small primary coloured-icon"><i class="icon fa fa-user fa-3x"></i>
                <div class="info">
                    <h4>Users</h4>
                    <p><b>{{$counter->users}}</b></p>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="widget-small primary coloured-icon"><i class="icon fa fa-user-tie fa-3x" style="background: #1e7e34"></i>
                <div class="info">
                    <h4>Technicians</h4>
                    <p><b>{{$counter->technicians}}</b></p>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="widget-small warning coloured-icon"><i class="icon fas fa-list-ul fa-3x"></i>
                <div class="info">
                    <h4>Services</h4>
                    <p><b>{{$counter->services}}</b></p>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="widget-small danger coloured-icon"><i class="icon fas fa-th-large fa-3x"></i>
                <div class="info">
                    <h4>Orders</h4>
                    <p><b>{{$counter->orders}}</b></p>
                </div>
            </div>
        </div>
    </div>

@endsection

@section("scripts")


@endsection