{% block body %}

<h2>Python Sample App</h2>

<script>

function hover(element) {

element.setAttribute('src', "{{ url_for('static', filename='C2QB_green_btn_lg_hover.png') }}");

}

function unhover(element) {

element.setAttribute('src', "{{ url_for('static', filename='C2QB_green_btn_lg_default.png') }}");

}

</script>

<a href="{{ url_for('auth') }}"><img id="my-img" src="{{ url_for('static', filename='C2QB_green_btn_lg_default.png') }}" onmouseover="hover(this);" onmouseout="unhover(this);" width=170 height=50/></a>

<!-- Uncomment the following code to see Connect to Quickbooks button using Intuit's javascript -->

<!-- <script src="https://js.appcenter.intuit.com/Content/IA/intuit.ipp.anywhere-1.3.3.js" type="text/javascript"></script>

{% if session['is_authorized'] == True %}

<button type="submit" onClick="location.href = 'http://localhost:5000/reset-session';" >Reset Session</button>

{% with messages = get_flashed_messages(with_categories=true) %}

{% if messages %}

<ul>

{% for message in messages %}

<li style="background-color:#E6E6FA; color: {{ text_color }};">{{ message[1] }}</li>

{% endfor %}

</ul>

{% endif %}

{% endwith %}

<h3>Potential Customers from Leads.xlsx</h3>

<form action="/" method="post">

<table>

<tr style="font-weight:bold">

<td width="20%">No.</td>

<td width="20%">ID</td>

<td width="20%">Full Name</td>

<td width="20%">Phone</td>

<td width="20%">Email</td>

<td width="20%"></td>

</tr>

{% for customer in customer_dict %}

<tr>

<td width="20%">{{ loop.index }}</td>

<td width="20%">{{ customer['Id'] }}

{% set req_id = customer['Id'] %}</td>

<td width="20%">{{ customer['Full Name'] }}</td>

<td width="20%">{{ customer['Phone'] }}</td>

<td width="20%">{{ customer['Email'] }}</td>

<td><button type="submit" name="id" value="{{ req_id }}" onclick="{{ url_for('update_table') }}">Add as a Customer</button></td>

</tr>

{% endfor %}

</table>

</form>

{% endif %}

{% endblock %}