{% extends 'base.html' %}

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

{% block content %}
<div class="test-section">
    <h2>🚌 Bus Fleet Management</h2>
    <p>Manually test bus registration, seat management, and fleet operations functionality.</p>
    
    <div class="test-controls">
        <a href="/admin/testing_app/bus/add/" class="btn btn-primary" target="_blank">➕ Add New Bus</a>
        <a href="/admin/testing_app/bus/" class="btn" target="_blank">⚙️ Manage Buses</a>
        <button class="btn" onclick="location.reload()">🔄 Refresh Data</button>
    </div>
    

    
    <div class="table-container">
        <h3>Buses in Database (Latest 50 Records)</h3>
        {% if buses %}
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Bus Name</th>
                    <th>Registration No.</th>
                    <th>Operator</th>
                    <th>Type</th>
                    <th>Total Seats</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                {% for bus in buses %}
                <tr>
                    <td>{{ bus.id }}</td>
                    <td><strong>{{ bus.bus_name|default:"N/A" }}</strong></td>
                    <td>{{ bus.registration_no|default:"N/A" }}</td>
                    <td>{{ bus.operator.company_name }}</td>
                    <td>
                        <span style="padding: 4px 8px; background: #e3f2fd; color: #1976d2; border-radius: 15px; font-size: 0.8em;">
                            {{ bus.bus_type|default:"N/A" }}
                        </span>
                    </td>
                    <td>{{ bus.total_seats }}</td>
                    <td>
                        <span class="status-badge status-{% if bus.status == 'ACTIVE' %}active{% else %}inactive{% endif %}">
                            {{ bus.status }}
                        </span>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div style="text-align: center; padding: 40px; background: #f8f9fa; border-radius: 10px;">
            <h4>🚌 No Buses Found</h4>
            <p>Your database doesn't contain any bus records yet.</p>
            <p>Buses will appear here once operators add their fleet 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>Registration Testing</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Bus registration form validation</li>
                    <li>✅ Registration number uniqueness</li>
                    <li>✅ Operator ownership verification</li>
                    <li>✅ Bus name validation</li>
                    <li>✅ Document upload functionality</li>
                </ul>
            </div>
            <div>
                <h4>Configuration Testing</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Seat configuration setup</li>
                    <li>✅ Bus type categorization</li>
                    <li>✅ Amenity assignment</li>
                    <li>✅ Capacity validation</li>
                    <li>✅ Layout visualization</li>
                </ul>
            </div>
            <div>
                <h4>Fleet Management</h4>
                <ul style="line-height: 1.8;">
                    <li>✅ Bus status management</li>
                    <li>✅ Maintenance scheduling</li>
                    <li>✅ Route assignments</li>
                    <li>✅ Performance tracking</li>
                    <li>✅ Fleet analytics</li>
                </ul>
            </div>
        </div>
    </div>
</div>


{% endblock %}