{% extends 'base.html' %}

{% block title %}Schedule Analysis - Yatra Booking System{% endblock %}

{% block content %}
<div class="test-section">
    <h2>📅 Schedule Management</h2>
    <p>Manually test schedule creation, timing validation, and fare calculation functionality.</p>
    
    <div class="test-controls">
        <a href="/admin/testing_app/schedule/add/" class="btn btn-primary" target="_blank">➕ Add New Schedule</a>
        <a href="/admin/testing_app/schedule/" class="btn" target="_blank">⚙️ Manage Schedules</a>
        <button class="btn" onclick="location.reload()">🔄 Refresh Data</button>
    </div>
    

    
    <div class="table-container">
        <h3>Schedules in Database (Latest 50 Records)</h3>
        {% if schedules %}
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Route</th>
                    <th>Bus</th>
                    <th>Departure</th>
                    <th>Arrival</th>
                    <th>Fare</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                {% for schedule in schedules %}
                <tr>
                    <td>{{ schedule.id }}</td>
                    <td>
                        <strong>{{ schedule.route.source_city.city_name }}</strong> →<br>
                        <strong>{{ schedule.route.destination_city.city_name }}</strong>
                    </td>
                    <td>{{ schedule.bus.bus_name|default:schedule.bus.registration_no|default:"N/A" }}</td>
                    <td>{{ schedule.departure_time|date:"M d, Y H:i" }}</td>
                    <td>{{ schedule.arrival_time|date:"M d, Y H:i" }}</td>
                    <td><strong>Rs. {{ schedule.fare|floatformat:2 }}</strong></td>
                    <td>
                        <span class="status-badge status-{% if schedule.status == 'ACTIVE' %}active{% elif schedule.status == 'COMPLETED' %}confirmed{% else %}inactive{% endif %}">
                            {{ schedule.status }}
                        </span>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div style="text-align: center; padding: 40px; background: #f8f9fa; border-radius: 10px;">
            <h4>📅 No Schedules Found</h4>
            <p>Your database doesn't contain any schedule records yet.</p>
            <p>Schedules will appear here once operators create bus timings through your application.</p>
        </div>
        {% endif %}
    </div>
    
    <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px;">
        <h3>🔍 Manual Testing Checklist</h3>
        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 15px;">
            <div>
                <h4>Schedule Creation</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Timing validation logic</li>
                    <li>✅ Bus availability checking</li>
                    <li>✅ Route assignment verification</li>
                    <li>✅ Departure/arrival consistency</li>
                    <li>✅ Conflict detection algorithms</li>
                </ul>
            </div>
            <div>
                <h4>Fare Management</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Dynamic pricing validation</li>
                    <li>✅ Fare calculation accuracy</li>
                    <li>✅ Seasonal pricing rules</li>
                    <li>✅ Discount application logic</li>
                    <li>✅ Tax computation accuracy</li>
                </ul>
            </div>
            <div>
                <h4>Availability Management</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Real-time seat tracking</li>
                    <li>✅ Schedule status updates</li>
                    <li>✅ Cancellation workflows</li>
                    <li>✅ Recurring schedule creation</li>
                    <li>✅ Performance monitoring</li>
                </ul>
            </div>
        </div>
    </div>
</div>

{% endblock %}