{% extends 'main.html' %}

{% block navbar %}
<div class="container">
    <nav class="navbar navbar-expand-sm fixed-top bg-light ">
      <div class="container-fluid">
        <a class="navbar-brand " href="http://www.cerist.dz/index.php/fr/">
            <img src="../static/images/logo.png" alt="" width="100" height="55" class="d-inline-block align-top"> 
        </a>
      {% if user.is_authenticated %}
        <ul class="nav justify-content-end mr-right">
          <li class="nav-item user-name">
            Bienvenue, {{ user.first_name }} {{ user.last_name }}
          </li>
          <li>
            <br>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{% url 'Logout' %}"> Logout <i class="fa-solid fa-right-from-bracket"></i></a>
            
          </li>
        </ul>
      {% endif %}
    <div>
  </nav>
</div>
{% endblock %}

{% block Espace %}

  <div class="row">
    <div class="col-sm-auto">
      <div class="card card-input">
        <div class="card-body">
          <form action="{% url 'Espace_user' %}" method="POST" enctype="multipart/form-data">
            {% csrf_token %} 
              <div class="mb-3">
                <label for="formFile" class="form-label">Sélectionnez un fichier</label>
                <input class="form-control" type="file" id="formFile" name="file1"> 
              </div>
              <div class="btn-group">
                <input type="radio" name="raid" class="btn btn-primary" value="RAID0">RAID0
                <input type="radio" name="raid" class="btn btn-primary" value="RAID1">RAID1
                <input type="radio" name="raid" class="btn btn-primary" value="RAID5">RAID5
              </div>
              <input type="submit" class="btn btn-primary" value="submit">
          </form>
        </div>
      </div>
    </div>
    <div class="col-sm-auto">
      <div class="card card-output">
        <div class="card-body">
          <form action="{% url 'File_List' %}" method="POST" enctype="multipart/form-data">
            {% csrf_token %} 
            <div class="mb-3">
              <select>
                {% for f in files %} 
                <option>
                 {{ f.file.name  }} 
                </option>
                {% endfor %}
              </select> 
            </div>
            <div class="btn-group">
              <input type="radio" name="raid-restore" class="btn btn-primary" value="RAID0">RAID0
              <input type="radio" name="raid-restore" class="btn btn-primary" value="RAID1">RAID1
              <input type="radio" name="raid-restore" class="btn btn-primary" value="RAID5">RAID5
            </div>
            <a href="#" class="btn btn-primary">Valider</a>
          </form>
        </div>
      </div>
    </div>
  </div>
<fieldset>
    
</fieldset>


{% endblock %}