@extends('admin.layouts.admin')
@section('content')
<div class="page-content">
    <div class="container-fluid py-0 pt-0">
        <div class="row g-4">

            <div class="col-md-6 col-xl-4">
                <div class="card bg-primary border-0 text-white h-100">
                    <div class="card-body d-flex justify-content-between align-items-center">
                        <div>
                            <small class="text-white">Total Position Active</small>
                            <h3 class="fw-bold mb-0 text-white">{{ $data->position_active }}</h3>
                        </div>
                        <div class="fs-2 opacity-75">
                            <i class="bi bi-briefcase"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-4">
                <div class="card bg-primary border-0 text-white h-100">
                    <div class="card-body d-flex justify-content-between align-items-center">
                        <div>
                            <small class="text-white">Total Candidate Active</small>
                            <h3 class="fw-bold mb-0 text-white">{{ $data->total_candidate_active }}</h3>
                        </div>
                        <div class="fs-2 opacity-75">
                            <i class="bi bi-people"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-4">
                <div class="card bg-primary border-0 text-white h-100">
                    <div class="card-body d-flex justify-content-between align-items-center">
                        <div>
                            <small class="text-white">Interview Ongoing</small>
                            <h3 class="fw-bold mb-0 text-white">{{ $data->total_interview_ongoing }}</h3>
                        </div>
                        <div class="fs-2 opacity-75">
                            <i class="bi bi-chat-dots"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-4">
                <div class="card bg-primary border-0 text-white h-100">
                    <div class="card-body d-flex justify-content-between align-items-center">
                        <div>
                            <small class="text-white">Join Candidate</small>
                            <h3 class="fw-bold mb-0 text-white">{{ $data->total_join }}</h3>
                        </div>
                        <div class="fs-2 opacity-75">
                            <i class="bi bi-person-check"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-4">
                <div class="card bg-primary border-0 text-white h-100">
                    <div class="card-body d-flex justify-content-between align-items-center">
                        <div>
                            <small class="text-white">Failed Candidate</small>
                            <h3 class="fw-bold mb-0 text-white">{{ $data->total_failed }}</h3>
                        </div>
                        <div class="fs-2 opacity-75">
                            <i class="bi bi-person-x"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-4">
                <div class="card bg-primary border-0 text-white h-100">
                    <div class="card-body d-flex justify-content-between align-items-center">
                        <div>
                            <small class="text-white">Withdraw Candidate</small>
                            <h3 class="fw-bold mb-0 text-white">{{ $data->total_withdraw }}</h3>
                        </div>
                        <div class="fs-2 opacity-75">
                            <i class="bi bi-arrow-counterclockwise"></i>
                        </div>
                    </div>
                </div>
            </div>

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