@extends('Admin.layout')

@section('title', 'Dashboard')

@section('content')


  <div class="row">


    <div class="col-lg-3 col-sm-6 mb-3">
      <a href="{{ route('information') }}">
        <div class="card h-100">
          <div class="card-body d-flex justify-content-between align-items-center">
            <div class="card-title mb-0">
              <h5 class="mb-1 me-2">Information</h5>
              <p class="mb-0 text-warning">21,459</p>
            </div>
            <div class="card-icon">
              <span class="badge bg-label-primary rounded p-2">
                <img src="{{ asset('/assets') }}/listcheck.png" alt="">
              </span>
            </div>
          </div>
        </div>
      </a>

    </div>

    <div class="col-lg-3 col-sm-6  mb-3">
      <div class="card h-100">
        <div class="card-body d-flex justify-content-between align-items-center">
          <div class="card-title mb-0">
            <h5 class="mb-1 me-2">Emergency</h5>
            <p class="mb-0 text-warning">1,320</p>
          </div>
          <div class="card-icon">
            <span class="badge bg-label-danger rounded p-2">
              <img src="{{ asset('/assets') }}/urgent.png" alt="">

            </span>
          </div>
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-sm-6 mb-3">
      <div class="card h-100">
        <div class="card-body d-flex justify-content-between align-items-center">
          <div class="card-title mb-0">
            <h5 class="mb-1 me-2">Sales & Service</h5>
            <p class="mb-0 text-warning">21,459</p>
          </div>
          <div class="card-icon">
            <span class="badge bg-label-success rounded p-2">
              <img src="{{ asset('/assets') }}/report (2).png" alt="">
            </span>
          </div>
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-sm-6 mb-3">
      <div class="card h-100">
        <div class="card-body d-flex justify-content-between align-items-center">
          <div class="card-title mb-0">
            <h5 class="mb-1 me-2">Community</h5>
            <p class="mb-0 text-warning">3,004</p>
          </div>
          <div class="card-icon">
            <span class="badge bg-label-warning rounded p-2">
              <img src="{{ asset('/assets') }}/world (1).png" alt="">
            </span>
          </div>
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-sm-6 mb-3">
      <div class="card h-100">
        <div class="card-body d-flex justify-content-between align-items-center">
          <div class="card-title mb-0">
            <h5 class="mb-1 me-2">Friends & Family</h5>
            <p class="mb-0 text-warning">6,789</p>
          </div>
          <div class="card-icon">
            <span class="badge bg-label-info rounded p-2">
              <img src="{{ asset('/assets') }}/users.png" alt="">

            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>
@endsection