diff --git a/app/templates/schedule/create.html b/app/templates/schedule/create.html
new file mode 100644
index 0000000..d847d55
--- /dev/null
+++ b/app/templates/schedule/create.html
@@ -0,0 +1,330 @@
+{% extends "base.html" %}
+
+{% block title %}Add Reservation - Edu-Space Admin{% endblock %}
+
+{% block content %}
+<div class="container-fluid pt-5 mt-4">
+<div class="row">
+    <div class="col-12">
+        <div class="d-flex justify-content-between align-items-center mb-4">
+            <h1 class="h3">
+                <i class="bi bi-calendar-plus text-success"></i> New Reservation
+            </h1>
+            <a href="{{ url_for('schedule.list_reservations') }}" class="btn btn-outline-secondary">
+                <i class="bi bi-arrow-left"></i> Back to Reservations
+            </a>
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-lg-8 mx-auto">
+        <div class="card border-0 shadow-sm">
+            <div class="card-header bg-white border-0">
+                <h5 class="mb-0">
+                    <i class="bi bi-calendar3 text-success"></i> Reservation Details
+                </h5>
+            </div>
+            <div class="card-body">
+                <form method="POST" id="reservation-form" novalidate>
+                    {{ form.hidden_tag() }}
+                    
+                    <div class="row">
+                        <div class="col-md-6 mb-3">
+                            {{ form.classroom_id.label(class="form-label") }}
+                            {{ form.classroom_id(class="form-select", id="classroom-select") }}
+                            {% if form.classroom_id.errors %}
+                                <div class="text-danger small mt-1">
+                                    {{ form.classroom_id.errors[0] }}
+                                </div>
+                            {% endif %}
+                            <small class="text-muted">Select a classroom for your reservation</small>
+                        </div>
+                        
+                        <div class="col-md-6 mb-3">
+                            {{ form.commission_id.label(class="form-label") }}
+                            {{ form.commission_id(class="form-select", id="commission-select") }}
+                            {% if form.commission_id.errors %}
+                                <div class="text-danger small mt-1">
+                                    {{ form.commission_id.errors[0] }}
+                                </div>
+                            {% endif %}
+                            <small class="text-muted">Select the subject/commission</small>
+                        </div>
+                    </div>
+                    
+                    <div class="row">
+                        <div class="col-md-6 mb-3">
+                            {{ form.start_time.label(class="form-label") }}
+                            {{ form.start_time(class="form-control", id="start-time") }}
+                            {% if form.start_time.errors %}
+                                <div class="text-danger small mt-1">
+                                    {{ form.start_time.errors[0] }}
+                                </div>
+                            {% endif %}
+                            <small class="text-muted">When will the class start?</small>
+                        </div>
+                        
+                        <div class="col-md-6 mb-3">
+                            {{ form.end_time.label(class="form-label") }}
+                            {{ form.end_time(class="form-control", id="end-time") }}
+                            {% if form.end_time.errors %}
+                                <div class="text-danger small mt-1">
+                                    {{ form.end_time.errors[0] }}
+                                </div>
+                            {% endif %}
+                            <small class="text-muted">When will the class end?</small>
+                        </div>
+                    </div>
+                    
+                    <div class="row">
+                        <div class="col-md-8 mb-3">
+                            {{ form.purpose.label(class="form-label") }}
+                            {{ form.purpose(class="form-control", placeholder="Regular class, exam, study session, etc.") }}
+                            {% if form.purpose.errors %}
+                                <div class="text-danger small mt-1">
+                                    {{ form.purpose.errors[0] }}
+                                </div>
+                            {% endif %}
+                        </div>
+                        
+                        <div class="col-md-4 mb-3">
+                            {{ form.expected_attendees.label(class="form-label") }}
+                            {{ form.expected_attendees(class="form-control", placeholder="30") }}
+                            {% if form.expected_attendees.errors %}
+                                <div class="text-danger small mt-1">
+                                    {{ form.expected_attendees.errors[0] }}
+                                </div>
+                            {% endif %}
+                            <small class="text-muted">Number of expected attendees</small>
+                        </div>
+                    </div>
+                    
+                    <div class="mb-4">
+                        {{ form.notes.label(class="form-label") }}
+                        {{ form.notes(class="form-control", rows="3", placeholder="Any additional notes or special requirements...") }}
+                        {% if form.notes.errors %}
+                            <div class="text-danger small mt-1">
+                                {{ form.notes.errors[0] }}
+                            </div>
+                        {% endif %}
+                    </div>
+                    
+                    <!-- Summary Section -->
+                    <div class="alert alert-info" id="reservation-summary">
+                        <h6 class="alert-heading">
+                            <i class="bi bi-info-circle"></i> Reservation Summary
+                        </h6>
+                        <div id="summary-content">
+                            <p class="mb-2">
+                                <strong>Selected Classroom:</strong> 
+                                <span id="summary-classroom">Not selected</span>
+                            </p>
+                            <p class="mb-2">
+                                <strong>Duration:</strong> 
+                                <span id="summary-duration">Not calculated</span>
+                            </p>
+                            <p class="mb-0">
+                                <strong>Commission:</strong> 
+                                <span id="summary-commission">Not selected</span>
+                            </p>
+                        </div>
+                    </div>
+                    
+                    <div class="d-flex justify-content-between">
+                        <a href="{{ url_for('schedule.list_reservations') }}" class="btn btn-outline-secondary">
+                            <i class="bi bi-x-circle"></i> Cancel
+                        </a>
+                        {{ form.submit(class="btn btn-success") }}
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Instructions Card -->
+<div class="row mt-4">
+    <div class="col-lg-8 mx-auto">
+        <div class="card border-0 shadow-sm">
+            <div class="card-header bg-white border-0">
+                <h5 class="mb-0">
+                    <i class="bi bi-question-circle text-info"></i> Reservation Guidelines
+                </h5>
+            </div>
+            <div class="card-body">
+                <div class="row">
+                    <div class="col-md-6">
+                        <h6 class="text-primary">📅 Booking Rules</h6>
+                        <ul class="small">
+                            <li>Reservations can be made up to 3 months in advance</li>
+                            <li>Cannot book in the past</li>
+                            <li>Maximum duration: 8 hours per reservation</li>
+                            <li>Cancellations must be 24 hours before start time</li>
+                        </ul>
+                    </div>
+                    <div class="col-md-6">
+                        <h6 class="text-warning">🚨 Important Notes</h6>
+                        <ul class="small">
+                            <li>Check classroom capacity before booking</li>
+                            <li>Pending reservations require approval</li>
+                            <li>Time slots must not overlap</li>
+                            <li>System automatically detects conflicts</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+$(document).ready(function() {
+    // Classroom data for capacity checking
+    const classroomData = {};
+    {% for classroom in classroom_list %}
+    classroomData[{{ classroom.id }}] = {
+        capacity: {{ classroom.capacity }},
+        code: "{{ classroom.code }}"
+    };
+    {% endfor %}
+    
+    function updateSummary() {
+        const classroomId = $('#classroom-select').val();
+        const commissionId = $('#commission-select').val();
+        const startTime = $('#start-time').val();
+        const endTime = $('#end-time').val();
+        
+        // Update classroom summary
+        if (classroomId && classroomData[classroomId]) {
+            $('#summary-classroom').text(`${classroomData[classroomId].code} (Capacity: ${classroomData[classroomId].capacity})`);
+        } else {
+            $('#summary-classroom').text('Not selected');
+        }
+        
+        // Update commission summary
+        if (commissionId) {
+            const commissionText = $('#commission-select option:selected').text();
+            $('#summary-commission').text(commissionText);
+        } else {
+            $('#summary-commission').text('Not selected');
+        }
+        
+        // Calculate duration
+        if (startTime && endTime) {
+            const start = new Date(startTime);
+            const end = new Date(endTime);
+            
+            if (end > start) {
+                const diffMs = end - start;
+                const diffHours = Math.floor(diffMs / (1000 * 60 * 60));
+                const diffMins = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));
+                
+                let durationText = '';
+                if (diffHours > 0) {
+                    durationText += `${diffHours} hour${diffHours > 1 ? 's' : ''}`;
+                }
+                if (diffMins > 0) {
+                    if (durationText) durationText += ' ';
+                    durationText += `${diffMins} minute${diffMins > 1 ? 's' : ''}`;
+                }
+                
+                $('#summary-duration').text(durationText);
+            } else {
+                $('#summary-duration').text('Invalid time range');
+            }
+        } else {
+            $('#summary-duration').text('Not calculated');
+        }
+    }
+    
+    // Check capacity vs expected attendees
+    function checkCapacity() {
+        const classroomId = $('#classroom-select').val();
+        const attendees = parseInt($('#expected_attendees').val()) || 0;
+        
+        if (classroomId && classroomData[classroomId] && attendees > 0) {
+            const capacity = classroomData[classroomId].capacity;
+            
+            if (attendees > capacity) {
+                $('#expected_attendees').addClass('is-invalid');
+                $('#expected_attendees').after(`
+                    <div class="invalid-feedback">
+                        Expected attendees (${attendees}) exceeds classroom capacity (${capacity})
+                    </div>
+                `);
+            } else {
+                $('#expected_attendees').removeClass('is-invalid');
+                $('#expected_attendees').siblings('.invalid-feedback').remove();
+            }
+        }
+    }
+    
+    // Update on change
+    $('#classroom-select, #commission-select, #start-time, #end-time, #expected_attendees').on('change', updateSummary);
+    $('#expected_attendees').on('input', checkCapacity);
+    
+    // Initialize summary
+    updateSummary();
+    
+    // Form validation
+    $('#reservation-form').on('submit', function(e) {
+        let isValid = true;
+        
+        // Check required fields
+        if (!$('#classroom-select').val()) {
+            $('#classroom-select').addClass('is-invalid');
+            isValid = false;
+        } else {
+            $('#classroom-select').removeClass('is-invalid');
+        }
+        
+        if (!$('#commission-select').val()) {
+            $('#commission-select').addClass('is-invalid');
+            isValid = false;
+        } else {
+            $('#commission-select').removeClass('is-invalid');
+        }
+        
+        if (!$('#start-time').val()) {
+            $('#start-time').addClass('is-invalid');
+            isValid = false;
+        } else {
+            $('#start-time').removeClass('is-invalid');
+        }
+        
+        if (!$('#end-time').val()) {
+            $('#end-time').addClass('is-invalid');
+            isValid = false;
+        } else {
+            $('#end-time').removeClass('is-invalid');
+        }
+        
+        // Validate time range
+        const startTime = new Date($('#start-time').val());
+        const endTime = new Date($('#end-time').val());
+        
+        if (endTime <= startTime) {
+            $('#end-time').addClass('is-invalid');
+            isValid = false;
+        }
+        
+        // Check capacity
+        checkCapacity();
+        if ($('#expected_attendees').hasClass('is-invalid')) {
+            isValid = false;
+        }
+        
+        return isValid;
+    });
+    
+    // Set minimum datetime to current
+    const now = new Date();
+    now.setMinutes(now.getMinutes() - now.getTimezoneOffset());
+    $('#start-time, #end-time').attr('min', now.toISOString().slice(0, 16));
+});
+</script>
+{% endblock %}
\ No newline at end of file