Feat(BankSampahInduk): add library, delet column on form, change label

main
Kevin Hendrawan 2025-11-19 11:19:16 +07:00
parent 42683c5f91
commit 8582337cb2
3 changed files with 50 additions and 139 deletions

View File

@ -19,251 +19,151 @@ namespace BankSampahApp.Controllers.Data
id = 1, id = 1,
nama = "BSI Hijau Lestari", nama = "BSI Hijau Lestari",
tgl_pendaftaran = "15 Nov 2023", tgl_pendaftaran = "15 Nov 2023",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"1\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"1\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 2, id = 2,
nama = "BSI Berkah Mandiri", nama = "BSI Berkah Mandiri",
tgl_pendaftaran = "8 Jan 2025", tgl_pendaftaran = "8 Jan 2025",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"2\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"2\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 3, id = 3,
nama = "BSI Citra Bersama", nama = "BSI Citra Bersama",
tgl_pendaftaran = "19 Sep 2023", tgl_pendaftaran = "19 Sep 2023",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"3\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"3\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 4, id = 4,
nama = "BSI Melati Putih", nama = "BSI Melati Putih",
tgl_pendaftaran = "3 Des 2024", tgl_pendaftaran = "3 Des 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"4\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"4\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 5, id = 5,
nama = "BSI Cahaya Sejahtera", nama = "BSI Cahaya Sejahtera",
tgl_pendaftaran = "27 Apr 2026", tgl_pendaftaran = "27 Apr 2026",
status = "Tidak Aktif", status = "Belum Disetujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"5\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"5\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 6, id = 6,
nama = "BSI Makmur Abadi", nama = "BSI Makmur Abadi",
tgl_pendaftaran = "11 Jul 2025", tgl_pendaftaran = "11 Jul 2025",
status = "Tidak Aktif", status = "Belum Disetujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"6\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"6\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 7, id = 7,
nama = "BSI Karya Bersama", nama = "BSI Karya Bersama",
tgl_pendaftaran = "22 Feb 2024", tgl_pendaftaran = "22 Feb 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"7\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"7\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 8, id = 8,
nama = "BSI Sumber Rejeki", nama = "BSI Sumber Rejeki",
tgl_pendaftaran = "5 Mei 2023", tgl_pendaftaran = "5 Mei 2023",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"8\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"8\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 9, id = 9,
nama = "BSI Bumi Asri", nama = "BSI Bumi Asri",
tgl_pendaftaran = "14 Jun 2024", tgl_pendaftaran = "14 Jun 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"9\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"9\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 10, id = 10,
nama = "BSI Alam Indah", nama = "BSI Alam Indah",
tgl_pendaftaran = "30 Okt 2023", tgl_pendaftaran = "30 Okt 2023",
status = "Tidak Aktif", status = "Belum Disetujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"10\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"10\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 11, id = 11,
nama = "BSI Sejahtera Bersama", nama = "BSI Sejahtera Bersama",
tgl_pendaftaran = "17 Mar 2024", tgl_pendaftaran = "17 Mar 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"11\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"11\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 12, id = 12,
nama = "BSI Harapan Jaya", nama = "BSI Harapan Jaya",
tgl_pendaftaran = "9 Agt 2023", tgl_pendaftaran = "9 Agt 2023",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"12\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"12\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 13, id = 13,
nama = "BSI Maju Bersama", nama = "BSI Maju Bersama",
tgl_pendaftaran = "25 Des 2024", tgl_pendaftaran = "25 Des 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"13\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"13\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 14, id = 14,
nama = "BSI Pelangi Nusantara", nama = "BSI Pelangi Nusantara",
tgl_pendaftaran = "12 Apr 2024", tgl_pendaftaran = "12 Apr 2024",
status = "Tidak Aktif", status = "Belum Disetujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"14\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"14\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 15, id = 15,
nama = "BSI Serasi Sentosa", nama = "BSI Serasi Sentosa",
tgl_pendaftaran = "6 Jul 2023", tgl_pendaftaran = "6 Jul 2023",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"15\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"15\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 16, id = 16,
nama = "BSI Griya Daur Ulang", nama = "BSI Griya Daur Ulang",
tgl_pendaftaran = "28 Nov 2024", tgl_pendaftaran = "28 Nov 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"16\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"16\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 17, id = 17,
nama = "BSI Eco Persada", nama = "BSI Eco Persada",
tgl_pendaftaran = "3 Feb 2024", tgl_pendaftaran = "3 Feb 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"17\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"17\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 18, id = 18,
nama = "BSI Sahabat Lingkungan", nama = "BSI Sahabat Lingkungan",
tgl_pendaftaran = "19 Mei 2023", tgl_pendaftaran = "19 Mei 2023",
status = "Tidak Aktif", status = "Belum Disetujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"18\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"18\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 19, id = 19,
nama = "BSI Bersih Sejati", nama = "BSI Bersih Sejati",
tgl_pendaftaran = "7 Sep 2024", tgl_pendaftaran = "7 Sep 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"19\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"19\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 20, id = 20,
nama = "BSI Nusa Hijau", nama = "BSI Nusa Hijau",
tgl_pendaftaran = "21 Jan 2024", tgl_pendaftaran = "21 Jan 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"20\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"20\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 21, id = 21,
nama = "BSI Damai Lestari", nama = "BSI Damai Lestari",
tgl_pendaftaran = "15 Okt 2023", tgl_pendaftaran = "15 Okt 2023",
status = "Tidak Aktif", status = "Belum Disetujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"21\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"21\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 22, id = 22,
nama = "BSI Pelita Harapan", nama = "BSI Pelita Harapan",
tgl_pendaftaran = "4 Jun 2024", tgl_pendaftaran = "4 Jun 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"22\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"22\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 23, id = 23,
nama = "BSI Mentari Pagi", nama = "BSI Mentari Pagi",
tgl_pendaftaran = "18 Mar 2024", tgl_pendaftaran = "18 Mar 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"23\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"23\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 24, id = 24,
nama = "BSI Mitra Alam", nama = "BSI Mitra Alam",
tgl_pendaftaran = "10 Agt 2023", tgl_pendaftaran = "10 Agt 2023",
status = "Tidak Aktif", status = "Belum Disetujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"24\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"24\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
new { new {
id = 25, id = 25,
nama = "BSI Perdana Sentosa", nama = "BSI Perdana Sentosa",
tgl_pendaftaran = "26 Des 2024", tgl_pendaftaran = "26 Des 2024",
status = "Aktif", status = "Setujui"
aksi = "<div class=\"flex gap-2\">" +
"<button class=\"p-2 bg-amber-500 rounded-full w-[36px] h-[36px] edit-btn\" data-id=\"25\"><i class=\"ph ph-note-pencil text-white text-sm\"></i></button>" +
"<button class=\"p-2 bg-red-500 rounded-full w-[36px] h-[36px] delete-btn\" data-id=\"25\"><i class=\"ph ph-trash text-white text-sm\"></i></button>" +
"</div>",
}, },
}; };

