{% extends "us/base.html.twig" %}
{% block title %}Novamar Insurance System{% endblock %}
{% block stylesheets %} 
	{{ parent() }}
    {{encore_entry_link_tags('mainUsCSS')}}
    {{encore_entry_link_tags('prospectTblCSS')}}
    <link rel="stylesheet" href="https://cdn.datatables.net/v/bs/dt-1.10.18/datatables.min.css" />
    <style>
        .navbar{margin-bottom:0;}
    </style>
{% endblock %}
{% block body %}
{% set user_name = userData.email %}
<div id="wrapper">
    {{ include("us/header.html.twig",{option:'homepage'} ) }}
    <!-- Page Content -->
    <div id="page-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="col-12">
                        {% if userData.agentCode in ['AF', 'AH', 'BB'] %}
                        <ol class="breadcrumb">
                            <li><a href="{{ path('us_homepage') }}">NYP</a></li>
                            <li class="active">Prospects</li>
                        </ol>
                        <div id="nyp-prospects">
                            <div id="nyp-prospects-table-container" style="display:none">
                                <table id="nyp-prospects-table">
                                    <thead>
                                        <tr>
                                            <th class="text-center">Actions</th>
                                            <th class="text-center">Status</th>
                                            <th class="text-center">Name</th>
                                            <th class="text-center">Email Address</th>
                                            <th class="text-center">Phone</th>
                                            <th class="text-center">Company</th>
                                            <th class="text-center">Hull Value</th>
                                            <th class="text-center">Mooring Location</th>
                                            <th class="text-center">Year</th>
                                            <th class="text-center">Quote Date</th>
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                </table>
                            </div>
                            <div id="nyp-prospects-throbber" class="loadingQuote text-center">
                                <br><b>Loading prospects...</b><br>
                                <img src="{{asset('/images/loadings/1.gif')}}" class="img-responsive center" style="max-height:870px;" alt="Loader GIF"> <br />
                            </div>
                        </div>
                        {% else %}
                        <div id="novamar-container">
                            <span>Welcome to NIS {{ user_name|title }}</span>
                            <p>Please start with left menu and click <a href="#">New Record</a><img src="{{asset('/images/Novamar-Yacht-Insurance-Trans-Blue.png')}}" class="img-responsive" alt=""></p>
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" id="broker-code" name="broker-code" value="{{ userData.agentCode }}" />
        <!-- /#page-content-wrapper -->

        {# {{ include('us/modals/reviewProspectData.twig') }}
        {{ include('us/modals/viewProspectData.twig') }}
        {{ include('us/modals/modal-dialog-confirm.twig') }} #}
    </div>
    <input type="hidden" id="broker-code" name="broker-code" value="{{ userData.agentCode }}" />
    <!-- /#page-content-wrapper -->
</div>
{% endblock %}
{% block js %}
{# <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script src="https://cdn.datatables.net/v/bs/dt-1.10.18/datatables.min.js"></script>
<script src="{{ app.asset_path }}/assets/js/us/main.js"></script>
<script src="{{ app.asset_path }}/assets/js/us/Classes/AjaxRequest.js"></script>
<script src="{{ app.asset_path }}/assets/js/us/Classes/CrudController.js"></script>
<script src="{{ app.asset_path }}/assets/js/us/Classes/ViewControllers/YachtQuoteController.js?v=1583450004"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.3/particles.js"></script>
<script>
$(function() {
    const yacht_quote_api_resources = {
      "get_nyp_prospects": "{{ path('get_nyp_prospects') }}",
      "get_nyp_prospect": "{{ path('get_nyp_prospect') }}",
      "review_nyp_prospect": "{{ path('review_nyp_prospect') }}",
      "store_nyp_prospect": "{{ path('store_nyp_prospect') }}",
      "discard_nyp_prospect": "{{ path('discard_nyp_prospect') }}",
      "us_customer_profile": "{{ url('us_customer_profile',{'id_client':1}) }}",
      "us_edit_prospect_data": "{{ url('us_edit_prospect_data',{'prospect_id':'prospect_id','client_id':'client_id','boat_id':'boat_id'}) }}",
    };
    const yacht_quote_controller = new YachtQuoteController(yacht_quote_api_resources, 'nyp-prospects-table', toastr);

    yacht_quote_controller.initTable({
      'agent-code': document.getElementById('broker-code').value
    });
    yacht_quote_controller.initProspectReviewListeners();

    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
    });
});
</script> #}
{% endblock %}