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

{% block title %}{{ lead.fullName }} | View Lead | {{ parent() }}{% endblock %}

{% block body %}
    <h1><a href="{{ path('dealer_admin_lead_list', {'id' : dealer.id}) }}">Leads</a> > View: {{ lead.fullName }}</h1>
    <hr>
    <form method="GET">
        <div class="form-row align-items-center">
            <div class="col-auto">
                <a class="btn btn-primary" href="{{ path('dealer_admin_lead_edit', {'id' : dealer.id, 'lead' : lead.id}) }}">Edit This Lead</a>
            </div>
            <div class="col-auto mr-2" style="font-size:1.5em;">
                Rank: <span id="lead_rank_row_{{ lead.id }}">
                    {{ render(controller('App\\Controller\\DealerAdmin\\LeadController::getRankStars', { 'id' : dealer.id, 'lead' : lead.id })) }}
                </span>
            </div>
            <div class="col-auto">
                <a href="{{ path('dealer_admin_pool_order_new', { 'id' : dealer.id, 'lead' : lead.id }) }}" class="btn btn-sm btn-primary">
                    Order a pool from this lead
                </a>
            </div>
        </div>
    </form>
    <hr>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Info</a></li>
            <li><a href="#tabs-2">Notes</a></li>
            <li><a href="#tabs-3">Form Submissions</a></li>
        </ul>
        <div id="tabs-1">
            {% include('dealer_admin/lead/_lead_info_table.html.twig') %}
        </div>
        <div id="tabs-2" class="leadNoteListAndForm">
            {% include('dealer_admin/lead/_lead_notes.html.twig') %}
        </div>
        <div id="tabs-3" class="leadFormSubmissions">
            {% include('dealer_admin/lead/_lead_form_submissions.html.twig') %}
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function () {
            $("#tabs").tabs();
        });
    </script>
    <script src="{{ asset('js/leadRank.js') }}"></script>
    <script src="{{ asset('js/leadNotes.js') }}"></script>
{% endblock %}