full_message_temp ="""
	<div style="background-color:silver;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;">
		<p style="text-align:justify;color:black;padding:10px">{}</p>
	</div>
	"""

title_temp ="""
	<div style="background-color:#464e5f;padding:10px;border-radius:10px;margin:10px;">
	<img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="vertical-align: middle;float:left;width: 50px;height: 50px;border-radius: 50%;" >
	<br/>
	<br/>	
	<p style="text-align:justify">{}</p>
	</div>
	"""

# EFPA.py templates
html_vizaulazacija1 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of consumption by the player with and without inflation rate</h3>
  <ul>
        <li id="expen"> Value of financial assets </li>
        <li id="inflation"> Value of financial assets + Inflation rate</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_vizaulazacija2 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of consumption by the player with and without inflation rate</h3>
  <ul>
        <li> Expend by player </li>
        <li> Expend by player+ Inflation rate</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_vizaulazacija3 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of consumption by the player without inflation rate</h3>
  <ul>
        <li> Expend by player </lithrough time>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_vizaulazacija4 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of income by the player income with inflation rate</h3>
  <ul>
        <li> Expend by player+ Inflation rate through time</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """
#-------------------------------
# IFPA.py templates
html_IFPD_vizaulazacija1 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of income by the player income with and without inflation rate</h3>
  <ul>
        <li id="expen"> Value of financial assets </li>
        <li id="inflation"> Value of financial assets + Inflation rate</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_IFPD_vizaulazacija2 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of income by the player income with and without inflation rate</h3>
  <ul>
        <li> Income by player </li>
        <li> Income by player+ Inflation rate</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_IFPD_vizaulazacija3 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of income by the player income without inflation rate</h3>
  <ul>
        <li> Income by player </lithrough time>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_IFPD_vizaulazacija4 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of income by the player income with inflation rate</h3>
  <ul>
        <li> Income by player+ Inflation rate through time</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """
#-------------------------------

# BFPD.py templates
html_BFPD_vizaulazacija1 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of profit by the player with and without the inflation rate</h3>
  <ul>
        <li id="expen"> Value of financial assets </li>
        <li id="inflation"> Value of financial assets + Inflation rate</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_BFPD_vizaulazacija2 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of profit by the player with and without the inflation rate</h3>
  <ul>
        <li> Balance by player </li>
        <li> Balance by player+ Inflation rate</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_BFPD_vizaulazacija3 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of profit by the player without inflation the rate</h3>
  <ul>
        <li> Balance by player </lithrough time>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """

html_BFPD_vizaulazacija4 = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of profit by the player with inflation the rate</h3>
  <ul>
        <li> Balance by player+ Inflation rate through time</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
    """
#-------------------------------

html_EFPA_BATCH_Expend_leagues = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of profit by the player by league</h3>
  <ul>
        <li> Expend by the player</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
"""

html_EFPA_BATCH_Expend_INFLATION_leagues = """
<style>
.myDiv {
   width:700px; text-align: center;background-color:#C9EAB8;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;font-family: "Times New Roman", Times, serif;

}
#cont{color:black;}
#expen{color:#297F87;}
#inflation{color:#DF2E2E}
</style>
</head>
<body>


<div class="myDiv">
  <h3 id="cont">Visualization of profit by the player by league with inflation the rate</h3>
  <ul>
        <li> Expend by the player + Inflation rate through time</li>
  </ul>
  <p>Data for transfers of football clubs and players are taken from :<a href="https://www.transfermarkt.com/">transfermarkt.com</a></p>
</div>

</body>
"""

head_message_temp ="""
	<div style="background-color:silver;padding:10px;border-radius:5px;margin:10px;">
	<h2 style="color:white;text-align:center;">{}</h1>
	<img src="https://www.w3schools.com/howto/img_avatar.png" alt="Avatar" style="vertical-align: middle;float:left;width: 50px;height: 50px;border-radius: 50%;">
	<h4>Author: {} </h4> 		
	<h4>Post Date: {} </h4>	
    <h4>Reading time: {} </h4>	
	</div>
    """


full_message_temp ="""
	<div style="background-color:silver;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;">
		<p style="text-align:justify;color:black;padding:10px">{}</p>
	</div>
	"""

home_message ="""
<div style="background-color:silver;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;">
	<strong><h2 style="text-align:justify;color:black;padding:10px">{}</h2></strong>
  <h4> 1.  ->  {} </h4>
  <h4> 2.  ->  {} </h4>
  <h4> 3.  ->  {} </h4>
  <h4> 4.  ->  {} </h4>

  <p style="text-align:justify;color:black;padding:10px">{}</p>
  <h3>  {} </h3>
  
</div>
"""

about_mesage ="""
<div style="background-color:silver;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;">
	<strong><h2 style="text-align:justify;color:black;padding:10px">{}</h2></strong>

  <p style="text-align:justify;color:black;padding:10px">{}</p>
  <h3>  {} </h3>
  
</div>
"""
faq = """
<div style="background-color:silver;overflow-x: auto; padding:10px;border-radius:5px;margin:10px;">
	<strong><h2 style="text-align:justify;color:black;padding:10px">{}</h2></strong>

  <p style="text-align:justify;color:black;padding:10px">{}</p>
  <h3>  {} </h3>
  
</div>
"""