@extends('layouts.template')

@section('title')
Data Master Term | SIMRS
@endsection

@section('pagetitle')
Data Master Term
@endsection

@section('breadcumb')
<nav aria-label="breadcrumb" role="navigation" class="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Beranda</a></li>
        <li class="breadcrumb-item"><a href="#">Data Master</a></li>
        <li class="breadcrumb-item active" aria-current="page">Term, BHP & Alkes</li>
    </ol>
</nav>
@endsection

@section('content')
<style>
    .card-header .description {
        padding-bottom: 15px;
    }

    .card-header .card-title {
        color: #000000 !important;
        font-weight: bold;
        /* padding:5px; */

    }

    a .kartu {
        height: 250px;
    }

    a .kartu .card {
        height: 200px;
    }

    .card {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
        transition: 0.3s;
    }

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    }
</style>

<div class="container-fluid">
    <h4>Term</h4>
    <div class="row">
        <a href="{{ route('dterm') }}">
            <div class="kartu col-lg-3 col-sm-6">
                <div class="card card-circle-chart" data-background-color="white">
                    <div class="card-content">
                        <!-- <div id="chartDashboard" class="chart-circle" data-percent="70">70%</div> -->
                        <!-- <img src="../../assets/images/master_icon/ruangan/floor.png" alt="" style="height:95px; width:95px;"> -->
                    </div>
                    <div class="card-header text-center">
                        <h5 class="card-title">Term</h5>
                        <p class="description">Setting Term</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="#">
            <div class="kartu col-lg-3 col-sm-6">
                <div class="card card-circle-chart" data-background-color="white">
                    <div class="card-content">
                        <!-- <div id="chartDashboard" class="chart-circle" data-percent="70">70%</div> -->
                        <!-- <img src="../../assets/images/master_icon/ruangan/room.png" alt="" style="height:95px; width:95px;"> -->
                    </div>
                    <div class="card-header text-center">
                        <h5 class="card-title">Term Usage</h5>
                        <p class="description">Setting Term Usage</p>
                    </div>
                </div>
            </div>
        </a>
    </div>


</div>
@endsection