{% extends '@EasyAdmin/page/content.html.twig' %}

{% block main %}
    <div class="container">


    <h1>Dashboard</h1>
    <div class="row">

        {% set closedCount = 0 %}
        {% set closedRecentCount = 0 %}
        {% set openedRecentCount = 0 %}
        {% set openedCount = 0 %}

        {% for file in files %}
            {% if file.isClosed is defined %}
                {% if file.isClosed %}
                    {% set closedCount = closedCount + 1 %}
                {% else %}
                    {% set openedCount = openedCount + 1 %}
                {% endif %}
            {% endif %}
        {% endfor %}

        {% for file in recentFiles %}
            {% if file.isClosed is defined %}
                {% if file.isClosed %}
                    {% set closedRecentCount = closedRecentCount + 1 %}
                {% else %}
                    {% set openedRecentCount = openedRecentCount + 1 %}
                {% endif %}
            {% endif %}
        {% endfor %}

        <div class="row">
            <div class="col-md-4 d-flex mt-4">
                <div class="card shadow-lg flex-fill">
                    <div class="card-body">
                        <h3 class="fs-6 text-primary">Total Number of Cases</h3>
                        <p class="fs-3">
                            {{ files|length }}
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 d-flex mt-4">
                <div class="card shadow-lg flex-fill">
                    <div class="card-body">
                        <h3 class="fs-6 text-primary">Open Cases</h3>
                        <div class="row">
                            <div class="col-6">
                                <p class="fs-3 mb-0">{{ openedCount }}</p>
                                <small>Total Opened</small>
                            </div>
                            <div class="col-6">
                                <p class="fs-3 mb-0">{{ openedRecentCount }}</p>
                                <small>Recently Opened</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 d-flex mt-4">
                <div class="card shadow-lg flex-fill">
                    <div class="card-body">
                        <h3 class="fs-6 text-primary">Closed Cases</h3>
                        <div class="row">
                            <div class="col-6">
                                <p class="fs-3 mb-0">{{ closedCount }}</p>
                                <small>Total Closed</small>
                            </div>
                            <div class="col-6">
                                <p class="fs-3 mb-0">{{ closedRecentCount }}</p>
                                <small>Recently Closed</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="row mt-5">
        <h2 class="fs-3 text-muted mb-4">Cases</h2>
        <table class="table table-striped table-responsive shadow-lg">
            <thead>
            <tr>
                <th>File ID</th>
                <th>File Type</th>
                <th>Case Number</th>
                <th>Client</th>
                <th>Court</th>
                <th>Attorney</th>
                <th>Date of Next Action</th>
            </tr>
            </thead>
            <tbody>
            {% for file in upcoming %}
                <tr>
                    <td>{{ file.fileId }}</td>
                    <td>{{ file.caseNumber }}</td>
                    <td>{{ file.fileType.name }}</td>
                    {% if file.company is not null  %}
                    <td>{{ file.company.name }}</td>
                    {% else %}
                        <td> {{ file.client.givenName ~' '~ file.client.familyName }} </td>
                        {% endif %}

                    <td>{{ file.court.name }}</td>
                    <td>{{ file.attorney.givenName ~' '~ file.attorney.familyName }}</td>
                    <td>{{ file.dateTimeOfNextAction|date("F jS \\a\\t g:ia") }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        {% if upcoming|length <= 0 %}
            <div class="alert alert-info fw-bold" role="alert">
                {{ 'no_upcoming'|trans }}
            </div>
        {% endif %}
    </div>
    </div>
{% endblock %}