{% extends "loginheader.html" %}

{% block body %}
<div class="container-fluid pt-5 bg-dark text-white" style="font-size:12px">
<!--<h1><small>TabParser / TabParserTool</small></h1>-->
<!--<h1 class="lead"><strong>TabParser / TabParserTool</strong></h1>-->

<div class="row pb-5">
	<div class="col-md-3">
		<div class="border rounded">
		<p class="py-1 pl-3 text-left text-white  bg-info rounded"> <strong> History </strong> <span class="badge badge-pill badge-warning">{{ totalobjects }}</span></p>		
	        <div class="list-group list-group-flush text-white" style="height:500px;overflow-y:auto;">
                      {% for row in twbcsvdictplainsorted: %}
                     <a href="{{ row[2] }}" class="list-group-item list-group-item-action text-white bg-dark" style="background-color:transparent !important;"><i class="fas fa-cloud-download-alt text-success"></i>  {{ row[0] }} </a>
                      {% endfor %}
		</div>
		</div>
       </div>
       <div class="col-md-9">
		<div class="row">
		<div class="col-md-12">
        	<div class="container text-center">
			  {% with messages = get_flashed_messages() %}
				{% if messages %}
				  {% for message in messages %}
				  <div class="alert alert-warning alert-dismissible" role="alert">
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
					  <span aria-hidden="true">&times;</span>
					</button>
					{{message}}
				  </div>
				  {% endfor %}
				{% endif %}
			  {% endwith %}
		</div>
		<div class="shadow rounded bg-dark border p-3">
                {% from "_formhelpers.html" import render_field %} 
                <form method="POST" action="/Tabupload/" name="upload" enctype="multipart/form-data">
                    <div class="row justify-content-md-center">
                        <div class="col-md-auto">
                            {{ form.tabfile(class="form-control-lg") }}
                        </div>
                        <div class="col-md-auto text-left">
                            {% if filedownloaded %}
                            {{ form.reset(class="btn btn-secondary btn-lg") }}
                            {% else %}
                            {{ form.submit(class="btn btn-success btn-lg") }}
                            {% endif %}
                        </div>
                    </div>
                </form>
		</div>
    {% if filedownloaded %}
    <div class = "container p-3 border border-dark">

		<div class="row">
    		<div class="col-fluid text-left p-2">
                <p class="lead"> <strong>Workbook Name : </strong> {{ twbname }}</p>
    		</div>
			<div class="col-fluid p-2">
                <!--<button type="button" class="btn btn-success lead">Download</button>-->
                <!--<a class="btn btn-success lead" href="/Tabdownload" role="button">Download</a>-->
                <a class="btn btn-success lead" href="{{ url }}" role="button">Download</a>
			    <!--<div class="btn btn-success text-center">-->
                    <!--<p class="lead">Download</p>-->
                <!--</div>-->
				<!--{% from "_formhelpers.html" import render_field %}-->
				<!--<form method="POST" action="/Tabupload/" name="upload" enctype="multipart/form-data">-->
					<!--{% if filedownloaded %}-->
                   <!--{{  form.download(class="btn btn-success") }}-->
					<!--{% endif %}-->
				<!--</form>-->
			</div>
		</div>
		<!--{{ table }}-->
        <div class="row">
        <table class="table table-hover table-bordered text-left rounded">
      <thead>
        <tr>
          <th scope="col">DataSource Name</th>
          <th scope="col">Tableau Field Name</th>
            <th scope="col">Source Field Name</th>
            <th scope="col">Transformation</th>
            <th scope="col">Source/Formula</th>
        </tr>
      </thead>
      <tbody>
        {% for row in parseresults: %}
        <tr>
            <td> {{ row[0] }}</td>
            <td> {{ row[1] }}</td>
            <td> {{ row[2] }}</td>
            <td> {{ row[3] }}</td>
            <td> {{ row[4] }}</td>

        </tr>
        {% endfor %}
      </tbody>
    </table>
            </div>
	</div>
    {% endif %}
</div>

                <!--<div class="progress">-->
                    <!--<div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>-->
                <!--</div>-->
                    {% if errmessage %}
                    <div class="container pt-3 lead text-center text-danger ">
                        <p><i class="fa fa-exclamation-triangle"></i>{{ errmessage }}</p>
                    </div>
                    {% elif message %}
                    <div class="container  pt-3 lead text-center text-success">
                        <p><i class="fa fa-check-square"></i>{{ message }} </p>
                    </div>
                    {% endif %}
	</div>
	</div>
      </div>
</div>

{% endblock %}