<?php
session_start();
if(!isset($_SESSION['auth'])) {
	header("location:index.php");
}
require_once("../inc/confNetisse.php");
require_once("functions.php");
$EID = 0;

$EID = isset($_GET["id"]) ? intval($_GET["id"]) : 0;

if($EID == 0){
	header("location:eventList.php");
}
$event = getEvent($EID);

$start_date = ($event->event_start && $event->event_start != '0000-00-00 00:00:00') ? date('d/m/Y H:i', strtotime($event->event_start)) : '';

$end_date = ($event->event_end && $event->event_end != '0000-00-00 00:00:00') ? date('d/m/Y H:i', strtotime($event->event_end)) : '';

if(isset($GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["EVENTS_BY_AGENCY"]) && $GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["EVENTS_BY_AGENCY"]) {
	//header("location:agcList.php");

	$qa = "SELECT id_agence, nom_agence, code_agence, initiales FROM ca_agences WHERE is_active=:is_active AND supp=:supp AND siege = 1";
	$va = array(':is_active' => 1, ':supp' => 0);
	$result = excuteQuery($qa, $va);
	$ra = $result['stmt'];
	$listAgc = "";
	while ($oa = $ra->fetchObject()) {
		if($oa->id_agence == $event->id_agence){
			$listAgc .= "<option value='".$oa->id_agence."' selected>".$oa->nom_agence."</option>";
		}else{
			$listAgc .= "<option value='".$oa->id_agence."'>".$oa->nom_agence."</option>";
		}
	}
}

