{% extends "base.html" %}

{% block title %}Daily Overview - Home{% endblock %}

{% block content %}
<div class="container py-5">
    <h2 class="mb-4">Open Tickets</h2>
    <ul class="list-group mb-5">
        {% for ticket in open_tickets %}
            <li class="list-group-item">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <strong>{{ ticket.company.name }}</strong> - 
                        <span class="text-muted">{{ ticket.name }}</span> - 
                        {{ ticket.subject }} - 
                        <span class="badge bg-primary">{{ ticket.ticket_number }}</span>
                    </div>
                    <a href="{{ url_for('close_ticket', ticket_id=ticket.id) }}" class="btn btn-sm btn-danger">Close</a>
                </div>
                <ul class="mt-2 ps-3">
                    {% for note in ticket.notes %}
                        {% if not note.archive %}
                            <li class="d-flex align-items-center mb-2">
                                <a href="{{ url_for('archive_note', note_id=note.id) }}" class="text-danger me-2">X</a>
                                {{ note.note }}
                            </li>
                        {% endif %}
                    {% endfor %}
                </ul>
                <a href="{{ url_for('add_note', ticket_id=ticket.id) }}" class="btn btn-link btn-sm">Add Note</a>
            </li>
        {% endfor %}
    </ul>

    <h2 class="mb-4">Closed Tickets</h2>
    <ul class="list-group mb-5">
        {% for ticket in closed_tickets %}
            <li class="list-group-item">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <strong>{{ ticket.company.name }}</strong> - 
                        <span class="text-muted">{{ ticket.name }}</span> - 
                        {{ ticket.subject }} - 
                        <span class="badge bg-primary">{{ ticket.ticket_number }}</span>
                    </div>
                    <div class="btn-group">
                        <a href="{{ url_for('archive_ticket', ticket_id=ticket.id) }}" class="btn btn-sm btn-warning">Archive</a>
                        <a href="{{ url_for('reopen_ticket', ticket_id=ticket.id) }}" class="btn btn-sm btn-success">Reopen</a>
                    </div>
                </div>
                <ul class="mt-2 ps-3">
                    {% for note in ticket.notes %}
                        {% if not note.archive %}
                            <li class="text-muted">{{ note.note }}</li>
                        {% endif %}
                    {% endfor %}
                </ul>
                <a href="{{ url_for('add_note', ticket_id=ticket.id) }}" class="btn btn-link btn-sm">Add Note</a>
            </li>
        {% endfor %}
    </ul>

    <h2 class="mb-4">Onsite Schedule</h2>
    <p class="mb-3">
        <a href="{{ url_for('add_onsite') }}" class="btn btn-primary">Add Onsite</a>
    </p>
    {% for day in ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'] %}
        {% if onsites[day]|length > 0 %}
            <h3 class="h5">{{ day }}</h3>
            <ul class="list-group mb-3">
                {% for onsite in onsites[day] %}
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span>{{ onsite.company.name }} - {{ onsite.note }}</span>
                        <a href="{{ url_for('delete_onsite', onsite_id=onsite.id) }}" class="text-danger">X</a>
                    </li>
                {% endfor %}
            </ul>
        {% endif %}
    {% endfor %}

    <p class="mt-4">
        <a href="{{ url_for('overview') }}" class="btn btn-outline-secondary">Printable Overview</a>
    </p>
</div>
{% endblock %}