<?php

error_reporting(E_ALL);
ini_set('display_errors', 1);

require_once("../inc/confNetisse.php");
require_once("functions.php");
$agence = load_agence();
$infos = $agence->pile_tv_info;
$ce = $agence->type_agence == 3 ? 'pile-ce' : '';
$date = date('Y-m-d');
setlocale (LC_TIME, 'fr_FR.utf8','fra');
?>
<html>

<head>
    <style type="text/css">
        @charset "UTF-8";
        [ng\:cloak],
        [ng-cloak],
        [data-ng-cloak],
        [x-ng-cloak],
        .ng-cloak,
        .x-ng-cloak,
        .ng-hide:not(.ng-hide-animate) {
            display: none !important;
        }
        
        ng\:form {
            display: block;
        }
        
        .ng-animate-shim {
            visibility: hidden;
        }
        
        .ng-anchor {
            position: absolute;
        }
    </style>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="mobile-web-app-capable" content="yes">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="refresh" content="">
    <meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
    <meta http-equiv="PRAGMA" content="NO-CACHE">
    <meta http-equiv="EXPIRES" content="0">
	<title>Pile TV Clients</title>
	<link rel="stylesheet" href="css/tvc.css?v=3.2.6" />
</head>
<body ng-app="caisse" ng-controller="tvcAppCtrl as tvc" class="loading <?=$ce?>">
	<input type="hidden" name="aid" id="aid" value="<?php echo $agence->id_agence;?>"/>
	<header id="header-pile-tvc" class="flex-wrapper">
			<img src="/assets/img/logo.png" alt="logo">
			<span id="header-date" style="text-transform: capitalize;">
				<?php echo (strftime("%A %d %B - %Hh%M")); ?>
			</span>
	</header>
	<div id="container-pile-tvc">
        <div class="flex-wrapper">
            <div class="col1">
				<div class="col1-content">
                    <div class="header-btns flex-wrapper">
						<span id="num-ticket-btn">N° ticket</span>
						<span id="guichet-btn">Guichet</span>									
					</div>
					<div id="clients" class="jd_news_scroll">
					<ul>
							<li ng-repeat="client in busyCounters">
								<div class="client-row flex-wrapper">
									<span class="client-ticket">{{client.ticket}}</span>
									<span class="client-guichet">{{client.counter}}</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col2">
                <div class="col2-content">
                    <div class="col2-txt">
							<span id="text-appel">{{callingCounter.recall ? 'RAPPEL' : 'APPEL'}}</span>
							<p id="text-presenter">
								Veuillez vous présenter
								<br>au guichet indiqué.
							</p>
							<div class="flex-wrapper">
								<div id="bloc-ticket" class="note">
										<p id="title-bloc-ticket">N° de ticket</p>
										<p id="content-bloc-ticket">{{callingCounter.ticket}}</p>
								</div>
								<div id="bloc-guichet" class="note">
										<p id="title-bloc-guichet">Guichet</p>
										<p id="content-bloc-guichet">{{callingCounter.counter}}</p>
								</div>
							</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer-piletvc" class="flex-wrapper">
		<span><?php echo stripslashes($infos);?></span>	
	</div>
	
	<script type="text/javascript" src="js/jquery.min.js?v=<?php echo $GLOBALS['version'];?>"></script>
	<script type="text/javascript" src="js/progress.min.js?v=<?php echo $GLOBALS['version'];?>"></script>
	<script type="text/javascript" src="js/bootstrap3.min.js"></script>
	<script type="text/javascript" src="js/jquery.dimensions.js"></script>
	<script type="text/javascript" src="js/jquery.jdNewsScroll.js"></script>
	<script type="text/javascript" src="/bornes/assets/lib/angular.min.js?v=<?php echo $GLOBALS['version'];?>"></script>
	<script type="text/javascript" src="/bornes/assets/lib/angular-sanitize.js?v=<?php echo $GLOBALS['version'];?>"></script>	
	<script type="text/javascript" src="js/angular-locale_fr-fr.js?v=<?php echo $GLOBALS['version'];?>"></script>
	
	<?php if($GLOBALS["PILE_CONF"]["USE_SOCKET"]){?>
		<script>
			var hostip = '<?=$_SERVER['SERVER_NAME']?>';
			var port = '<?php echo NODEJS_PORT;?>';
			var agence = '<?php echo $agence->id_agence;?>';
		</script>
		<script type="text/javascript" src="js/socket.io.min.js?v=<?php echo $GLOBALS['version'];?>"></script>
		<script type="text/javascript" src="js/socket.js?v=<?php echo $GLOBALS['version'];?>"></script>
		<script type="text/javascript" src="js/tvcApp.js?v=<?php echo $GLOBALS['version'];?>"></script>
	<?php } ?>
</body>

</html>