@extends('base.layout')

@section('content')
<div class="wrapper">
	<div class="container-fluid">
        <div class="row">
			<div class="col-md-12">
				<div class="card-box ribbon-box">
					<div class="ribbon ribbon-primary">Select Book</div>
					<p class="m-b-0"></p>
					<div class="row">
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Cairan Steril</h6>
                                <h2 class="m-b-20">{{$cairansteril}}</h2>
                                <a href="/mikro/buku01"><span class="badge badge-custom float-right"> Open Book Cairan Steril</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">CCI</h6>
                                <h2 class="m-b-20">{{$cci}}</h2>
                                <a href="/mikro/buku02"><span class="badge badge-primary float-right"> Open Book CCI</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Darah</h6>
                                <h2 class="m-b-20">{{$darah}}</h2>
                                <a href="/mikro/buku03"><span class="badge badge-success float-right"> Open Book Darah</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">HIV</h6>
                                <h2 class="m-b-20">{{$hiv}}</h2>
                                <a href="/mikro/buku04"><span class="badge badge-warning float-right"> Open Book HIV</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Kuku, Kulit, Adnexa</h6>
                                <h2 class="m-b-20">{{$kukukulit}}</h2>
                                <a href="/mikro/buku05"><span class="badge badge-info float-right"> Open Book Kuku, Kulit, Adnexa</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Kultur TB</h6>
                                <h2 class="m-b-20">{{$kulturtb}}</h2>
                                <a href="/mikro/buku06"><span class="badge badge-secondary float-right"> Open Book Kultur TB</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Pus dan Jaringan</h6>
                                <h2 class="m-b-20">{{$pusdanjaringan}}</h2>
                                <a href="/mikro/buku07"><span class="badge badge-dark float-right"> Open Book Pus dan Jaringan</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Sputum</h6>
                                <h2 class="m-b-20">{{$sputum}}</h2>
                                <a href="/mikro/buku08"><span class="badge badge-purple float-right"> Open Book Sputum</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Swab</h6>
                                <h2 class="m-b-20">{{$swab}}</h2>
                                <a href="/mikro/buku09"><span class="badge badge-pink float-right"> Open Book Swab</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">TCM TB</h6>
                                <h2 class="m-b-20">{{$tcmtb}}</h2>
                                <a href="/mikro/buku10"><span class="badge badge-primary float-right"> Open Book TCM TB</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">TCM non-TB</h6>
                                <h2 class="m-b-20">{{$tcmnontb}}</h2>
                                <a href="/mikro/buku11"><span class="badge badge-warning float-right"> Open Book TCM non-TB</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Urine</h6>
                                <h2 class="m-b-20">{{$urine}}</h2>
                                <a href="/mikro/buku12"><span class="badge badge-info float-right"> Open Book Urine</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Feces</h6>
                                <h2 class="m-b-20">{{$feces}}</h2>
                                <a href="/mikro/buku13"><span class="badge badge-danger float-right"> Open Book Feces</span></a>
                            </div>
                        </div>
                        <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                            <div class="card-box tilebox-one">
                                <i class="fa fa-flask float-right text-muted"></i>
                                <h6 class="text-muted text-uppercase mt-0">Selainnya</h6>
                                <h2 class="m-b-20">{{$lainnya}}</h2>
                                <a href="/mikro/buku0"><span class="badge badge-dark float-right"> Open Book Lainnya</span></a>
                            </div>
                        </div>
                    </div>
				</div>
			</div>
		</div>
		
	</div>
</div>
<!-- TOKEN -->
<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
@endsection

@push('script')
<script type="text/javascript">

</script>
@endpush