{% extends 'base.html.twig' %}
{% block body_id 'monitor360' %}
{% block title %}{{ "Monitor360"|trans }}{% endblock %}

    {% block stylesheets %}
        {{ parent() }}
        <link rel="stylesheet" href="{{ asset('static/css/monitor360.css?v=20191230') }}">

 {% endblock %}


 {% block body %}



    <!-- Wrap all page content here -->
    <div id="wrapfree">
      <!-- Make page fluid -->
      <div class="row">
        
        <!-- Fixed navbar --><br /><br />
        <div class="navbar navbar-default navbar-fixed-top navbar-transparent-black mm-fixed-top" role="navigation" id="navbar">
         <div align="center"> <br /><br />
         <h2><font face="Lato, sans-serif" color="#ffffff"> C<span style="color:#6699FF">4</span>RGO  VIDEO MONITORING 360°</font></h2>
         <br>
         <br> <br>
         </div>
          </div>  
		  
          <div id="contentfree" class="col-md-12">

          <!-- page header -->
          <div class="pageheader text-left">
          </div>
          <!-- /page header -->
          
          




 <!-- content main container -->
          <div class="main">
            <!-- row AWB -->
            <div class="row">
<!-- col 12 -->
              							<div class="col-md-12"><br><br>
	<!-- INIZIO 1° BLOCCO / camera 1 & 2 " -->		
		<section>
				<div class="tile bg-transparent-black-3 text-center">	
                    <div class="row">
						<br />
                        <div class="col-md-6">
                        <section class="tile transparent">
                                <div class="jumbotron bg-transparent-black-3">
                                 <div  class="container text-center" >
									<div style="valign:center; color:#ffffff; font-size: 36px"><i class="fas fa-video-slash" ></i>&nbsp;&nbsp; 1</div>
                                       <img src="https://www.c4rgo.cloud/static/images/NO-Signal_found.png" alt="" style="height:100px; width: auto; "/>
                                      <div style="font-color: #6699FF; background-color: #9c9c9c;">Monitoring Service is Disabled !</div>
                                  </div>
								</div>
                          </section>
						</div>  
<!-- XXXX -->
                        <div class="col-md-6">
                        <section class="tile transparent">
                                <div class="jumbotron bg-transparent-black-3">
                                    <div  class="container text-center" >
									<div style="valign:center; color:#ffffff; font-size: 36px"><i class="fas fa-video-slash" ></i>&nbsp;&nbsp; 2</div>
                                       <img src="https://www.c4rgo.cloud/static/images/NO-Signal_found.png" alt="" style="height:100px; width: auto; "/>
                                      <div style="font-color: #6699FF; background-color: #9c9c9c;">Monitoring Service is Disabled !</div>
                                    </div>
								</div>
                         </section>
						</div>                                       
					</div>
				</div>
		</section>
			  							</div>
                            
<!-- FINE 1° BLOCCO / RIGA " -->    <!-- /tile -->
							<div align="center "class="obj-data-corrente"><font color="#ffffff">{{ 'today'|trans }} {{ datenow|date("d/m/Y H:m:s") }}</font></div>z<br />
<!-- INIZIO 2° BLOCCO / RIGA " -->		
							
             							<div class="col-md-12">
	<!-- INIZIO 1° BLOCCO / RIGA " -->		
		<section>
				<div class="tile bg-transparent-black-3 text-center">	
                    <div class="row">
					<br />
                        <div class="col-md-6">
                        <section class="tile transparent">
                                <div class="jumbotron bg-transparent-black-3">
                                    <div  class="container text-center" >
									<div style="valign:center; color:#ffffff; font-size: 36px"><i class="fas fa-video-slash" ></i>&nbsp;&nbsp; 3</div>
                                       <img src="https://www.c4rgo.cloud/static/images/NO-Signal_found.png" alt="" style="height:100px; width: auto; "/><br>   
                                      <div style="font-color: #6699FF; background-color: #9c9c9c;">Monitoring Service is Disabled !</div>
                                    </div>
								</div>
                            </section>
						</div>  
<!-- XXXX -->
                        <div class="col-md-6">
                       <section class="tile transparent">
                                <div class="jumbotron bg-transparent-black-3">
                                    <div  class="container text-center" >
									<div style="valign:center; color:#ffffff; font-size: 36px"><i class="fas fa-video-slash" ></i>&nbsp;&nbsp; 4</div>
                                       <img src="https://www.c4rgo.cloud/static/images/NO-Signal_found.png" alt="" style="height:100px; width: auto; "/>
                                        
                                      <div style="font-color: #6699FF; background-color: #9c9c9c;">Monitoring Service is Disabled !</div>
                                    </div>
								</div>
                       </section>
						</div>                                       
					</div>
				</div>
		</section>
			</div>
			</div>
			</div>
 			</div>

 <br>           	
	  <div class="pageheader text-center">
            <img src="/static/images/Consitech.png" width="160" height="34" alt=""/><br><br>
		  <h50><font color="#FFFFFF" >C<span style="color:#66ccff">4</span>RGO-Dimensioner <br> Copyright © Consite Italia Srl - [ CONSITECH ]
		  <br>Software & Innovation Technology</font></h50>         
	  </div>       

{% endblock %}

{% block footer %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    
<script>

$(document).ready(function(){
})

</script>
         
{% endblock %}