{include file='header-index.php'}

<div class="body-cabinet" style="padding-top: 0px; background-image: url('https://users.visioweb.com/images/t1/presentation.png'); background-size: 75px; background-repeat: no-repeat; background-position-x: -18px; background-position-y: -7px;">
      {if $first eq 1}
			<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			  <div class="modal-dialog" role="document">
				<div class="modal-content">
						
				  <div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">Bienvenue sur votre site</h4>
				  </div>
						  
				  <div class="modal-body">
				  {$text_first}
				  </div>
				  					 
				</div>
			  </div>
			</div>
				
       {/if}
	
	<br/>
	<!-- PRESENTATION DU CABINET -->
	<h3 class="h3-body"><span>Présentation du cabinet</span></h3>
	{assign var="var1" value="200"}
	{foreach from=$presentation_du_cabinet_tab item=i}
	{if $i.titre neq 'Horaires' and $i.titre neq 'Informations pratiques' and $i.titre neq 'Comment s\'y rendre ?'}
		<fieldset id="Article{$var1}" class="Article">
			<div class="media" style="overflow: visible;">
				<div class="media-body" style="overflow: visible;">
				{if $i.titre neq 'Présentation du cabinet'}
					<h3 class="h3-body"><span style="text-transform:capitalize"><b>{$i.titre}</b></span></h3>
				{/if}
					
					{$i.article|nl2br}
					
					{if $admin eq '1'}
						<button  name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="{$button_editer}" data-target="#Edit{$var1}">{$button_editer} le texte de {$i.titre}</button>
					{/if}
					
					{if $i.titre eq 'Présentation du cabinet'}
					
						<div class="col-sm-12">
							<div class="col-sm-4" style="padding-right:5px; padding-left:0">
												<img src="https://users.visioweb.com/images/cabinet1.png" class="imgStyle">
							</div>

							<div class="col-sm-4" style="padding-right:5px; padding-left:5px">
												<img src="https://users.visioweb.com/images/cabinet2.png" class="imgStyle">
							</div>

							<div class="col-sm-4" style="padding-left:5px; padding-right:0">
												<img src="https://users.visioweb.com/images/cabinet3.png" class="imgStyle">
							</div>
						</div>
						{if $admin eq '1'}
							<div class="col-sm-12">
								<div class="col-sm-4" style="padding-right:5px; padding-left:0; text-align:center">
									<a href="https://users.visioweb.com/change_img.php?emplacement=1" target="_parent"><button  name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="{$button_editer}">{$button_editer} l'image</button></a>
								</div>
								
								<div class="col-sm-4" style="padding-right:5px; padding-left:0; text-align:center">
									<a href="https://users.visioweb.com/change_img.php?emplacement=2" target="_parent"><button  name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="{$button_editer}">{$button_editer} l'image</button></a>
								</div>
								
								<div class="col-sm-4" style="padding-right:5px; padding-left:0; text-align:center">
									<a href="https://users.visioweb.com/change_img.php?emplacement=3" target="_parent"><button  name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="{$button_editer}">{$button_editer} l'image</button></a>
								</div>
							</div>
							{/if}
					{/if}
					
					
					{if $i.titre eq 'Consultation'}
					<div style="width:100%; text-align:center">
						<a class="btn btn-block new-btn" href="{$url}4" role="button" style="margin-top: 20px;">Prendre rendez-vous en ligne</a>
					</div>
					{/if}
					
					
				</div>
			</div>
		</fieldset>
		{/if}
		{if $admin eq '1'}
			<form action="{$url}1" method="post" enctype="multipart/form-data">
				<fieldset id="Edit{$var1}" class="Edit">
					<INPUT type="hidden" name="id_article"  value="{$i.id}">
					<input type="hidden" class="form-control" name="titre" id="titre" value="{$i.titre}">
					<textarea class="ckeditor" name="editor1" id="js-my-textarea-cabinet{$var1}">{$i.articlebbcode}</textarea>
					</br>
					<button type="submit" id="mybuton{$var1}" class="mybuton btn-admin" name="Edit"/>{$button_valider}</button>
					<input name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="annuler"  name="Editer"/>
					
					{if $i.titre eq 'Présentation du cabinet'}
						<div class="col-sm-12">
							<div class="col-sm-4" style="padding-right:5px; padding-left:0">
												<img src="https://users.visioweb.com/images/cabinet1.png" class="imgStyle">
							</div>

							<div class="col-sm-4" style="padding-right:5px; padding-left:5px">
												<img src="https://users.visioweb.com/images/cabinet2.png" class="imgStyle">
							</div>

							<div class="col-sm-4" style="padding-left:5px; padding-right:0">
												<img src="https://users.visioweb.com/images/cabinet3.png" class="imgStyle">
							</div>
						</div>
							<div class="col-sm-12">
								<div class="col-sm-4" style="padding-right:5px; padding-left:0; text-align:center">
									<a href="https://users.visioweb.com/change_img.php?emplacement=1" target="_parent"><button  name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="{$button_editer}">{$button_editer} l'image</button></a>
								</div>
								
								<div class="col-sm-4" style="padding-right:5px; padding-left:0; text-align:center">
									<a href="https://users.visioweb.com/change_img.php?emplacement=2" target="_parent"><button  name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="{$button_editer}">{$button_editer} l'image</button></a>
								</div>
								
								<div class="col-sm-4" style="padding-right:5px; padding-left:0; text-align:center">
									<a href="https://users.visioweb.com/change_img.php?emplacement=3" target="_parent"><button  name="answer" id="mybuton{$var1}" class="mybuton btn-admin" type="button" value="{$button_editer}">{$button_editer} l'image</button></a>
								</div>
							</div>
					{/if}
				</fieldset>
			</form>
			
		{/if}
		{capture assign=var1}{$var1+1}{/capture}
	{/foreach}

</div> <br />
<div style="display:none">
    {if isset($reservation_disponible) }
        
        {include file='agenda.php'}
        
    {/if}
</div>
<!-- L'EQUIPE -->
<div class="body-cabinet" style="padding-top: 0px; background-image: url('https://users.visioweb.com/images/t1/equipe.png'); background-size: 75px; background-repeat: no-repeat; background-position-x: -7px; background-position-y: -7px;">
	<br/>
	<h3 class="h3-body">
	<span>L'équipe</span> 
	</h3>
	
	{assign var="var1" value="200"}
	{foreach from=$personneltab item=i}
		<div class="media">
		<fieldset id="Personnel{$var1}" class="Personnel">
			<div class="media-left media-middle media-responsive" style="width:25%; padding:20px; float: left;">
				{if $i.picture != ''}
					<a href="{$url}4"><img class="media-object img-circle img-cabinet media-responsive" src="images/{$i.picture}" alt="..." style="width:100%;"></a>
					{else}
					<img class="media-object img-circle img-cabinet media-responsive" src="https://users.visioweb.com/images/default-user.png" alt="..." style="width:100%">
				{/if}
			</div>
			<div class="media-body" style="width:75%; float: left;">
				<h4 class="media-heading titrage-2"><b>{$i.fonction} {$i.nom} {$i.prenom}</b></h4>
				{if $i.diplome != ''}
					<h4 class="media-heading titrage-2">{$i.diplome}</h4>
				{/if}
				{if $i.info != ''}
					<p>{$i.info}</p>
				{/if}
			</div>
			
		</fieldset>
		<img src="https://users.visioweb.com/images/t1/barre.png">
		</div>
		
		{capture assign=var1}{$var1+1}{/capture}
	{/foreach}
<div style="width:100%; text-align:center">
	<a class="btn btn-block new-btn" href="{$url}6" role="button" style="margin-top: 20px;">Nous Contacter</a>
</div>
</div>
<br>
<div class="body-cabinet" style="padding-top: 0px; background-image: url('https://users.visioweb.com/images/t1/question.png'); background-size: 75px; background-repeat: no-repeat; background-position-x: -18px; background-position-y: -7px;">
	<br/>
	<!-- ARTICLES -->
	{assign var="var1" value="200"}
	{foreach $lesArticles as $tabCategorie}

		{foreach $tabCategorie as $categorie}

		<!--{if $articlerandomtab neq '17'}-->
	
		{if $titrePrec neq $categorie.titreCategorie}
		
			<h3 class="h3-body"><span>{$categorie.titreCategorie}</span></h3>
		{/if}
	
		{assign var="titrePrec" value=$categorie.titreCategorie}
		
		<div class="bloc bloc-bleu-clair" style="overflow:hidden">
					
				<fieldset id="Article_titre{$var1}" class="Article_titre">
					<h4 class="h4-perso"> {$categorie.titreArticle}  </h4>
										
				</fieldset>
					
				<fieldset id="Article_full{$var1}" class="Article_full">

					<!--<h4 class="h4-perso">-->
						<p>
							{$categorie.texteArticle|strip_tags}
						</p>
					<!--</h4>-->
					
					<div class="text-left">
						<a class="btn btn-default btn-22" href="{$urlartic}&idArticle={$categorie.idArticle}" role="button">En savoir plus</a>
					</div>
					
				</fieldset>

				
<img src="https://users.visioweb.com/images/t1/barre.png" style="margin-top: 20px; margin-bottom: 10px">
		</div>
		
		{capture assign=var1}{$var1+1}{/capture}
		<!--{/if}-->
		{/foreach}
	{/foreach}
<div style="width:100%; text-align:center">
	<a class="btn btn-block new-btn" style="margin:0 auto" href="{$url}2" role="button">Afficher plus de fiches dentaires</a>
</div>	
</div>
{include file='footer.php'}

<!--Scripts pour cabinet et personnel-->
{if $admin eq '1'}
	<!--{assign var="var1" value="200"}-->
	<script>
		$(document).ready(function(){
			{foreach from=$presentation_du_cabinet_tab item=i}
			
				$(".Edit").hide();
				
				$(document).on('click', '#mybuton{$var1}' , function() {
					if (this.value == "{$button_editer}"){ 
					
						console.log('Bouton Modifier clique');
						var $target = $(this).data('target');
						
						$('#Article{$var1}').hide();
						$('#Edit{$var1}').hide();
						$($target).show();
											
							{assign var="var2" value="200"}
							{foreach $presentation_du_cabinet_tab as $i}
								$(".Edit").hide();
								$(".Article").show();
								{capture assign=var2}{$var2+1}{/capture}
							{/foreach }
							$("#Edit{$var1}").show();
							$("#Article{$var1}").hide();
					} 
					else {
						$(".Edit").hide();
						$(".Article").show();          
					}      
				});
						{capture assign=var1}{$var1+1}{/capture}
					{/foreach}
			
		

			
			
			/*
			{assign var="var1" value="200"}*/
			
			//{foreach from=$personneltab item=i}
			
				$(".Editpersonnel").hide();
				$(".Ajouterpersonnel").hide();
				
				$(document).on('click', '.mybutonpersonnel' , function() {
					if (this.value == "{$button_editer}"){ 
					
						
						$(".Editpersonnel").show();
						$(".Personnel").hide();
						$(".Ajouterpersonnel").hide();
						$(".divButton").hide();
						
					}
					else if(this.value == "ajouter"){
						$(".Ajouterpersonnel").show();
						$(".Editpersonnel").hide();
						$(".Personnel").hide();
					}
					else {
						$(".Editpersonnel").hide();
						$(".Ajouterpersonnel").hide();
						$(".Personnel").show();  
						$(".divButton").show();							
					} 
				});
				
				/* Ajout d'un personnele */
				$(document).on('click', '.mybutonpersonnelajout' , function() {
					if(this.value == "Ajouter un membre de l'équipe"){
						$(".Ajouterpersonnel").show();
						/*{assign var="var2" value="1"}
							{foreach $personneltab as $i}
								$(".Editpersonnel").hide();
								$(".Personnel").show();
							{capture assign=var2}{$var2+1}{/capture}
						{/foreach}*/
						
					}
					else {
						$(".Editpersonnel").hide();
						$(".Ajouterpersonnel").hide();
						$(".Personnel").show();  
											
					}
				});
				
				
				
				/*document.getElementById("fichier{$var1}").onchange = function() {
					document.getElementById("upload_image_personel{$var1}").submit();
				};*/

				
			/*	{capture assign=var1}{$var1+1}{/capture}
			{/foreach}*/
			
			/* Pour les articles */
			$(".Edit_article").hide();
				
				$(document).on('click', '.mybuton_random' , function() {
					if (this.value == "{$button_editer}"){ 
						console.log('Bouton Modifier clique');
						var $target = $(this).data('target');
						
						$('.Article_random').hide();
						$($target).show();
					
							
								/*$(".Edit_article{$var2}").hide();
								$(".Article_random{$var2}").show();
							
					
						
						$(".Edit_article{$var1}").show();
						$(".Article_random{$var1}").hide();*/
					} 
					else {
						$(".Article_titre").hide();
						$(".Article_full").hide();
						
						$(".Edit_article").hide();
						$(".Article_random").show();          
					} 
						
				});
				
	
				$(".Editside").hide();
				
				$(document).on('click', '.mybuton' , function() {
					if (this.value == "{$button_editer}"){ 
						console.log('Bouton Modifier clique');
						var $target = $(this).data('target');
						
						$('.Editside').hide();
						$($target).show();
					} 
					else {
						$(".Edit_article{$var1}").hide();
						$(".Article_random{$var1}").show();          
					} 
						
				});
				
			$(".Edit_presentation").hide();
				
				$(document).on('click', '.mybuton_presentation' , function() {
					if (this.value == "{$button_editer}"){ 
						console.log('Bouton Modifier clique');
						var $target = $(this).data('target');
						
						$('.Article_presentation').hide();
						$($target).show();
					} 
					else {
						$(".Article_presentation").show();
						$(".Edit_presentation").hide();          
					} 
						
				});

				$(".Edit_infos").hide();
				
				$(document).on('click', '.mybuton_infos' , function() {
					if (this.value == "{$button_editer}"){ 
						console.log('Bouton Modifier clique');
						var $target = $(this).data('target');
						
						$('.Article_infos').hide();
						//$('.Edit_infos').show();*/
						$($target).show();
						
						$('.mybuton_infos_modifier:button').hide();
					} 
					else {
						$(".Edit_infos").hide();
						$(".Article_infos").show(); 
						$('.mybuton_infos_modifier:button').show();
					} 
						
				});
				
						$(".Edit_horaires").hide();
				
				$(document).on('click', '.mybuton_horaires' , function() {
					if (this.value == "{$button_editer}"){ 
						console.log('Bouton Modifier clique');
						var $target = $(this).data('target');
						
						$('.Article_horaires').hide();
						$($target).show();
				
					} 
					else {
						$(".Edit_horaires").hide();
						$(".Article_horaires").show();          
					} 
						
				});
			
			
			$(".Maps").hide();
			$(document).on('click', '.mapps' , function() {
				if (this.value == "{$button_editer}"){ 
					$(".Maps").show();
					$(".mapp").hide();
				} 
				else {
					$(".Maps").hide();
					$(".mapp").show();          
				}       
			});

			$("textarea.ckeditor").each(function(){
				jsmytextarea($(this).attr("id"));
			});			
			
			function jsmytextarea(id)
			{
				CKEDITOR.replace(id, {
					"extraPlugins" : 'imagebrowser,autogrow',
					removePlugins: 'resize',
					autoGrow_minHeight: 50,
					autoGrow_maxHeight: 500,
					autoGrow_onStartup: true,
					on :
					{
						'instanceReady' : function(ev)
						{
							ev.editor.fire('contentDom');
						}
					},
					"imageBrowser_listUrl" : "{$url_dir_picture}"
				});


			}
			

			
		
		});
	</script>
{/if}


<script>
function pop() {
window.open('pop','height=x,width=y,top=z,left=t,resible=no');
}
</script>

<script type="text/javascript">
    $(window).load(function(){
        $('#myModal').modal('show');
    });
</script>

<style>
#cke_1_contents {
	height:161px !important;
}

#cke_5_contents {
	height:61px !important;
}

#cke_9_contents, #cke_16_contents, #cke_4_contents, #cke_11_contents {
	height:81px !important;
}

#cke_12_contents, #cke_7_contents {
	height:101px !important;
}

.cke_bottom, .Editside #titre, .Edit_presentation #titre, #Edit200 #titre {
	display:none
}