@extends ('../welcome')

@section ('content')
<div class="row">
    @if(auth()->user()->type == 'admin')
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-warning">
          <div class="inner">
            <h3>{{$usersCount}}</h3>

            <p>Users</p>
          </div>
          <div class="icon">
            <i class="ion ion-person-add"></i>
          </div>
          <a href="{{url()->current()}}/users" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-success">
          <div class="inner">
            <h3>{{$clientsCount}}</h3>

            <p>Clients</p>
          </div>
          <div class="icon">
            <i class="nav-icon fas fa-users"></i>
          </div>
          <a href="{{url()->current()}}/clients" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    @endif
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-info">
          <div class="inner">
            <h3>{{$leadsCount}}</h3>

            <p>Leads</p>
          </div>
          <div class="icon">
            <i class="nav-icon fas fa-users"></i>
          </div>
          <a href="{{url()->current()}}/leads" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <!-- small box -->
        <div class="small-box bg-danger">
          <div class="inner">
            <h3>{{$communicationsCount}}</h3>

            <p>Calls</p>
          </div>
          <div class="icon">
            <i class="fas fa-phone"></i>
          </div>
          <a href="{{url()->current()}}/communications" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="row m-3">
        <div class="col-12">
            <div id='calendar'></div>
        </div>
    </div>
</div>

@endsection