{% extends "base.html" %}

{% block title %}{{ 'attendee_dashboard'|t }} - NetEvents{% endblock %}

{% block content %}
<style>
.dashboard {
    padding: 30px 20px;
    max-width: 1600px;
    margin: 0 auto;
}
</style>
<div class="dashboard">
    <h1>{{ 'attendee_dashboard'|t }}</h1>

    {% if event %}
        <section class="event-info">
            <h2>{{ 'current_event'|t }}</h2>
            <div class="event-card">
                <h3>{{ event.name }}</h3>
                <p><strong>{{ 'start'|t }}:</strong> {{ event.start_time|localized_date if event.start_time else 'TBD' }}</p>
                {% if event.end_time %}
                <p><strong>{{ 'end'|t }}:</strong> {{ event.end_time|localized_date }}</p>
                {% endif %}
                <p><strong>{{ 'location'|t }}:</strong> {{ event.location }}</p>
                <div class="event-card-actions">
                    <a href="{{ url_for('register_event', code=event.code) }}" class="btn btn-outline">{{ 'event_details'|t }}</a>
                    <a href="{{ url_for('attendee_breakout_sessions') }}" class="btn btn-outline">{{ 'breakout_sessions'|t }}</a>
                    <a href="{{ url_for('attendee_scan') }}" class="btn btn-primary">📷 {{ 'scan_qr_to_connect'|t }}</a>
                    <a href="{{ url_for('download_badge') }}" class="btn btn-outline">📄 {{ 'download_badge'|t }}</a>
                    <form method="POST" action="{{ url_for('email_badge') }}" style="display: inline;">
                        <button type="submit" class="btn btn-outline">📧 {{ 'email_badge'|t }}</button>
                    </form>
                </div>
            </div>
        </section>
    {% endif %}

    {% if pending_connections %}
    <section class="pending-section">
        <h2>{{ 'incoming_connection_requests'|t }}</h2>
        <p><a href="{{ url_for('connection_requests') }}">{{ 'review_scan_requests'|t }}</a></p>
    </section>
    {% endif %}

    <section class="connections-section">
        <h2>{{ 'my_connections'|t }}</h2>
        <div class="section-actions">
            <a href="{{ url_for('list_attendees') }}" class="btn btn-primary">{{ 'find_attendees'|t }}</a>
        </div>

        {% if connections %}
            <div class="connections-grid">
                {% for conn in connections %}
                    <div class="connection-card">
                        <h4 style="margin-bottom: 12px;">{{ conn.first_name }} {{ conn.last_name }}</h4>
                        <p class="connection-org" style="margin-bottom: 12px;">{{ (conn.organisation)|spacify if conn.organisation else '' }}</p>
                        <p class="connection-role">{{ (conn.role)|spacify if conn.role else '' }}</p>
                    </div>
                {% endfor %}
            </div>
        {% else %}
            <p class="no-data">{{ 'no_connections_yet'|t }}</p>
        {% endif %}
    </section>

    <section class="appointments-section">
        <h2>{{ 'my_appointments'|t }}</h2>
        <div class="section-actions">
            <a href="{{ url_for('list_attendees') }}" class="btn btn-outline">{{ 'schedule_appointment'|t }}</a>
        </div>

        {% if appointments %}
            <div class="appointments-list">
                {% for apt in appointments %}
                    <div class="appointment-item {% if apt.status %}status-{{ apt.status }}{% endif %}">
                        <div class="apt-info">
                            <p><strong>
                                {% if apt.requester_id == session.user_id %}
                                    {{ 'with'|t }} {{ apt.target_first_name }} {{ apt.target_last_name }}
                                {% else %}
                                    {{ 'with'|t }} {{ apt.requester_first_name }} {{ apt.requester_last_name }}
                                {% endif %}
                            </strong></p>
                            <p><strong>{{ 'time'|t }}:</strong> {{ apt.appointment_time|localized_date if apt.appointment_time else 'TBD' }}</p>
                            <p><strong>{{ 'location'|t }}:</strong> {{ apt.location or 'TBD' }}</p>
                            <p class="apt-status status-{{ apt.status }}">{{ (apt.status)|spacify if apt.status else '' }}</p>
                        </div>
                        {% if apt.status == 'pending' and apt.target_id == session.user_id %}
                            <div class="apt-actions">
                                <form method="POST" action="{{ url_for('update_appointment', appointment_id=apt.id) }}" class="inline-form">
                                    <input type="hidden" name="status" value="accepted">
                                    <button type="submit" class="btn btn-sm btn-success">{{ 'accept'|t }}</button>
                                </form>
                                <form method="POST" action="{{ url_for('update_appointment', appointment_id=apt.id) }}" class="inline-form">
                                    <input type="hidden" name="status" value="rejected">
                                    <button type="submit" class="btn btn-sm btn-danger">{{ 'reject'|t }}</button>
                                </form>
                            </div>
                        {% endif %}
                    </div>
                {% endfor %}
            </div>
        {% else %}
            <p class="no-data">{{ 'no_appointments'|t }}</p>
        {% endif %}
    </section>
</div>
{% endblock %}