fix: tampilan detil kegiatan

resources/views/User/index.blade.php

@@ -48,11 +48,20 @@
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-header">
+                    <h4 id="modalTitle" class="modal-title text-center"></h4>
                     <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> <span
                             class="sr-only">close</span></button>
-                    <h4 id="modalTitle" class="modal-title"></h4>
                 </div>
-                <div id="modalBody" class="modal-body"> </div>
+                <div id="modalBody" class="modal-body">
+                    <br>
+                    <h6 id="title"></h6>
+                    <hr>
+                    <p id="date"></p>
+                    <p id="time"></p>
+                    <div class="row">
+                        <a href="javascript:void(0)" class="btn btn-block btn-primary">Tambahkan ke Google Calendar</a>
+                    </div>
+                </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                 </div>
@@ -86,7 +95,7 @@
                     center: 'title',
                     right: 'month,agendaWeek,agendaDay'
                 },
-                
+
                 events: '/agenda',
                 timeFormat: 'H(:mm)', // uppercase H for 24-hour clock
                 selectable: true,
@@ -95,9 +104,35 @@
                     // var title = prompt('Event Title:');
                 },
                 eventClick: function(event, jsEvent, view) {
+                    // cari jam mulai
+                    var startTime = event.start._i;
+                    var dateTime = new Date(startTime);                
+                    var startHours = dateTime.getHours();
+                    var startMinutes = dateTime.getMinutes();
+                    var startSeconds = dateTime.getSeconds();
+                    var startTime = startHours + ':' + startMinutes + ':' + startSeconds;
+
+                    // cari tanggal kegiatan
+                    var day = dateTime.getDate();
+                    var month = dateTime.getMonth() + 1; // Month is zero-based, so we add 1
+                    var year = dateTime.getFullYear();
+                    var formattedDate = day.toString().padStart(2, '0') + '-' +month.toString().padStart(2, '0') + '-' + year;
+
+                    // cari jam selesai
+                    var endTime = event.end._i;
+                    var dateTime = new Date(endTime);
+                    var endHours = dateTime.getHours();
+                    var endMinutes = dateTime.getMinutes();
+                    var endSeconds = dateTime.getSeconds();
+                    var endTime = endHours + ':' + endMinutes + ':' + endSeconds;
+
                     $('#modalTitle').html(event.title);
                     $('#modalBody').html(event.description);
-                    $('#eventUrl').attr('href', event.url);
+                    // console.log(event.start);
+                    $('#title').html("Nama Kegiatan : " + event.title);
+                    $('#date').html("Tanggal Kegiatan : "+formattedDate);
+                    $('#time').html("Pukul Mulai : " + startTime + " - " + endTime + " WIB");
+                   
                     $('#calendarModal').modal();
                 },
                 eventDidMount: function(info) {