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

{% block title %}{{ dealer.name }} | View Dealer | {{ parent() }}{% endblock %}

{% block body %}
    <h1><a href="{{ path('factory_dealer_list') }}">Dealers</a> > View: {{ dealer.name }}</h1>
    <a class="btn btn-primary" href="{{ path('factory_dealer_edit', {'id' : dealer.id}) }}">Edit This Dealer</a>
    <br><br>
    <div class="accordion" id="dealerAccordion">

        <div class="card">
            <div class="card-header" id="infoHeading">
                <h5 class="mb-0">
                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseInfo" aria-expanded="true" aria-controls="collapseInfo">
                        Dealer Info
                    </button>
                </h5>
            </div>
            <div id="collapseInfo" class="collapse" aria-labelledby="infoHeading" data-parent="#dealerAccordion">
                <div class="card-body">
                    <table class="table table-hover table-striped">
                        <tbody>
                        <tr>
                            <td class="fit">Is Active:</td>
                            <td>{{ dealer.isActive }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Is Prospect:</td>
                            <td>{{ dealer.isProspect }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Name:</td>
                            <td>{{ dealer.name }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Address:</td>
                            <td>{{ dealer.fullAddress }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Phone:</td>
                            <td>{{ dealer.phone }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Fax:</td>
                            <td>{{ dealer.fax }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Send Lead to Email:</td>
                            <td>{{ dealer.sendLeadEmailTo }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Owner Name:</td>
                            <td>{{ dealer.owner.realName|default('none set') }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Owner Phone:</td>
                            <td>{{ dealer.owner ? dealer.owner.phone }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Owner Email:</td>
                            <td>{{ dealer.owner ? dealer.owner.user.email }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Starting Date:</td>
                            <td>{{ dealer.startDate|date('m/d/Y') }}</td>
                        </tr>
                        <tr>
                            <td class="fit">Territory:</td>
                            <td>
                                {% if dealer.territory %}
                                    <a href="{{ path('factory_territory_view', { 'id' : dealer.territory.id }) }}">{{ dealer.territory }}</a>
                                {% endif %}
                            </td>
                        </tr>
                        <tr>
                            <td class="fit">Dealer Admins:</td>
                            <td>
                                {% for bruser in dealer.userAdmins %}
                                    <a href="{{ path('factory_user_edit', { 'id' : bruser.id }) }}">
                                        {{ bruser.realName }}
                                    </a><br>
                                {% endfor %}
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header" id="notesHeading">
                <h5 class="mb-0">
                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseNotes" aria-expanded="false" aria-controls="collapseNotes">
                        Dealer Notes
                    </button>
                </h5>
            </div>
            <div id="collapseNotes" class="collapse" aria-labelledby="notesHeading" data-parent="#dealerAccordion">
                <div class="card-body dealerNoteListAndForm">
                    {% include('factory_admin/dealer/_dealer_notes.html.twig') %}
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header" id="ordersHeading">
                <h5 class="mb-0">
                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseOrders" aria-expanded="false" aria-controls="collapseOrders">
                        Dealer Orders
                    </button>
                </h5>
            </div>
            <div id="collapseOrders" class="collapse" aria-labelledby="ordersHeading" data-parent="#dealerAccordion">
                <div class="card-body">
                    <table class="table table-hover table-striped">
                        <thead>
                        <tr>
                            <th>Customer</th>
                            <th>Model</th>
                            <th>Color</th>
                            <th>Order Date</th>
                            <th>Requested Date</th>
                            <th>Order #<br>Serial #</th>
                            <th>Status</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for order in dealer.poolOrders %}
                            <tr>
                                <td>{{ order.poolOwner }}</td>
                                <td>{{ order.poolModel }}</td>
                                <td>{{ order.poolColor }}</td>
                                <td>{{ order.timestamp|date('m/d/Y') }}</td>
                                <td>{{ order.originalRequestDate|date('m/d/Y') }}</td>
                                <td>
                                    <a href="{{ path('factory_pool_order_view', { 'id' : order.id }) }}">
                                        {{ order.confirmationNumber }}
                                    </a>
                                    {% if order.pool %}
                                        <br>
                                        <a href="{{ path('factory_pool_view', { 'id' : order.pool.id }) }}">
                                            {{ order.pool.serialNumber }}
                                            {% if order.pool.isDamaged %}
                                                <br>Damaged
                                            {% endif %}
                                        </a>
                                    {% endif %}
                                </td>
                                <td>{{ order.status }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header" id="statsHeading">
                <h5 class="mb-0">
                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseStats" aria-expanded="false" aria-controls="collapseStats">
                        Dealer Pool Stats
                    </button>
                </h5>
            </div>
            <div id="collapseStats" class="collapse" aria-labelledby="statsHeading" data-parent="#dealerAccordion">
                <div class="card-body">
                    <form id="dealer_order_stats_form" data-url="{{ path('factory_dealer_order_stats', { 'id' : dealer.id }) }}">
                        <div class="row">
                            <div class="col-auto">
                                <input type="radio" name="dealer_order_stats_model_or_color" value="model" id="dealer_order_stats_model_or_color_model" checked="checked">
                                <label for="dealer_order_stats_model_or_color_model">Models</label>&nbsp&nbsp|&nbsp
                                <input type="radio" name="dealer_order_stats_model_or_color" value="color" id="dealer_order_stats_model_or_color_color">
                                <label for="dealer_order_stats_model_or_color_color">Colors</label>&nbsp&nbsp|&nbsp
                                <input type="radio" name="dealer_order_stats_model_or_color" value="both" id="dealer_order_stats_model_or_color_both">
                                <label for="dealer_order_stats_model_or_color_both">Both</label>
                            </div>
                            <div class="col-auto">
                                <label for="dealer_order_stats_start_date">Start Date:</label>
                                <input type="text" name="dealer_order_stats_start_date" value="{{ 'first day of january this year'|date('m/d/Y') }}" id="dealer_order_stats_start_date" class="form-control datepicker">
                            </div>
                            <div class="col-auto">
                                <label for="dealer_order_stats_end_date">End Date:</label>
                                <input type="text" name="dealer_order_stats_end_date" value="{{ 'now'|date('m/d/Y') }}" id="dealer_order_stats_end_date" class="form-control datepicker">
                            </div>
                        </div>
                    </form>
                    <table class="table table-hover table-striped">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th>Quantity</th>
                            <th>Percentage</th>
                        </tr>
                        </thead>
                        <tbody id="dealer_order_stats_rows">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header" id="leadsHeading">
                <h5 class="mb-0">
                    <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseLeads" aria-expanded="false" aria-controls="collapseLeads">
                        Dealer Leads
                    </button>
                </h5>
            </div>
            <div id="collapseLeads" class="collapse" aria-labelledby="leadsHeading" data-parent="#dealerAccordion">
                <div class="card-body">
                    {% set leads = dealer.leads %}
                    {% include('factory_admin/lead/_lead_table.html.twig') %}
                </div>
            </div>
        </div>

    </div>

{% endblock %}

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