@extends('layouts.app')

@section('content')

<div class="page-heading">

    <div>

        <span class="page-eyebrow">
            Overview
        </span>

        <h1>
            Dashboard
        </h1>

        <p>
            Ringkasan cepat data karyawan dan pengguna sistem.
        </p>

    </div>

    <a
        href="{{ route('employees.create') }}"
        class="btn btn-primary">

        <i class="ti ti-user-plus"></i>

        Tambah Karyawan

    </a>

</div>

<div class="row g-3">

    <div class="col-12 col-md-6 col-xl-4">

        <div class="metric-card metric-card-primary">

            <div class="metric-icon">
                <i class="ti ti-users"></i>
            </div>

            <div>

                <span>
                    Total Karyawan
                </span>

                <strong>
                    {{ $totalEmployee }}
                </strong>

            </div>

        </div>

    </div>

    <div class="col-12 col-md-6 col-xl-4">

        <div class="metric-card metric-card-success">

            <div class="metric-icon">
                <i class="ti ti-user-star"></i>
            </div>

            <div>

                <span>
                    Total User
                </span>

                <strong>
                    {{ $totalUser }}
                </strong>

            </div>

        </div>

    </div>

    <div class="col-12 col-xl-4">

        <div class="metric-card metric-card-muted">

            <div class="metric-icon">
                <i class="ti ti-calendar-check"></i>
            </div>

            <div>

                <span>
                    Status Sistem
                </span>

                <strong>
                    Aktif
                </strong>

            </div>

        </div>

    </div>

    <div class="col-12 col-md-6 col-xl-4">

        <div class="metric-card metric-card-muted">

            <div class="metric-icon">
                <i class="ti ti-user-off"></i>
            </div>

            <div>
                <span>Pegawai Nonaktif</span>
                <strong>{{ $totalInactiveEmployee }}</strong>
            </div>

        </div>

    </div>

    <div class="col-12 col-md-6 col-xl-4">

        <div class="metric-card metric-card-primary">

            <div class="metric-icon">
                <i class="ti ti-building-store"></i>
            </div>

            <div>
                <span>Total Mitra</span>
                <strong>{{ $totalMitra }}</strong>
            </div>

        </div>

    </div>

    <div class="col-12 col-md-6 col-xl-4">

        <div class="metric-card metric-card-success">

            <div class="metric-icon">
                <i class="ti ti-file-certificate"></i>
            </div>

            <div>
                <span>Total PKS</span>
                <strong>{{ $totalPks }}</strong>
            </div>

        </div>

    </div>

</div>

<div class="content-card mt-3">

    <div class="content-card-header">

        <div>

            <h2>
                Aktivitas HR
            </h2>

            <p>
                Gunakan menu karyawan untuk menambah, melihat, dan memperbarui data.
            </p>

        </div>

        <i class="ti ti-clipboard-data"></i>

    </div>

</div>

@endsection