@extends('layouts.panel')

@section('content')
<div class="container-fluid">
    <h4 class="text-uppercase fw-bold mb-3">Dashboard</h4>
    <div class="row">
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-user-graduate fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->user }}</h3>
                            <p class="mb-0">Peserta</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-book fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->discipline }}</h3>
                            <p class="mb-0">Disiplin Ilmu</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-file-text fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->script }}</h3>
                            <p class="mb-0">Naskah Soal</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-file-circle-question fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->question }}</h3>
                            <p class="mb-0">Butir Soal</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-calendar-days fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->exam->total }}</h3>
                            <p class="mb-0">Total Ujian</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fa-regular fa-calendar fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->exam->plan }}</h3>
                            <p class="mb-0">Rencana Ujian</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-calendar-plus fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->exam->ongoing }}</h3>
                            <p class="mb-0">Ujian Dibuka</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-calendar-check fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->exam->done }}</h3>
                            <p class="mb-0">Ujian Ditutup</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-tags fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->ticket->total }}</h3>
                            <p class="mb-0">Total Tiket</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-tags fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->ticket->available }}</h3>
                            <p class="mb-0">Tiket Tersedia</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-tags fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->ticket->owned }}</h3>
                            <p class="mb-0">Tiket Dimiliki</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card shadow mb-4">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                        <div class="align-self-center">
                            <i class="fas fa-tags fa-3x"></i>
                        </div>
                        <div class="text-end">
                            <h3>{{ $data->ticket->used }}</h3>
                            <p class="mb-0">Tiket Digunakan</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection