@extends('layouts.template')

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

@section('pagetitle')
Data Master
@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">Ruangan</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">
    <div class="row">
        <a href="{{ route('masterlantai') }}">
            <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">Lantai</h5>
                        <p class="description">Kelola Lantai Rumah Sakit</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('masterruangan') }}">
            <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">Ruangan</h5>
                        <p class="description">Kelola Ruangan Rumah Sakit</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('masterbed') }}">
            <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">Bed</h5>
                        <p class="description">Kelola Tempat Tidur Rumah Sakit</p>
                    </div>
                </div>
            </div>
        </a>
        <a href="{{ route('msruangan') }}">
            <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">Susunan Ruangan</h5>
                        <p class="description">Kelola Susunan Bed Rumah Sakit</p>
                    </div>
                </div>
            </div>
        </a>
    </div>
</div>
@endsection