View File

@ -26,7 +26,7 @@
<input type="hidden" id="bank_sampah_induk_id" value=""> <input type="hidden" id="bank_sampah_induk_id" value="">
<div class="flex flex-col gap-6"> <div class="flex flex-col gap-6">
<!-- Row 1 --> <!-- Row 1 -->
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <!-- <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
@ -46,19 +46,22 @@
<input type="date" id="tgl_pendaftaran" class="input w-full" required /> <input type="date" id="tgl_pendaftaran" class="input w-full" required />
</fieldset> </fieldset>
</div> </div>
</div> </div> -->
<!-- Row 2 --> <!-- Row 2 -->
<div class="flex flex-col"> <div class="flex flex-col">
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend"> <legend class="fieldset-legend">
Status Bank Sampah Induk
<span class="text-red-500">*</span> <span class="text-red-500">*</span>
</legend> </legend>
<select id="status" class="select w-full" required> <select id="bsi_f" class="select w-full" required>
<option value="" disabled selected>Pilih status</option> <option value="" disabled selected>Pilih Bank Sampah Induk</option>
<option value="Aktif">Aktif</option> <option value="bsi1">BSI Cahaya Sejahtera</option>
<option value="Tidak Aktif">Tidak Aktif</option> <option value="bsi2">BSI Mandiri Jaya</option>
<option value="bsi3">BSI Harapan Bersama</option>
<option value="bsi4">BSI Berkah Abadi</option>
<option value="bsi5">BSI Maju Bersama</option>
</select> </select>
</fieldset> </fieldset>
</div> </div>
@ -90,11 +93,10 @@
<!-- head --> <!-- head -->
<thead> <thead>
<tr> <tr>
<th class="w-[5%]">No</th> <th class="w-[10%]">No</th>
<th class="w-[40%]">Nama</th> <th class="w-[60%]">Nama</th>
<th class="w-[25%]">Tgl Pendaftaran</th> <th class="w-[25%]">Tgl Pendaftaran</th>
<th class="w-[15%]">Status</th> <th class="w-[15%]">Status</th>
<th class="w-[15%]">Aksi</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -110,6 +112,12 @@
var table; var table;
$(document).ready(function () { $(document).ready(function () {
$('#bsi_f').select2({
dropdownParent: $('#modal_tambah'), // Penting untuk modal
width: '100%'
}
);
table = new DataTable('#example', { table = new DataTable('#example', {
ajax: '/Data/BankSampahInduk/Table', ajax: '/Data/BankSampahInduk/Table',
scrollX: true, scrollX: true,
@ -124,14 +132,13 @@
{ {
data: 'status', data: 'status',
render: function(data, type, row) { render: function(data, type, row) {
if (data === 'Aktif') { if (data === 'Setujui') {
return '<div class="px-2 py-1 bg-green-100 rounded-full inline-flex items-center justify-center"><span class="text-green-600 text-xs font-semibold font-[\'Plus_Jakarta_Sans\']">Aktif</span></div>'; return '<div class="px-2 py-1 bg-green-100 rounded-full inline-flex items-center justify-center"><span class="text-green-600 text-xs font-semibold font-[\'Plus_Jakarta_Sans\']">Disetujui</span></div>';
} else { } else {
return '<div class="px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center"><span class="text-red-600 text-xs font-medium font-[\'Plus_Jakarta_Sans\']">Tidak Aktif</span></div>'; return '<div class="px-2 py-1 bg-red-50 rounded-full inline-flex items-center justify-center"><span class="text-red-600 text-xs font-medium font-[\'Plus_Jakarta_Sans\']">Belum Disetujui</span></div>';
} }
} }
}, },
{ data: 'aksi' },
] ]
}); });

View File

@ -40,6 +40,9 @@
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" /> <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="https://cdn.datatables.net/2.3.4/css/dataTables.tailwindcss.css" /> <link rel="stylesheet" href="https://cdn.datatables.net/2.3.4/css/dataTables.tailwindcss.css" />
@await RenderSectionAsync("Styles", required: false) @await RenderSectionAsync("Styles", required: false)
<!-- Select2 -->
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
</head> </head>
<body class="min-h-dvh bg-gray-100 font-sans antialiased"> <body class="min-h-dvh bg-gray-100 font-sans antialiased">
@ -66,6 +69,7 @@
<script src="https://code.jquery.com/jquery-3.7.1.js"></script> <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script> <script src="https://cdn.datatables.net/2.3.4/js/dataTables.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="/plugins/datatables/dataTables.tailwindcss.js"></script> <script src="/plugins/datatables/dataTables.tailwindcss.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script> <script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false) @await RenderSectionAsync("Scripts", required: false)