<div class="publish" id="publish">
<form action="/publish" id="publish" method="POST" class="" >
    	<input id="csrf_token" name="csrf_token" type="hidden" value="{{ csrf_token() }}">  
    	<h3>Publier mon site </h3>
	<p> Rentrez ici les identifiants de connexions fourni par votre hébergeur. </p>
    	<br/>
   		<label for="ServerAddress"> Adresse du serveur : </label>
      		<div class="input-group">
		      <input type="text"
		name="serverAddress" 
	      class="form-control" 
	      id="serverAddress" 
	      {%if serverInfos.Address %}
	      value="{{ serverInfos.Address }}"
	      {%else%}
	      placeholder="sftp://mon_serveur.com, ou ftp://mon_serveur.com"
	      {%endif%}
	      required>
       		<div class="invalid-feedback">
        	 La publication du site n'a pas pu se faire correctement.  
         </div>
       </div> 
       <br/>
      <label for="serverPort"> port </label>
       <br/>
        <input type="number"
	      name="serverPort" 
	      min="0"
	      max="65536"
	      class="form-control" 
	      id="serverPort" 
	      {%if serverInfos.Port %}
	      value="{{ serverInfos.Port }}"
	      {%else%}
	      placeholder="1-65535"
	      {%endif%}>

      
       <br/>

       <label for="serverPort"> Dossier </label>
       <br/>
        <input type="text"
	      name="folder" 
	      class="form-control" 
	      id="folder"
	      {%if serverInfos.folder %}
	      value="{{ serverInfos.folder }}"
	      {%else%}
	      placeholder="Spécifier un dossier sinon ne mettez rien"
	      {%endif%}>

       <br/>

       <label for="User"> Nom d'utilisateur </label>
       <br/>
        <input type="text"
	      name="username" 
	      class="form-control" 
	      id="username"
	      {%if serverInfos.username %}
	      value="{{ serverInfos.username }}"
	      {%else%}
	      placeholder="Nom d'utilisateur fourni par votre hébergeur"
	      {%endif%}

	      placeholder="Nom d'utilisateur fourni par votre hébergeur"
	      required>

       <br/>
	
       <label for="Password"> Mot de passe </label>
       <br/>
       <input type="password"
	      name="password" 
	      class="form-control" 
	      id="password" 
	      placeholder="Mot de passe fourni par votre hébergeur" 
	      required>

       <br/>

	<div hx-get="{{ url_for('publish_progress') }}" hx-trigger="load, every 3s">

	</div>
	<br/>
       <button type="submit" class="btn btn-success"
			  onclick="valid_nameBloc()"> Publier le site </button>
  </form>
</div>

