@extends('layouts.master', ['title' => 'Dashboard'])
@section('content')
<div class="content-wrapper">
  <div class="row">
    <div class="col-md-12 grid-margin">
      <div class="row">
        <div class="col-6 col-xl-4 mb-4 mb-xl-0">
          <h4 class="font-weight-bold">Welcome <small>{{ucwords(auth()->user()->first_name ." " . auth()->user()->last_name)}}</small></h3>
        </div>
        <div class="col-6 col-xl-4 mb-4 mb-xl-0">
          <h4 class="font-weight-bold">Role : <small>{{ucwords(auth()->user()->role->name)}}</small></h3>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6 grid-margin stretch-card">
      <div class="card tale-bg">
        <div class="card-people mt-auto">
          <img src="{{ asset('assets/images/image-dashboard.jfif') }}" alt="people">
          <div class="weather-info">
            <div class="d-flex">
              <div>
                <!-- <h2 class="mb-0 font-weight-normal"><i class="icon-sun mr-2"></i>31<sup>C</sup></h2> -->
              </div>
              <div class="ml-2">
                <!-- <h4 class="location font-weight-normal">Bangalore</h4> -->
                <h6 class="font-weight-normal">India</h6>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 grid-margin transparent">
      <div class="row">
        <div class="col-md-6 mb-4 stretch-card transparent">
          <div class="card card-tale">
            <div class="card-body">
              <p class="mb-4">Total Registered Jobseeker</p>
              <p class="fs-30 mb-2">{{$jobseekerCount}}</p>
            </div>
          </div>
        </div>
        <div class="col-md-6 mb-4 stretch-card transparent">
          <div class="card card-dark-blue">
            <div class="card-body">
              <p class="mb-4">Total Pass Exam Result</p>
              <p class="fs-30 mb-2">{{ $totalPassjobseeker }}</p>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 mb-4 mb-lg-0 stretch-card transparent">
          <div class="card card-light-blue">
            <div class="card-body">
              <p class="mb-4">Total Exam Centre</p>
              <p class="fs-30 mb-2">{{ $examCentre }}</p>
            </div>
          </div>
        </div>
        <div class="col-md-6 stretch-card transparent">
          <div class="card card-light-danger">
            <div class="card-body">
              <p class="mb-4">Total Exam Result</p>
              <p class="fs-30 mb-2">{{ $totaljobseeker }}</p>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
@endsection