{% extends "loginheader.html" %}

{% block body %}
<div class="d-none d-md-block">
<div class="container-fluid pt-3" style="font-size:12px">

<div class="row pb-5">
	<div class="col-md-3 pt-2">
		<div class="border border-dark rounded">
		<p class="py-1 pl-3 text-left text-white  bg-success 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" 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 pt-2">
		<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 lead text-danger" 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>
		{% if  session['dlcounter'] < session['getlimit'] %}
                <div class="shadow rounded border border-dark p-3">
                {% from "_formhelpers.html" import render_field %} 
                <form method="POST" action="/tabvalidation/" 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 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 %}

		{% else %}
		{% if  session['dlcounter'] >= session['getlimit'] %}
                <div class="shadow rounded border border-dark p-3" disabled="disabled">
                {% from "_formhelpers.html" import render_field %} 
                <form method="POST" action="/tabvalidation/" name="upload" enctype="multipart/form-data" disabled="disabled">
                    <div class="row justify-content-md-center">
                        <div class="col-md-auto">
                            {{ form.tabfile(class="form-control-lg", disabled="disabled") }}
                        </div>
                        <div class="col-md-auto text-left">
                            {% if filedownloaded %}
                            {{ form.reset(class="btn btn-secondary btn-lg", disabled="disabled") }}
                            {% else %}
                            {{ form.submit(class="btn btn-success btn-lg", disabled="disabled") }}
                            {% endif %}
                        </div>
                    </div>
                </form>
		</div>

                <!--<div class="shadow rounded border border-secondary p-3">
			<img class="img rounded mx-auto d-block w-100" alt="Responsive image" src="{{ url_for('static', filename='images/tabuploadimage.png') }}" style="opacity: 0.5">
		</div> -->
		<div class="pt-5 text-center">
			<div class="jumbotron">
  				<h1 class="display-4">Hello, {{ session.username }}!</h1>
  				<p class="lead">You have reached maximum downloads' limit.</p>
  				<p class="lead">No Problem.We can help you increase the limit.</p>
  				<hr class="my-4">
				<div class="row">
					<div class="col-md-6 border-right border-warning p-2">
						<p class="lead"> Easiest way.. Refer a friend and ask him/her to use <strong>{{ session.refnum }}</strong> while registering. </p> 
					</div> 
					<div class="col-md-6 p-2">
						<p class="lead">Contact us and we will get back to you as soon as possible. </p>
  				        	<a class="btn btn-primary btn-sm" href="/contact/" target="_blank" role="button">Request Limit</a>
					</div>
				</div>
  				<hr class="mx-auto">
			</div>	
			<!--<h3 class="text-center "> You have reached maximum downloads limit. Please <a class="text-primary" href="/contact/" target="_blank">contact us</a> to increase the limit or explore more options.</h3>-->
			<!--<h2 class="text-center text-info pt-5"><strong>Thank you for exploring Evolviz</strong></h2>-->
		</div>
		{% endif %}
		{% endif %}
    {% if filedownloaded %}
    <div class = "container p-3">

	<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">
                	<a class="btn btn-success lead" href="{{ url }}" role="button">Download</a>
		</div>
	</div>
        <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>
	</div>
      </div>
</div>
</div>
<!-------- THE BELOW CODE IS ONLY FOR MOBILE AND TABLETS ------->
<!-------- THE BELOW CODE IS ONLY FOR MOBILE AND TABLETS ------->
<!-------- THE BELOW CODE IS ONLY FOR MOBILE AND TABLETS ------->
<!-------- THE BELOW CODE IS ONLY FOR MOBILE AND TABLETS ------->
<!-------- THE BELOW CODE IS ONLY FOR MOBILE AND TABLETS ------->
<!-------- THE BELOW CODE IS ONLY FOR MOBILE AND TABLETS ------->
<!-------- THE BELOW CODE IS ONLY FOR MOBILE AND TABLETS ------->
<div class="d-block d-md-none">
<div class="container-fluid pt-3" style="font-size:12px">
       <div class="col-md-12 pt-2">
		<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>
		{% if  session['dlcounter'] < session['getlimit'] %}
                <div class="shadow rounded border border-dark p-3">
                {% from "_formhelpers.html" import render_field %} 
                <form method="POST" action="/tabvalidation/" name="upload" enctype="multipart/form-data">
                            {{ form.tabfile(class="form-control-lg") }}
                            {% if filedownloaded %}
                            {{ form.reset(class="btn btn-secondary btn-lg") }}
                            {% else %}
                            {{ form.submit(class="btn btn-success btn-lg") }}
                            {% endif %}
                </form>
		</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 %}

		{% else %}
                <div class="shadow rounded border border-secondary p-3">
			<img class="img rounded mx-auto d-block w-100" alt="Responsive image" src="{{ url_for('static', filename='images/tabuploadimage.png') }}" style="opacity: 0.5">
		</div>
		<div class="pt-5 text-center">
			<div class="jumbotron">
  				<h1 class="display-4">Hello, {{ session.username }}!</h1>
  				<p class="lead">You have reached maximum downloads' limit.</p>
  				<p class="lead">No Problem.We can help you increase the limit.</p>
  				<hr class="my-4">
				<div class="row">
					<div class="col-md-6 border-right border-warning p-2">
						<p class="lead"> Easiest way.. Refer a friend and ask him/her to use <strong>{{ session.refnum }}</strong> while registering. </p> 
					</div> 
					<div class="col-md-6 p-2">
						<p class="lead">Contact us and we will get back to you as soon as possible. </p>
  				        	<a class="btn btn-primary btn-sm" href="/contact/" target="_blank" role="button">Request Limit</a>
					</div>
				</div>
  				<hr class="mx-auto">
			</div>	
			<!--<h3 class="text-center "> You have reached maximum downloads limit. Please <a class="text-primary" href="/contact/" target="_blank">contact us</a> to increase the limit or explore more options.</h3>-->
			<!--<h2 class="text-center text-info pt-5"><strong>Thank you for exploring Evolviz</strong></h2>-->
		</div>
		{% endif %}
    {% if filedownloaded %}
    <div class = "container p-3">

		<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="/tabvalidation/" 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>
	</div>
      </div>
	<div class="col-md-12 pt-2">
		<div class="border border-dark rounded">
		<p class="py-1 pl-3 text-left text-white  bg-success 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" style="background-color:transparent !important;"><i class="fas fa-cloud-download-alt text-success"></i>  {{ row[0] }} </a>
                      {% endfor %}
		</div>
		</div>
       </div>

</div>
</div>
{% endblock %}