<template>
    <div>
        <v-container class="bg-white rounded-lg" fluid>
            <div class="bg-secondary-lighten rounded-lg pa-5 mb-5">
                <h3 class="primary-lighten">PASIEN</h3>
            </div>
            <v-data-table
                v-model="selectedItems"
                :items="items"
                :headers="headers"
                hide-default-footer
            >
                <template v-slot:item="{ item }">
                    <tr>
                        <td>
                            <p class="font-weight-medium">{{ item.tanggal }}</p>
                        </td>
                        <td>
                            <p class="font-weight-medium">{{ item.noreg }}</p>
                        </td>
                        <td>
                            <p class="font-weight-medium">{{ item.kelpelanggan }}</p>
                        </td>
                        <td>
                            <p class="font-weight-medium">{{ item.nama }}</p>
                        </td>
                        <td>
                            <p class="font-weight-medium">{{ item.status }}</p>
                        </td>
                    </tr>
                </template>
            </v-data-table>
        </v-container>
    </div>
</template>

<script>
export default {
    name: "leftcomp",
    components: {},
    mounted() {
        
    },
    data() {
        return {
            menu: false,
            visible: false,
            items: [
                {
                    tanggal: "31-07-2024",
                    noreg: "055000035LA",
                    kelpelanggan: "PASIEN MANDIRI",
                    nama: "Tn. Alpha",
                    status: "New",
                },
                {
                    tanggal: "31-07-2024",
                    noreg: "055000036LA",
                    kelpelanggan: "PASIEN KLINISI",
                    nama: "Tn. Beta",
                    status: "New",
                },
            ],
            selectedItems: [],
            headers: [
                {
                    title: "TANGGAL",
                    align: "start",
                    sortable: false,
                    key: "name",
                    width: "20%",
                    class: "font-weight-bold",
                },
                {
                    title: "NO. REG",
                    align: "start",
                    sortable: false,
                    key: "name",
                    width: "20%",
                    class: "font-weight-bold",
                },
                {
                    title: "KEL. PELANGGAN",
                    align: "start",
                    sortable: false,
                    key: "name",
                    width: "20%",
                    class: "font-weight-bold",
                },
                {
                    title: "NAMA",
                    align: "start",
                    sortable: false,
                    key: "name",
                    width: "20%",
                    class: "font-weight-bold",
                },
                {
                    title: "STATUS",
                    align: "start",
                    sortable: false,
                    key: "name",
                    width: "20%",
                    class: "font-weight-bold",
                },
            ],
        };
    },
    computed: {
        
    },
    methods: {
        
    },
};
</script>

<style scoped></style>