{% include 'includes/header.html' %}
<style>
.dot {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  margin-left: 20px;
  display: inline-block;
  border: 2px solid black;
}

.row {
  line-height: 24pt;
  padding: 2px;
  border: 1px solid #ddd;
}
</style>
	<p class="page_title">Welcome to IMPS</p>
	<p>If this is the first time you have started IMPS, this page will
	help guide you through the setup process. If all the indicators below 
        are green, you can delete the <code>first.run</code> file from the
        directory where you have installed IMPS and start using it.</p>
<p>You will need a working installation of MySQL or Mariadb before beginning</p> 
<div style="width:400px; border:4px solid #444">
	<div class="row">
		<div class="inline_div" style="width: 300px;">
			<b>Database connection:</b>
		</div>
		<div class="inline_div">
			<span class="dot"{% if db_conn =="t" %}
			  style="background-color: green;">
			{% else %}
			  style="background-color: red;">
			{% endif %}
			</span>
		</div>
	 </div>
         <div class="row">
	        <div class="inline_div"style="width: 300px;">
        	        <b>Database:</b> (user and password)
		</div>
                <div class="inline_div">
                        <span class="dot" {% if db_struct =="t" %}
                             style="background-color: green;">
      			{% else %}
                             style="background-color: red;">
                        {% endif %}
                         </span>
                </div>
	</div>
         <div class="row">
                <div class="inline_div"style="width: 300px;">
                        <b>Database structure:</b>
                </div>
                <div class="inline_div">
                        <span class="dot" {% if db_fields =="t" %}
                             style="background-color: green;">
                        {% else %}
                             style="background-color: red;">
                        {% endif %}
                         </span>
                </div>
        </div>
        <div class="row">
                <div class="inline_div" style="width: 300px;">
                        <b>IMPS path: </b> 
		</div>
                <div class="inline_div">
                        <span class="dot" {% if imps_path_config =="t" %}
                              style="background-color: green;">
                        {% else %}
                              style="background-color: red;">
                        {% endif %}
                        </span>

                </div>
	<div class="row">
                <div class="inline_div"style="width: 300px;">
			<b>Item image directory: </b> 
		</div>
                <div class="inline_div">
			<span class="dot" {% if item_image_config =="t" %}
			      style="background-color: green;">
			{% else %}
			      style="background-color: red;">
			{% endif %}
			</span>
		</div>
	</div>
        <div class="row">
                <div class="inline_div" style="width: 300px;">
                        <b>Backup directory: </b>
		</div>
                <div class="inline_div">
                         <span class="dot" {% if backup_config =="t" %}
                             style="background-color: green;">
                         {% else %}
                             style="background-color: red;">
                         {% endif %}
                         </span>
                </div>
        </div>
</div>
</div>	
<p class="pt-3">IMPS uses a configuration file (imps_config.toml) for many of its settings, 
including the database connection, server settings, and file 
directories. The file is in the same directory where you installed IMPS, 
most likely in <code>/var/www/html</code> if you are using Apache and MySQL
on Linux. You will need to edit this file so that IMPS will
work correctly.</p>
<p class="page_subtitle">Settings</p>
<p>The imps_config.toml file contains several sections that you must set for IMPS
to work.</p>
<p><b>[database]</b></p>
<p>Configure your database connection here. Set:</p> 
<ul>
<li><i>host</i> to the host IP address</li>
<li><i>name</i> to the database name</li>
<li></i>user</i> to a user with 
<ul>
<li>CREATE</li>
<li>DELETE</li>
<li>INSERT</li>
<li>SELECT</li>
<li>UPDATE</li>
</ul>
privileges on the database.</li>
<li><i>password</i> to the password for the user</li>
</ul>
<p><b>[directories]</b></p>
<p>Configure your file directories here. Set:</p>
<ul>
<li><i>imps_ip</i> to the IP address of the IMPS server.</li>
<li><i>imps_path</i> to the absolute path to the imps.py file</li>
<li><i>item_image_dir</i> to relative path of the directory where 
    IMPS should store item images. The default is 
    /static/images/items, but you may use any directory that IMPS has 
    read/write access to. To use a directory outside the scope of
    the IMPS directory, you may create a symlink.</li>
<li><i>image_dir</i> to the directory where IMPS should access the
    program images. The The default is /static/images, but you may use any
    directory that IMPS have read/write access to.</li>
<li></i>backup_dir</i> the relative location where IMPS will store database 
    backups. The default is static/backups, but you may use any
    directory that IMPS have read/write access to.</li>
</div>
{% include 'includes/footer.html' %}