?>

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title><?php echo $PROJECT_TITLE;?> : Modification d'un évènement</title>
	<link rel="stylesheet" href="css/bootstrap34.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css" />
	<link rel="stylesheet" type="text/css" href="css/cadif.css" />
	<link rel="stylesheet" type="text/css" href="css/dashboard.css" />
	<link rel="stylesheet" type="text/css" href="css/cans/jquery-ui-1.8.17.custom.css" />
	<!--<link rel="stylesheet" type="text/css" href="css/tableTools_jui.css" />-->
	<link rel="stylesheet" type="text/css" href="css/datatable_jui.css" />
	<link rel="stylesheet" media="screen" type="text/css" href="css/spectrum.css" />
	<link href="css/bootstrap-datetimepicker.css" rel="stylesheet">

	<style type="text/css">
		.mcd-menu ul ul li a{
			height: 36px;
		}
		.mcd-menu li a {
		    padding: 20px 10px 36px 10px;
		}
		#event-start, #event-end {
			width: 238px;
			height: 21px;
			margin-left: 22px;
			border-radius: 0;
		}
		#footer {
		    height: 53px;
		}
		input, button {
			margin-bottom: 5px;
		}
		.ui-dialog{
			top: 300px !important;
		}
		.ui-widget-overlay {
			position: absolute;
		    top: 0;
		    left: 0;
		    background: #a6a6a6;
		        opacity: .40;
		}
		.ui-widget-overlay{
			width: 1360px;
    		height: 884px;
		}
		#form{
			padding-top: 30px;
		}
		#form td{
			height: 30px;
		}
		@media (min-width: 1361px) {
			.ui-widget-overlay{
			    width: 1920px;
    			height: 946px;
			}
		}
	</style>
	<!-- <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> -->
	<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui1.12.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.dataTables.js"></script>
	<script type="text/javascript" src="js/spectrum.js"></script>
	<script type="text/javascript" src="js/moment-with-locales.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript">
	$(function() {
			$("#dialogControl").dialog({autoOpen: false, position: 'center'});
			$('.ui-dialog .ui-dialog-titlebar-close span').click(function(){
			  	$('.ui-widget-overlay').hide();
			  });
			
		});
		function alertErrorMsg(texte) {
			$("#dialogControl").dialog("open");
			$('.ui-widget-overlay').show();
			document.getElementById("error-msg-txt").innerHTML = texte;
			document.getElementById("dialog").style.display = "block";
			$('#dialog').show();
		}
	function checkForm() {
		if (document.getElementById("agence").value == "") {
			alertErrorMsg("Vous devez renseigner le champ 'Agence'");
			// var POP = $('<div></div>').html("<center>Vous devez renseigner le champ 'Titre'.</center>").dialog({autoOpen: false,title: 'Erreur'});
			// POP.dialog({autoOpen:false, modal:true, draggable: false, width:360,close:function(ev, ui){document.getElementById("nom").focus();} });
			// POP.dialog("open");
			//alert("Vous devez renseigner le champ 'Titre'.");
			document.getElementById("agence").focus();
		}else if (document.getElementById("nom").value == "") {
			// var POP = $('<div></div>').html("<center>Vous devez renseigner le champ 'Titre'.</center>").dialog({autoOpen: false,title: 'Erreur'});
			// POP.dialog({autoOpen:false, modal:true, draggable: false, width:360,close:function(ev, ui){document.getElementById("nom").focus();} });
			// POP.dialog("open");
			alertErrorMsg("Vous devez renseigner le champ 'Titre'");
			document.getElementById("nom").focus();
		}else if (document.getElementById("code_salle").value == "") {
			// var POP = $('<div></div>').html("<center>Vous devez renseigner le champ 'Salle'.</center>").dialog({autoOpen: false,title: 'Erreur'});
			// POP.dialog({autoOpen:false, modal:true, draggable: false, width:360,close:function(ev, ui){document.getElementById("code_salle").focus();} });
			// POP.dialog("open");
			alertErrorMsg("Vous devez renseigner le champ 'Salle'");
			document.getElementById("code_salle").focus();
		}else if(document.getElementById("event-start").value == ""){
			// var POP = $('<div></div>').html("<center>Vous devez renseigner le champ 'Début'.</center>").dialog({autoOpen: false,title: 'Erreur'});
			// POP.dialog({autoOpen:false, modal:true, draggable: false, width:360,close:function(ev, ui){document.getElementById("event-start").focus();} });
			// POP.dialog("open");
			alertErrorMsg("Vous devez renseigner le champ 'Début'");
			document.getElementById("event-start").focus();
		}else if(document.getElementById("event-end").value == ""){
			// var POP = $('<div></div>').html("<center>Vous devez renseigner le champ 'Fin'.</center>").dialog({autoOpen: false,title: 'Erreur'});
			// POP.dialog({autoOpen:false, modal:true, draggable: false, width:360,close:function(ev, ui){document.getElementById("event-end").focus();} });
			// POP.dialog("open");
			alertErrorMsg("Vous devez renseigner le champ 'Fin'");
			document.getElementById("event-end").focus();
		}else{
			document.formEventUpd.submit();
		}
	}
	$(document).ready(function(){

			$('#event-start').datetimepicker(
				{
					locale: 'fr',
					useCurrent: false
				}
			);
			$('#event-end').datetimepicker(
				{
					locale: 'fr',
					useCurrent: false,
					minDate: new Date()
				}
			);
			$("#event-start").on("dp.change", function (e) {
           		$('#event-end').data("DateTimePicker").minDate(e.date);
			});
			$("#event-end").on("dp.change", function (e) {
				$('#event-start').data("DateTimePicker").maxDate(e.date);
			});
			$('#pile-color').spectrum({
		    color: "<?php echo $event->pile_color;?>",
		    showInput: true,
		    className: "full-spectrum",
		    showInitial: true,
		    showSelectionPalette: true,
		    preferredFormat: "hex",
			});
		});
	</script>
</head>



