@extends('layouts.template')

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

@section('pagetitle')
Data Master Obat
@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">Obat, 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>Obat</h4>
    <div class="row">
        <a href="{{ route('dmbrandobat') }}">
            <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">Nama Brand</h5>
                        <p class="description">Nama Paten Obat</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmgenerikobat') }}">
            <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">Nama Generik</h5>
                        <p class="description">Nama Generik Obat</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmitemobat') }}">
            <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">Item Obat</h5>
                        <p class="description">Setting Obat, BHP, Alkes dan Harga</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmkateobat') }}">
            <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">Kategori Obat</h5>
                        <p class="description">Kategori Pengobatan</p>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="row">
        <a href="{{ route('dmkatekehamilan') }}">
            <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">Kategori Kehamilan</h5>
                        <p class="description">Klasifikasi Jenis Kehamilan</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmkelaspengobatan') }}">
            <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">Kelas Pengobatan</h5>
                        <p class="description">Kelas Pengobatan</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmobatnarkotika') }}">
            <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/bed.png" alt="" style="height:95px; width:95px;"> -->
                    </div>
                    <div class="card-header text-center">
                        <h5 class="card-title">Narkotika</h5>
                        <p class="description">Jenis Obat Psikotropika</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmsupplier') }}">
            <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_setting.png" alt="" style="height:95px; width:95px;"> -->
                    </div>
                    <div class="card-header text-center">
                        <h5 class="card-title">Nama Supplier</h5>
                        <p class="description">Data Perusahaan Besar Farmasi</p>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <hr>
    <h4>Others</h4>
    <div class="row">
        <a href="{{ route('dmdepartementobat') }}">
            <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">Departement Obat</h5>
                        <p class="description">Departement Obat</p>
                    </div>
                </div>
            </div>
        </a>
    <a href="{{ route('dmsatuanobat') }}">
            <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">Satuan (UOM)</h5>
                        <p class="description">Satuan Obat (Unit of Mesurement)</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmintruksiobat') }}">
            <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">Intruksi Obat</h5>
                        <p class="description">Intruksi Pemakaian Obat</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('dmindikasiobat') }}">
            <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">Indikasi Obat</h5>
                        <p class="description">Indikasi Obat</p>
                    </div>
                </div>
            </div>
        </a>
    </div>

    <div class="row">
        <a href="{{ route('dmindikasiobat') }}">
            <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">Inactive Obat</h5>
                        <p class="description">Obat yang tidak aktif</p>
                    </div>
                </div>
            </div>
        </a>
    </div>

</div>
@endsection