@section('title', $title)
<x-app-layout>
    <x-slot name="header_link">
        <a href="/dashboard">Dashboard</a>
    </x-slot>

    <x-slot name="header_parent">
        @yield('title')
    </x-slot>

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-sm-flex align-items-center justify-content-between">
                        <div>
                            <h5>Tabel @yield('title')</h5>
                            <p>Modul Hipertensi disediakan untuk membantu tenaga kesehatan dalam mengelola data pasien
                                hipertensi secara lebih mudah dan terstruktur. Melalui modul ini, pengguna dapat
                                menambahkan
                                data hipertensi pasien sesuai dengan formulir pengisian yang telah disediakan. Formulir
                                tersebut mencakup informasi penting seperti identitas pasien, tekanan darah, riwayat
                                pemeriksaan, serta catatan khusus lainnya.</p>
                        </div>
                        <div>
                            <a href="{{ route('hipertensi.create') }}" class="btn btn-primary">Tambah Data</a>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <svg xmlns="http://www.w3.org/2000/svg" style="display: none">
                        <symbol id="info-fill" fill="currentColor" viewBox="0 0 16 16">
                            <path
                                d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z">
                            </path>
                        </symbol>
                    </svg>
                    <div class="alert alert-primary d-flex align-items-center" role="alert">
                        <svg class="flex-shrink-0 bi me-2" width="24" height="24">
                            <use xlink:href="#info-fill"></use>
                        </svg>
                        <div>
                            Selain pengelolaan data, modul ini juga dilengkapi dengan fitur pengiriman notifikasi
                            pengingat kepada pasien. Notifikasi ini berfungsi untuk mengingatkan pasien agar rutin
                            melakukan pemeriksaan atau mengikuti jadwal kontrol kesehatan. Proses pengiriman notifikasi
                            dapat dilakukan secara langsung melalui modul, sehingga petugas dapat memberikan dukungan
                            yang lebih cepat dan tepat waktu kepada pasien.
                        </div>

                    </div>


                    <div class="table-responsive">
                        <table class="table stripe row-border order-column nowrap w-100" id="table-main">
                            <thead>
                                <tr>
                                    <th>No.</th>
                                    <th>NIK</th>
                                    <th>No. BPJS</th>
                                    <th>Nama</th>
                                    <th>Tanggal</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.apps.hipertensi.includes.modal')
    @include('admin.apps.hipertensi.includes.index_js')
</x-app-layout>