<body>

	<div id="global">

		<div id="home">
			<div id="logo"><a href="dashboard.php"><img src="<?php echo $SERVER; ?>assets/img/logo.png" height="110" border="0"/></a></div>
			<div id="username">
				<b><?php echo isset($_SESSION["nom"]) ? $_SESSION["nom"] : $_SESSION["matricule"];?></b> &nbsp; | &nbsp; <a href="close.php" class="link" title="Fermer et clore votre session">D&#233;connexion</a>
				<br/>
			</div>
		</div>
		<div id="panels">
			<?php include "menu.php";?>
			<div class="main-content">
				<div id="title">
					Modification d'un évènement
				</div>
				<div id="form">
					<form name="formEventUpd" id="formEventUpd" action="do.php" method="post" enctype="multipart/form-data">
						<input type="hidden" name="act" value="eventUpd"/>
						<input type="hidden" name="eid" value="<?php echo $event->id;?>"/>
						<input type="hidden" name="agence" value="1"/>
						<input type="hidden" name="supp" id="supp" value="0"/>
						<div class="ui-widget-overlay" style="z-index: 1001;display: none;"></div>
						<div id="dialogControl" title="Champs obligatoire">
						  	<p id="error-msg-txt"></p>
						</div>
						<table align="center" class="form">
							<?php
							if(isset($GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["EVENTS_BY_AGENCY"]) && $GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["EVENTS_BY_AGENCY"]) {
							?>	
							<tr>
								<td style="padding: 10px;">Agence</td>
								<td style="padding: 10px;">
									<select style="width: 220px;" name='agc' required="true" id="agence" onchange="selectAgency(this.value)" tabindex="1">
										<option value="">Sélectionner une agence</option>
										<?php echo $listAgc; ?>
									</select>
								</td>
							</tr>	
							<?php } ?>	
							<tr>
								<td>Titre</td>
								<td><input type="text" name="nom" id="nom" value="<?php echo $event->title; ?>" size="30" tabindex="2"/></td>
							</tr>
							<tr>
								<td>Salle</td>
								<td><input type="text" name="code_salle" id="code_salle" value="<?php echo $event->salle; ?>" size="30" tabindex="3"/></td>
							</tr>
							<tr>
								<td>Début</td>
								<td style="position:relative">
									<input type="text" class="form-control date_picker" id="event-start" value="<?php echo $start_date;?>" placeholder="Date de début" name="event_start" autocomplete="off" tabindex="4">
								</td>
							</tr>
							<tr>
								<td>Fin</td>
								<td style="position:relative">
									<input type="text" class="form-control date_picker" id="event-end" value="<?php echo $end_date;?>" placeholder="Date de fin" name="event_end" autocomplete="off" tabindex="5">
								</td>
							</tr>							
							<tr>
								<td>Orientation</td>
								<td><textarea type="text" name="orientation" id="orientation" row=10 col=5 tabindex="6" style="margin-bottom: 10px;margin-top: 10px;"><?php echo $event->orientation_text; ?></textarea></td>
							</tr>							
							<tr>
								<td class="cnsPhoto">Image de salle</td>
								<td class="cnsPhoto">
									<br>
									<span class="cnsPhotoText">
										<b><u>Caract&#233;ristiques du fichier</u> :</b>
										<br/>
										Poids maximum : 1 Mo.
										<br/>
										Type de fichier : JPG / PNG.
										<br/>
										Dimensions attendues :<br/>Largeur: <?php echo isset($GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["IMAGES"]["salle"]["width"]) ? $GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["IMAGES"]["salle"]["width"] : "830";?> pixels. | Hauteur : <?php echo isset($GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["IMAGES"]["salle"]["height"]) ? $GLOBALS["BO_CONF"]["AGENCE"]["SIEGE"]["IMAGES"]["salle"]["height"] : 600;?> pixels.
									</span>
									<br/><br/>
									<img src="/<?php echo $event->orientation_image; ?>" height="150" /><br/><br/>
									<input type="file" name="salle" id="salle" size="30" tabindex="7" accept="image/*"/>
								</td>
							</tr>
							<tr>
								<td>Actif</td>
								<td><input type="checkbox" name="active" id="active" size="30" tabindex="1" <?php echo $event->is_active == "1" ? "checked" : ""; ?> tabindex="9"/></td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td align="center">
									<div id="dialog" title="Suppression d'un évènement">
									  	Etes-vous sûr de vouloir supprimer cet évènement ?<br>
										<div class="center" style="margin-top: 20px;">
										    <button type="button" id="supprimer" onclick="delEventConfirmed();">Oui</button>
										</div>
									</div>
									<div class="ui-widget-overlay" style="z-index: 1001;display: none;"></div>
									<!-- <button type="button" class="formAct" id="supprimmer-btn" class="btn-modalita link">Supprimer</button> -->
									<input type="button" class="formAct" name="supprimer" id="supprimmer-btn" value="Supprimer" onclick="delMsg();" tabindex="9"/>

									<input type="button" class="formAct" name="valider" id="valider" value="Valider" onclick="checkForm();" tabindex="10"/>
									<br><br>
									<a href="eventList.php">Retour &#224; la liste des évènements</a>
								</td>
							</tr>
						</table>
					</form>
				</div>
			</div>

		</div>

					<?php include 'footer.php';?>
		<script>
		document.getElementById('nom').focus();
		function delEventConfirmed(){
                document.getElementById("supp").value = 1;
                document.formEventUpd.submit();
            }
		$(function() {
  $("#dialog").dialog({autoOpen: false, position: 'center'});
  
  $("#supprimmer-btn").click(function() {
    $("#dialog").dialog("open");
    $('.ui-widget-overlay').show();
  });
  $('.ui-dialog .ui-dialog-titlebar-close span').click(function(){
  	$('.ui-widget-overlay').hide();
  });
});
	</script>

</body>

</html>