@style()
@yield('title', lang('master.dashboard'))
@section('breadcrumb')
	<h2>@lang('master.dashboard')</h2>
@endsection


@extension('message')

    <div class="row">
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-aqua"><i class="fas fa-store-alt"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">@lang('branch_model.branch_count')</span>
              <span class="info-box-number">{-branchCount-}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-red"><i class="fas fa-users"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">@lang('staff_model.staff_in_branch_count')</span>
              <span class="info-box-number">{-staffCount-}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->

        <!-- fix for small devices only -->
        <div class="clearfix visible-sm-block"></div>

        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-green"><i class="fas fa-address-card"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">@lang('customer_model.customer_in_branch_name')</span>
              <span class="info-box-number">{-customerCount-}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-3 col-sm-6 col-xs-12">
          <div class="info-box">
            <span class="info-box-icon bg-yellow"><i class="fas fa-calendar-alt"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">@lang('reserve_model.today')</span>
              <span class="info-box-number">{-reserveCount-}</span>
            </div>
            <!-- /.info-box-content -->
          </div>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->


    <div id="accordionContainer"></div>

      