{% extends 'base.html.twig' %}

{% block title %}Lead List | {{ parent() }}{% endblock %}

{% block body %}
    {# @var leads \Knp\Component\Pager\Pagination\PaginatorInterface #}
    <h1>Leads</h1>
    <hr>
    <form method="GET" id="leadFilteringForm">
        <div class="form-row align-items-center">
            <div class="col-auto">
                <a href="{{ path('factory_lead_new') }}" class="btn btn-primary">New Lead</a>
            </div>
            <div class="col-auto">
                <label for="leadFilterInput" class="sr-only">Search Leads</label>
                <input class="form-control" placeholder="Search Leads" type="text" id="leadFilterInput" name="filter" value="{% if app.request.get('filter') is not empty %}{{ app.request.get('filter') }}{% endif %}">
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="showInactive" id="showInactive1" value="hide" {% if app.request.get('showInactive') == 'hide' or app.request.get('dealerActive') is empty %}checked{% endif %}>
                    <label class="form-check-label" for="showInactive1">
                        Hide Inactive Leads
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="showInactive" id="showInactive2" value="only" {% if app.request.get('showInactive') == 'only' %}checked{% endif %}>
                    <label class="form-check-label" for="showInactive2">
                        Only Inactive Leads
                    </label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="showInactive" id="showInactive3" value="both" {% if app.request.get('showInactive') == 'both' %}checked{% endif %}>
                    <label class="form-check-label" for="showInactive3">
                        Both
                    </label>
                </div>
            </div>
            <div class="col-auto">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" id="showOnlyUnassigned" name="showOnlyUnassigned" {% if app.request.get('showOnlyUnassigned') == 'on' %}checked="checked"{% endif %}>
                    <label class="form-check-label" for="showOnlyUnassigned">
                        Show Only Unassigned Leads
                    </label>
                </div>
            </div>
        </div>
    </form>
    <hr>
    <h5>{{ leads.getTotalItemCount }} Leads Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(leads) }}
    </div>
    <table class="table table-hover table-striped">
        <thead>
        <tr>
            <th>{{ knp_pagination_sortable(leads, 'Name', 'lead.firstName') }}</th>
            <th>Rating</th>
            <th>{{ knp_pagination_sortable(leads, 'Last Activity', 'lead.lastActiveDate') }}</th>
            <th>Assigned Dealer</th>
            <th>Email Status</th>
        </tr>
        </thead>
        <tbody>
        {% for lead in leads %}
            {# @var lead \App\Entity\Lead #}
            <tr>
                <td><a href="{{ path('factory_lead_view', {'id' : lead.id}) }}">{{ lead.fullName }}</a></td>
                <td id="lead_rank_row_{{ lead.id }}">
                    {{ render(controller('App\\Controller\\FactoryAdmin\\LeadController::getRankStars', { 'lead' : lead.id })) }}
                </td>
                <td>{{ lead.lastActiveDate|date('m/d/Y') }}</td>
                <td>
                    {% if lead.assignedDealer is not null %}
                        <a href="{{ path('factory_dealer_view', { 'id' : lead.assignedDealer.id }) }}">{{ lead.assignedDealer }}</a>
                    {% endif %}
                </td>
                <td>{{ lead.factoryBulkEmailStatus == true ? 'On' : 'Off' }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <h5>{{ leads.getTotalItemCount }} Leads Found</h5>
    <div class="navigation">
        {{ knp_pagination_render(leads) }}
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/leadFilters.js') }}"></script>
    <script src="{{ asset('js/leadRank.js') }}"></script>
{% endblock %}