{% extends "header.html" %}

{% block body %}
                <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="jumbotron jumbotron-fluid shadow-lg" style="background-image: url({{ url_for('static', filename='images/carousal9001.png') }});background-size: cover;background-repeat: no-repeat;background-position:center;">
  <div class="container text-white">
    <h1 class="display-4">Tableau Report Portal</h1>
    <p class="lead" > Organizations often rely on multiple tools to help business users or developers do work with ease. With growing number of options in the BI world, companies face the challenge of maintaining the reports' accuracy and performace across various BI tools.</p>
  </div>
</div>
<div class="container-fluid">
    <div class="row text-center">
        <div class="col-md-12">
	        <p class="lead" style="font-size:26px"> Evolviz helps in designing and developing Reporting Architechture for Tableau. Develop Reporting Data Models suitable for Tableau platform from various input sources.</p>
        </div>
    </div>
</div>

<div class="container-fluid bg-light p-3 text-dark">
	<div class="row">
    		<div class="col-md-6 text-center rounded">
			<img class="img-fluid rounded mx-auto d-block" alt="Responsive image" src="{{ url_for('static', filename='images/tabportalpage.png') }}" style="height:300px">
		</div>
    		<div class="col-md-6 p-3">
       			<p class="lead" style="font-size:26px">Tableau Report Portal</p>
        		<p class="lead"> Custom built and user friendly portal gives users a seamless experience while using the Tableau Dashboards. Organize the content by Projects/Sub-Projects and enable the users to quickly view the data sources used in the workbooks. Below table gives you an idea about what we can achieve with a Tableau Report Portal. </p>
			<p class="lead pt-3">Experts in Tableau Related Reproting, we can build on-premise or cloud based Portal with embeded validation tools (<a style="color:TOMATO;"  href="/services/tabr/" role="button">TabR-Tool</a>).</p>
		</div>
    	</div>
</div>
<div class="container p-5">
<div class="row mw-100">
<div class="col-md-12">
<table class="table table-borderless table-striped mw-100">
  <thead class="lead">
    <tr>
      <th scope="col"></th>
      <th scope="col" style="width:13%;" class="border text-center">Tableau Server</th>
      <th scope="col" style="width:13%;background-color:TOMATO;" class="border text-center text-white">Evolviz Portal</th>
    </tr>
  </thead>
  <tbody class="border">
        {% for row in tabportaloptions: %}
        <tr class="border">
            <td class="border"> {{ row[0] }}</td>
            <td class="border text-center"> {% if row[1]=='Y': %} 
		<span style="color: TOMATO;">
			<i class="fas fa-check"></i> {% endif %}
		</span>
	    </td>
            <td class="border text-center"> 
		<span style="color: Tomato;">
			<i class="fas fa-check"></i> 
        	</span>
	    </td>
        </tr>
        {% endfor %}
  </tbody>
</table>
</div>
</div>
</div>

<div class="container-fluid py-3 text-center" style="background:GRAY">
   <div class="row">
	<div class="col-md-12">
                    <ul class="list-inline social" style="COLOR:ORANGE">
			<span style="font-size: 48px;">
                        
                        <li class="list-inline-item "><i class="fab fa-python"></i></li>
                        <li class="list-inline-item "><img class="img-fluid rounded" alt="Responsive image" src="{{ url_for('static', filename='images/logo-flask.png') }}" style="height:48px;width:48px"></li>
                        <li class="list-inline-item "><img class="img-fluid rounded" alt="Responsive image" src="{{ url_for('static', filename='images/TableauIcon.jpg') }}" style="height:48px;width:48px"></li>
                        <li class="list-inline-item "><i class="fab fa-js-square"></i></li>
                        <li class="list-inline-item "><i class="fab fa-html5"></i></li>
			<li class="list-inline-item "><i class="fab fa-aws"></i></li>
                        <li class="list-inline-item "><i class="fab fa-github"></i></li>
                        <li class="list-inline-item "><img class="img-fluid rounded" alt="Responsive image" src="{{ url_for('static', filename='images/informatica.png') }}" style="width:96px"></li>
                        <li class="list-inline-item "><img class="img-fluid rounded" alt="Responsive image" src="{{ url_for('static', filename='images/oracle.png') }}" style="width:96px"></li>
			</span>
                    </ul>
    	</div>
    </div>
</div>

{% endblock %}