@extends('layout.master')
@section('title', 'View COVID-19 Cases')
@section('stat', 'active')
@section('cases', 'active')
@section('levelCSS')
@endsection

@section('body')

    <div class="col-md-12">
        <div class="tab-content tab-transparent-content pb-0">
            <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
                <div class="row">
                    <div class="col-12 col-md-4 stretch-card col-xl-4">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-flex flex-wrap justify-content-between">
                                    <h4 class="card-title">COVID-19 CASE STAT</h4>
                                </div>
                                <div class="list-wrapper">
                                    <ul class="d-flex flex-column-reverse">
                                        <li>
                                            <div class="form-check">
                                                <label class="form-check-label text-muted font-weight-medium">
                                                    Total Death
                                                    <i class="input-helper"></i></label>
                                            </div>
                                            <i class="remove badge badge-danger" style="color: #fff!important; font-weight: lighter!important;">{{$death}}</i>
                                        </li>
                                        <li>
                                            <div class="form-check">
                                                <label class="form-check-label text-muted font-weight-medium">
                                                    Total Discharged
                                                    <i class="input-helper"></i></label>
                                            </div>
                                            <i class="remove badge badge-danger" style="color: #fff!important; font-weight: lighter!important;">{{$discharged}}</i>
                                        </li>
                                        <li>
                                            <div class="form-check">
                                                <label class="form-check-label text-muted font-weight-medium">
                                                    Total Active Cases
                                                    <i class="input-helper"></i></label>
                                            </div>
                                            <i class="remove badge badge-danger" style="color: #fff!important; font-weight: lighter!important;">{{$active}}</i>
                                        </li>
                                        <li>
                                            <div class="form-check">
                                                <label class="form-check-label text-muted font-weight-medium">
                                                    Total Confirmed Cases
                                                    <i class="input-helper"></i></label>
                                            </div>
                                            <i class="remove badge badge-danger" style="color: #fff!important; font-weight: lighter!important;">{{$all}}</i>
                                        </li>
                                        <li>
                                            <div class="form-check">
                                                <label class="form-check-label text-muted font-weight-medium">
                                                    <h2 class="text-danger"><strong>{{$today_cases}}</strong> New Cases Confirmed Today</h2>
                                                    <i class="input-helper"></i></label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-8 grid-margin stretch-card">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">Cases By Entry</h4>
                                <div class="mt-4">
                                    <div class="accordion" id="accordion" role="tablist">

                                        @foreach($cases as $key => $case)