<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Select OGG syncronisation</title>
    <link rel="icon" type="image/png" href="/AdminLTE/favicon.ico?v=1">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.2 -->
    <link href="/AdminLTE/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="/AdminLTE/Font-Awesome/css/fontawesome.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="/AdminLTE/ionicons/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="/AdminLTE/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link href="/AdminLTE/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>

  {% include 'top_bar.tpl' %}

    <!-- jQuery 2.1.3 -->
    <script src="/AdminLTE/plugins/jQuery/jQuery-2.1.3.min.js"></script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="/AdminLTE/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- FastClick -->
    <script src='/AdminLTE/plugins/fastclick/fastclick.min.js'></script>
    <!-- AdminLTE App -->
    <script src="/AdminLTE/dist/js/app.min.js" type="text/javascript"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="/AdminLTE/dist/js/demo.js" type="text/javascript"></script>
    <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-md-9">
              <div class="box box-primary">
              <div class="box-body table-responsive no-padding">
                  <table class="table table-hover">
                    <col width="10">
                    <col width="30">
                    <col width="180">
                    <col width="70">
                    <col width="70">
                    <col width="70">
                    <col width="100">
                    <tr>
                      <th></th>
                      <th></th>
                      <th></th>
                      <th>Source DB</th>
                      <th>Extract</th>
                      <th>Replicat</th>
                      <th>Target DB</th>
                      <th></th>
                    </tr>
                   {% for extract, replicat, type_environement, title, database_source, database_target, extract_status, replicat_status in www_visible_oggsync_array %}
                    <tr>
                      <td style="text-align:right">{{ loop.index }}</td>
                      {% if type_environement=="dev" %}
                        <td><span class="label bg-navy">dev</span></td>
                      {% endif %}
                      {% if type_environement=="prod" %}
                        <td><span class="label bg-blue">prod</span></td>
                      {% endif %}
                      <td>{{title}}</td>
                      <td>{{database_source}}</td>
                      {% if extract_status=="RUNNING" %}
                        <td><span class="badge bg-green">
                      {% elif extract_status=="ABENDED" %}
                        <td><span class="badge bg-red">
                      {% elif extract_status=="STOPPED" %}
                        <td><span class="badge bg-black">
                      {% elif extract_status=="UNKNOW" %}
                        <td><span class="badge bg-gray">
                      {% elif extract_status=="MISSING" %}
                        <td><span class="badge bg-orange">
                      {% endif %}
                      {{extract}}</span></td>

                      {% if replicat_status=="RUNNING" %}
                        <td><span class="badge bg-green">
                      {% elif replicat_status=="ABENDED" %}
                        <td><span class="badge bg-red">
                      {% elif replicat_status=="STOPPED" %}
                        <td><span class="badge bg-black">
                      {% elif replicat_status=="UNKNOW" %}
                        <td><span class="badge bg-gray">
                      {% elif replicat_status=="MISSING" %}
                        <td><span class="badge bg-orange">
                      {% endif %}

                      {{replicat}}</span></td>

                      <td>{{database_target}}</td>
                      <td><a href=./show_sync_and_actions?sync={{extract}}_{{replicat}} class="btn btn-default">Manage</a></td>
                    </tr>
                   {% endfor %}
                  </table>
                  <br>
                  <span class="label bg-gray">EXTRACT/REPLICAT status updated on: {{status_time}}</span>
                  <span class="badge bg-green">RUNNING</span><span class="badge bg-black">STOPPED</span><span class="badge bg-red">ABENDED</span></span><span class="badge bg-gray">UNKNOW</span></span><span class="badge bg-orange">MISSING</span>
              </div
              </div><!-- /.box -->
        </div>
    </section>
  </body>
</html>
