@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="container-fluid py-4">
        @if ($authorize->value == '1')
            <div class="row mt-2 mb-3">
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                <a href="{{ url('/rptexp') }}" class="text-decoration-none">
                            @endif
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">Obat Expired H-3 Bulan</p>
                                        <h5 class="font-weight-bolder btn-blink" style="color: red;">{{ $expCount }}
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-exclamation-triangle text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                <a href="{{ url('/trsant') }}" class="text-decoration-none">
                            @endif
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">Jumlah Antrian</p>
                                        <h5 class="font-weight-bolder btn-blink" style="color: red;">
                                            {{ $antrian }}
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-hourglass-half text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                <a href="{{ url('/kemkrj') }}" class="text-decoration-none">
                            @endif
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">Tenggat Perpanjangan Izin
                                            Kerja
                                        </p>
                                        <h5 class="font-weight-bolder btn-blink" style="color: red;">
                                            {{ $formKemKerjaExp }}
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-tasks text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">
                                            Jumlah Pemeriksaan {{ $bulanSekarang }}
                                        </p>
                                        <h5 class="font-weight-bolder">{{ $rekamMedis }}</h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa fa-stethoscope text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">Jumlah Pasien
                                            {{ $bulanSekarang }}
                                        </p>
                                        <h5 class="font-weight-bolder">{{ $rekamMedis }}</h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-user-md text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Card 2 -->
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">Jumlah Karyawan</p>
                                        <h5 class="font-weight-bolder">{{ $karyawanCount }}</h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-user-friends text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Card 4 -->
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">Jumlah Obat</p>
                                        <h5 class="font-weight-bolder">{{ $obatCount }}</h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-notes-medical text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                <a href="{{ url('/rptmin') }}" class="text-decoration-none">
                            @endif
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">Obat Kurang Dari Min Stok
                                        </p>
                                        <h5 class="font-weight-bolder">{{ $minObat }}</h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-battery-quarter text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="card">
                        <div class="card-body p-3">
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                <a href="{{ url('/rpctrl') }}" class="text-decoration-none">
                            @endif
                            <div class="row">
                                <div class="col-8">
                                    <div class="numbers">
                                        <p class="text-sm mb-0 text-uppercase font-weight-bold">List Kontrol Pasien
                                        </p>
                                        <h5 class="font-weight-bolder">{{ $listControl }}</h5>
                                    </div>
                                </div>
                                <div class="col-4 text-end">
                                    <div
                                        class="icon icon-shape bg-gradient-primary shadow-primary text-center rounded-circle">
                                        <i class="fa fa-hospital-user text-lg opacity-10" aria-hidden="true"></i>
                                    </div>
                                </div>
                            </div>
                            @if (in_array($roles->idroles, ['admins', 'admmis', 'parmds']))
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endif
        <div class="row mt-2 mb-4">
            <div class="col-12">
                <div class="card z-index-2">
                    <div class="card-header pb-0 pt-3 bg-transparent">
                        <!-- Bagian Content -->
                        <div class="row justify-content-center">
                            <div class="col-lg-4">
                                <div class="card"
                                    style="background-color: rgba(202, 239, 248, 0.5); margin-bottom: 20px;">
                                    <div class="card-body">
                                        <h3 class="card-title">Apa Itu MSJKLINIK?</h3>
                                        <p class="card-text">
                                            MSJKLINIK Adalah Sebuah Platform Berbasis Web Yang Dibuat Untuk Memudahkan
                                            Seluruh Karyawan Mengakses Informasi Tentang Kesehatan Masing-masing, Serta
                                            Tempat Informasi Jika Ada Kegiatan Tentang Program Kesehatan Yang Diadakan
                                            Oleh Tim Kesehatan PT. Multi Spunindo Jaya.
                                        </p>
                                        <hr> <!-- Garis pemisah -->
                                        <h3 class="card-title">PT. Multi Spunindo Jaya</h3>
                                        <p class="card-text">
                                            Kami bangga menjadi bagian dari PT. Multi Spunindo Jaya
                                            dan berkontribusi dalam menciptakan lingkungan kerja yang sehat dan
                                            produktif. Dalam segala upaya kami, kami selalu berkomitmen untuk
                                            memberikan layanan kesehatan yang berkualitas, mendukung karyawan dalam
                                            menjaga kesehatan mereka, dan menciptakan budaya kesehatan yang positif
                                            di perusahaan kami.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-8">
                                <div class="card" style="background-color: rgba(202, 239, 248, 0.5);">
                                    <div class="card-body">
                                        <h3 class="card-title">Definisi Kesehatan</h3>
                                        <p class="card-text">Kesehatan adalah kondisi kesejahteraan fisik, mental, dan
                                            sosial yang lengkap dan bukan sekadar tidak adanya penyakit atau
                                            kelemahan. Pemahaman tentang kesehatan telah bergeser seiring dengan
                                            waktu. Berkembangnya teknologi kesehatan berbasis digital telah memungkinkan
                                            setiap orang untuk mempelajari dan menilai diri mereka sendiri, dan
                                            berpartisipasi aktif dalam gerakan promosi kesehatan. Berbagai faktor sosial
                                            berpengaruh terhadap kondisi kesehatan, seperti perilaku individu, kondisi
                                            sosial, genetik dan biologi, perawatan kesehatan, dan lingkungan fisik.
                                        </p>
                                    </div>
                                </div>
                                <div class="card mt-4 mb-4" style="background-color: rgba(202, 239, 248, 0.5);">
                                    <div class="card-body">
                                        <h3 class="card-title">Kesehatan Mental</h3>
                                        <p class="card-text">Mental merupakan salah satu unsur yang dimasukkan oleh WHO
                                            dalam definisi kesehatan. Kesehatan mental atau kesehatan jiwa didefinisikan
                                            WHO sebagai "Kondisi kesejahteraan ketika individu menyadari kemampuannya
                                            sendiri, dapat mengatasi tekanan kehidupan yang normal, dapat bekerja secara
                                            produktif dan bermanfaat, dan mampu memberikan kontribusi kepada
                                            komunitasnya".
                                        </p>
                                        <!-- Tombol User Manual -->
                                        {{-- <a href="https://drive.google.com/file/d/1Zm9MxqlMHPyhReOtPpZwpP_fy4BXnB6O/view"
                                            target="_blank" class="btn btn-primary btn-blink">
                                            <i class="fa fa-book"></i> User Manual MSJKlinik
                                        </a> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-2 mb-4">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-header bg-transparent">
                        <h3 class="card-title">Team</h3>
                        <p>Tim kami adalah kelompok profesional kesehatan yang bekerja di PT. Multi Spunindo Jaya. Kami
                            terdiri dari berbagai tenaga medis dan kesehatan yang memiliki pengetahuan dan keahlian
                            dalam
                            bidang kesehatan, kebugaran, dan keselamatan kerja. Anggota tim kami termasuk dokter,
                            perawat,
                            psikolog, dan ahli kesehatan lainnya.</p>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 mb-4">
                                <div class="card bg-primary shadow border-0 h-70">
                                    <div class="card-body text-center">
                                        <img src="{{ asset('images/sasongko.jpg') }}" class="rounded-circle mb-3"
                                            style="width: 100px; height: 100px;" alt="Dr. John Doe">
                                        <h5 class="text-white mb-2">Sasongko Basuki</h5>
                                        <p class="text-white mb-0">Direktur</p>
                                        <div class="social-links mt-3">
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-twitter"><i
                                                    class="fa fa-twitter"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-facebook"><i
                                                    class="fa fa-facebook"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-linkedin"><i
                                                    class="fa fa-linkedin"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-instagram"><i
                                                    class="fa fa-instagram"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="card bg-primary shadow border-0 h-70">
                                    <div class="card-body text-center">
                                        <img src="{{ asset('images/bayu.jpg') }}" class="rounded-circle mb-3"
                                            style="width: 100px; height: 100px;" alt="Dr. John Doe">
                                        <h5 class="text-white mb-2">Yohanes Bayu Danang Kurniawan</h5>
                                        <p class="text-white mb-0">Kepala Departemen HRD & GA</p>
                                        <div class="social-links mt-3">
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-twitter"><i
                                                    class="fa fa-twitter"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-facebook"><i
                                                    class="fa fa-facebook"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-linkedin"><i
                                                    class="fa fa-linkedin"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-instagram"><i
                                                    class="fa fa-instagram"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="card bg-primary shadow border-0 h-70">
                                    <div class="card-body text-center">
                                        <img src="{{ asset('images/anam.jpg') }}" class="rounded-circle mb-3"
                                            style="width: 100px; height: 100px;" alt="Dr. John Doe">
                                        <h5 class="text-white mb-2">dr. Anam Agus S.</h5>
                                        <p class="text-white mb-0">Dokter Perusahaan</p>
                                        <div class="social-links mt-3">
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-twitter"><i
                                                    class="fa fa-twitter"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-facebook"><i
                                                    class="fa fa-facebook"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-linkedin"><i
                                                    class="fa fa-linkedin"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-instagram"><i
                                                    class="fa fa-instagram"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="card bg-primary shadow border-0 h-70">
                                    <div class="card-body text-center">
                                        <img src="{{ asset('images/siska.jpg') }}" class="rounded-circle mb-3"
                                            style="width: 100px; height: 100px;" alt="Dr. John Doe">
                                        <h5 class="text-white mb-2">dr. Fransiska Indrayani Marpaung</h5>
                                        <p class="text-white mb-0">Dokter Perusahaan</p>
                                        <div class="social-links mt-3">
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-twitter"><i
                                                    class="fa fa-twitter"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-facebook"><i
                                                    class="fa fa-facebook"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-linkedin"><i
                                                    class="fa fa-linkedin"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-instagram"><i
                                                    class="fa fa-instagram"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="card bg-primary shadow border-0 h-70">
                                    <div class="card-body text-center">
                                        <img src="{{ asset('images/rusvian.jpg') }}" class="rounded-circle mb-3"
                                            style="width: 100px; height: 100px;" alt="Dr. John Doe">
                                        <h5 class="text-white mb-2">Rusvian Sulaksono</h5>
                                        <p class="text-white mb-0">Kepala Departemen Jishuken</p>
                                        <div class="social-links mt-3">
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-twitter"><i
                                                    class="fa fa-twitter"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-facebook"><i
                                                    class="fa fa-facebook"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-linkedin"><i
                                                    class="fa fa-linkedin"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-instagram"><i
                                                    class="fa fa-instagram"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 mb-4">
                                <div class="card bg-primary shadow border-0 h-70">
                                    <div class="card-body text-center">
                                        <img src="{{ asset('images/aril.jpg') }}" class="rounded-circle mb-3"
                                            style="width: 100px; height: 100px;" alt="Dr. John Doe">
                                        <h5 class="text-white mb-2">Aril Dwi Kurniawan</h5>
                                        <p class="text-white mb-0">Paramedis</p>
                                        <div class="social-links mt-3">
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-twitter"><i
                                                    class="fa fa-twitter"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-facebook"><i
                                                    class="fa fa-facebook"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-linkedin"><i
                                                    class="fa fa-linkedin"></i></a>
                                            <a href="#" class="btn btn-sm btn-neutral btn-icon btn-instagram"><i
                                                    class="fa fa-instagram"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection