@extends('layout.menu')

@section('content2')  

   
   
   
   
   

<div class="page-body">
                <div class="container-fluid">
                    <div class="page-title">
                        <div class="row">
                            <div class="col-6">
                               <i class="icona" data-feather="sliders"></i> <h3>Paramétrage</h3>
                            </div>
                         
							
						
			
			
			
							<div class="clr"></div>
							<div class="espace"></div>
							
							
							<div class="col-md-12">
                  <form class="card">
                    <div class="card-header">
                      <h4 class="tit01 card-title mb-0" >Mon compte</h4>
                    </div>
                    <div class="card-body">
                     
					  
					  
					  
					  		  
		  <section>
            <form>
              <fieldset disabled id="patient-information">
					   <div class="row">
					    <div class="col-md-4">
                          <div class="mb-3">
                            <label class="form-label" for="inputFirstName">Raison sociale</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="Novatis">
                          </div>
                        </div>
						
						 <div class="col-md-4">
                          <div class="mb-3">
                            <label class="form-label" for="inputFirstName">Type</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="Usine">
                          </div>
                        </div>
						
						<div class="col-md-4">
                          <div class="mb-3">
                            <label class="form-label" for="inputFirstName">Photo</label>
                            <input class="form-control"  type="file" id="inputFirstName">
							                           

                          </div>
                        </div>
						
                        <div class="col-md-4">
                          <div class="mb-3">
                            <label class="form-label" for="inputFirstName">Téléphone</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="0522 02 02 02">
                          </div>
                        </div>
                       
					   
					    <div class="col-md-4">
                          <div class="mb-3">
                            <label class="form-label" for="inputFirstName">Email</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="contact@novatis.ma">
                          </div>
                        </div>
						
						
						<div class="col-md-4">
                          <div class="mb-3">
                            <label class="form-label" for="inputFirstName">Ville</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="Berrchid">
                          </div>
                        </div>
                        
                        <div class="col-md-12">
                          <div class="mb-3">
                            <label class="form-label"for="inputFirstName">Addresse</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="Lot. 76 – Zone Industrielle Berrechid – Maroc" >
                          </div>
                        </div>
                      
					  
					    <div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label"for="inputFirstName">RC</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="1234567898">
                          </div>
                        </div>
						
						
						<div class="col-md-6">
                          <div class="mb-3">
                            <label class="form-label" for="inputFirstName" >ICE</label>
                            <input class="form-control form-control-sm"  id="inputFirstName" type="text" value="987654321">
                          </div>
                        </div>
						
                      
					  
					  
					  
					  

					  
					  
                      </div>
					  
			
			
			
			
			
				   <div class="container-fluid p-0 btn-edit-hidden" id="edit-action-btns">
                <div class="form-group row">
                  <label class="col-sm-2 col-form-label" for="inputHomePhone"></label>
				  <div class="clr"></div>
                  <div class="col-sm-12 pl-2">
                    <div class="crikit btn btn-primary" onclick="disableTxt()" type="button">Enregistrer</div> 
                  </div>
                </div>
              </div>
		 
			  
			  
			  
                    </div>
				                        <div class="criki2t btn btn-primary" id="edit-btn" onclick="undisableTxt()">Editer</div> 

             
              
		  
		  
		  
		   
		  
		  
		  
		  
		  	
				
				
		  
		    </div>
		  
							  
							  

		  </div>
		  
		  
		  
		  
		  
		  </fieldset>
		  </form>
		  </section>
		  
		  
		  
		  
		  
		  
		  
	
		  
		  
		  
	
		  
		  
		  
                        </div>
                    </div>
                </div>
                <!-- Container-fluid starts-->
                
                <!-- Container-fluid Ends-->
            </div>

	
	
	<script>
	
	function disableTxt() {
  document.getElementById("patient-information").disabled = true;

  var x = document.getElementById("edit-action-btns");
  var y = document.getElementById("edit-btn");
  if (x.style.visibility === "hidden") {
    x.style.visibility = "visible";
  } else {
    x.style.visibility = "hidden";
  }
  if (y.style.display === "inline-block") {
    y.style.display = "none";
  } else {
    y.style.display = "inline-block";
  }
}

function undisableTxt() {
  document.getElementById("patient-information").disabled = false;

  var x = document.getElementById("edit-action-btns");
  var y = document.getElementById("edit-btn");
  if (x.style.visibility === "visible") {
    x.style.visibility = "hidden";
  } else {
    x.style.visibility = "visible";
  }
  if (y.style.display === "none") {
    y.style.display = "inline-block";
  } else {
    y.style.display = "none";
  }
}


	</script>
	@stop